@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    <h1><b>Bienvenido: {{ Auth::user()->roles->pluck('name')->implode(',') }} - </b>{{ Auth::user()->name }}</h1>
    <hr>
@stop

@section('content')
    <div class="row">

        @if (Auth::user()->roles->pluck('name')->implode(', ') == 'ESTUDIANTE')
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <b>Datos del usuario</b>
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered table-striped table-hover table-sm">
                            <tr>
                                <th>Nombre</th>
                                <td>{{ Auth::user()->estudiante->nombres }}</td>
                            </tr>
                            <tr>
                                <th>Apellidos</th>
                                <td>{{ Auth::user()->estudiante->apellidos }}</td>
                            </tr>
                            <tr>
                                <th>Carnet de identidad</th>
                                <td>{{ Auth::user()->estudiante->ci }}</td>
                            </tr>
                            <tr>
                                <th>Fecha de nacimiento</th>
                                <td>{{ Auth::user()->estudiante->fecha_nacimiento }}</td>
                            </tr>
                            <tr>
                                <th>Teléfono</th>
                                <td>{{ Auth::user()->estudiante->telefono }}</td>
                            </tr>
                            <tr>
                                <th>Dirección</th>
                                <td>{{ Auth::user()->estudiante->direccion }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        @endif

        @if (Auth::user()->roles->pluck('name')->implode(',') == 'DOCENTE')
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <b>Datos del usuario</b>
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered table-striped table-hover table-sm">
                            <tr>
                                <th>Nombre</th>
                                <td>{{ Auth::user()->personal->nombres }}</td>
                            </tr>
                            <tr>
                                <th>Apellidos</th>
                                <td>{{ Auth::user()->personal->apellidos }}</td>
                            </tr>
                            <tr>
                                <th>Carnet de identidad</th>
                                <td>{{ Auth::user()->personal->ci }}</td>
                            </tr>
                            <tr>
                                <th>Fecha de nacimiento</th>
                                <td>{{ Auth::user()->personal->fecha_nacimiento }}</td>
                            </tr>
                            <tr>
                                <th>Teléfono</th>
                                <td>{{ Auth::user()->personal->telefono }}</td>
                            </tr>
                            <tr>
                                <th>Profesión</th>
                                <td>{{ Auth::user()->personal->profesion }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        @endif
        @if (Auth::user()->roles->pluck('name')->implode(',') == 'DIRECTOR ADMINISTRATIVO')
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <b>Datos del usuario</b>
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered table-striped table-hover table-sm">
                            <tr>
                                <th>Nombre</th>
                                <td>{{ Auth::user()->personal->nombres }}</td>
                            </tr>
                            <tr>
                                <th>Apellidos</th>
                                <td>{{ Auth::user()->personal->apellidos }}</td>
                            </tr>
                            <tr>
                                <th>Carnet de identidad</th>
                                <td>{{ Auth::user()->personal->ci }}</td>
                            </tr>
                            <tr>
                                <th>Fecha de nacimiento</th>
                                <td>{{ Auth::user()->personal->fecha_nacimiento }}</td>
                            </tr>
                            <tr>
                                <th>Teléfono</th>
                                <td>{{ Auth::user()->personal->telefono }}</td>
                            </tr>
                            <tr>
                                <th>Profesión</th>
                                <td>{{ Auth::user()->personal->profesion }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        @endif
        @if (Auth::user()->roles->pluck('name')->implode(',') == 'SECRETARIA')
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <b>Datos del usuario</b>
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered table-striped table-hover table-sm">
                            <tr>
                                <th>Nombre</th>
                                <td>{{ Auth::user()->personal->nombres }}</td>
                            </tr>
                            <tr>
                                <th>Apellidos</th>
                                <td>{{ Auth::user()->personal->apellidos }}</td>
                            </tr>
                            <tr>
                                <th>Carnet de identidad</th>
                                <td>{{ Auth::user()->personal->ci }}</td>
                            </tr>
                            <tr>
                                <th>Fecha de nacimiento</th>
                                <td>{{ Auth::user()->personal->fecha_nacimiento }}</td>
                            </tr>
                            <tr>
                                <th>Teléfono</th>
                                <td>{{ Auth::user()->personal->telefono }}</td>
                            </tr>
                            <tr>
                                <th>Profesión</th>
                                <td>{{ Auth::user()->personal->profesion }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        @endif
        @if (Auth::user()->roles->pluck('name')->implode(',') == 'DIRECTOR ACADÉMICO')
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <b>Datos del usuario</b>
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered table-striped table-hover table-sm">
                            <tr>
                                <th>Nombre</th>
                                <td>{{ Auth::user()->personal->nombres }}</td>
                            </tr>
                            <tr>
                                <th>Apellidos</th>
                                <td>{{ Auth::user()->personal->apellidos }}</td>
                            </tr>
                            <tr>
                                <th>Carnet de identidad</th>
                                <td>{{ Auth::user()->personal->ci }}</td>
                            </tr>
                            <tr>
                                <th>Fecha de nacimiento</th>
                                <td>{{ Auth::user()->personal->fecha_nacimiento }}</td>
                            </tr>
                            <tr>
                                <th>Teléfono</th>
                                <td>{{ Auth::user()->personal->telefono }}</td>
                            </tr>
                            <tr>
                                <th>Profesión</th>
                                <td>{{ Auth::user()->personal->profesion }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        @endif
        @if (Auth::user()->roles->pluck('name')->implode(',') == 'CAJERO')
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <b>Datos del usuario</b>
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered table-striped table-hover table-sm">
                            <tr>
                                <th>Nombre</th>
                                <td>{{ Auth::user()->personal->nombres }}</td>
                            </tr>
                            <tr>
                                <th>Apellidos</th>
                                <td>{{ Auth::user()->personal->apellidos }}</td>
                            </tr>
                            <tr>
                                <th>Carnet de identidad</th>
                                <td>{{ Auth::user()->personal->ci }}</td>
                            </tr>
                            <tr>
                                <th>Fecha de nacimiento</th>
                                <td>{{ Auth::user()->personal->fecha_nacimiento }}</td>
                            </tr>
                            <tr>
                                <th>Teléfono</th>
                                <td>{{ Auth::user()->personal->telefono }}</td>
                            </tr>
                            <tr>
                                <th>Profesión</th>
                                <td>{{ Auth::user()->personal->profesion }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        @endif
    </div>
    <div class="row">

        @can('admin.gestiones.index')
            <div class="col-md-3 col-sm-6 col-12">
                <div class="info-box zommP">
                    <img src="{{ url('img/colegio.gif') }}" width="60" alt"">
                    <div class="info-box-content">
                        <span class="info-box-text"><b>Gestiones registradas</b></span>
                        <span class="info-box-number"style="color: #1d20fa">{{ $total_gestiones }} gestiones</span>
                    </div>
                </div>
            </div>
        @endcan

        @can('admin.periodos.index')
            <div class="col-md-3 col-sm-6 col-12">
                <div class="info-box zommP">
                    <img src="{{ url('img/calendario.gif') }}" width="60" alt"">
                    <div class="info-box-content">
                        <span class="info-box-text"><b>Periodos registradas</b></span>
                        <span class="info-box-number"style="color: #1d20fa">{{ $total_periodos }} periodos</span>
                    </div>
                </div>
            </div>
        @endcan

        @can('admin.niveles.index')
            <div class="col-md-3 col-sm-6 col-12">
                <div class="info-box zommP">
                    <img src="{{ url('img/lista.gif') }}" width="60" alt"">
                    <div class="info-box-content">
                        <span class="info-box-text"><b>Niveles registradas</b></span>
                        <span class="info-box-number"style="color: #1d20fa">{{ $total_niveles }} niveles</span>
                    </div>
                </div>
            </div>
        @endcan

        @can('admin.grados.index')
            <div class="col-md-3 col-sm-6 col-12">
                <div class="info-box zommP">
                    <img src="{{ url('img/cliente.gif') }}" width="60" alt"">
                    <div class="info-box-content">
                        <span class="info-box-text"><b>Grados registradas</b></span>
                        <span class="info-box-number" style="color: #1d20fa">{{ $total_grados }} grados</span>
                    </div>
                </div>
            </div>
        @endcan

        @can('admin.paralelos.index')
            <div class="col-md-3 col-sm-6 col-12">
                <div class="info-box zommP">
                    <img src="{{ url('img/velocidad.gif') }}" width="60" alt"">
                    <div class="info-box-content">
                        <span class="info-box-text"><b>Paralelos registradas</b></span>
                        <span class="info-box-number"style="color: #1d20fa">{{ $total_paralelos }} paralelos</span>
                    </div>
                </div>
            </div>
        @endcan

        @can('admin.turnos.index')
            <div class="col-md-3 col-sm-6 col-12">
                <div class="info-box zommP">
                    <img src="{{ url('img/tiempo.gif') }}" width="60" alt"">
                    <div class="info-box-content">
                        <span class="info-box-text"><b>Turnos registradas</b></span>
                        <span class="info-box-number"style="color: #1d20fa">{{ $total_turnos }} turnos</span>
                    </div>
                </div>
            </div>
        @endcan

        @can('admin.materias.index')
            <div class="col-md-3 col-sm-6 col-12">
                <div class="info-box zommP">
                    <img src="{{ url('img/libro.gif') }}" width="60" alt"">
                    <div class="info-box-content">
                        <span class="info-box-text"><b>Materias registradas</b></span>
                        <span class="info-box-number"style="color: #1d20fa">{{ $total_materias }} materias</span>
                    </div>
                </div>
            </div>
        @endcan

        @can('admin.roles.index')
            <div class="col-md-3 col-sm-6 col-12">
                <div class="info-box zommP">
                    <img src="{{ url('img/usuario.gif') }}" width="60" alt"">
                    <div class="info-box-content">
                        <span class="info-box-text"><b>Roles registradas</b></span>
                        <span class="info-box-number"style="color: #1d20fa">{{ $total_roles }} roles</span>
                    </div>
                </div>
            </div>
        @endcan

        @can('admin.personal.index')
            <div class="col-md-3 col-sm-6 col-12">
                <div class="info-box zommP">
                    <img src="{{ url('img/diario.gif') }}" width="60" alt"">
                    <div class="info-box-content">
                        <span class="info-box-text"><b>Administrativos registrados</b></span>
                        <span class="info-box-number"style="color: #1d20fa">{{ $total_personal_administrativo }}
                            administrativos</span>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-12">
                <div class="info-box zommP">
                    <img src="{{ url('img/maestro.gif') }}" width="60" alt"">
                    <div class="info-box-content">
                        <span class="info-box-text"><b>Docentes registrados</b></span>
                        <span class="info-box-number"style="color: #1d20fa">{{ $total_personal_docente }} docentes</span>
                    </div>
                </div>
            </div>
        @endcan

        @can('admin.ppffs.index')
            <div class="col-md-3 col-sm-6 col-12">
                <div class="info-box zommP">
                    <img src="{{ url('img/habilidades.gif') }}" width="60" alt"">
                    <div class="info-box-content">
                        <span class="info-box-text"><b>Padres registrados</b></span>
                        <span class="info-box-number"style="color: #1d20fa">{{ $total_ppffs }} padres</span>
                    </div>
                </div>
            </div>
        @endcan

        @can('admin.estudiantes.index')
            <div class="col-md-3 col-sm-6 col-12">
                <div class="info-box zommP">
                    <img src="{{ url('img/estudiantes.gif') }}" width="60" alt"">
                    <div class="info-box-content">
                        <span class="info-box-text"><b>Estudiantes registrados</b></span>
                        <span class="info-box-number"style="color: #1d20fa">{{ $total_estudiantes }} estudiantes</span>
                    </div>
                </div>
            </div>
        @endcan
    </div>
    @can('admin.materias.index')
    <div class="row">
        <div class="col-md-6">
            <div class="card-outline card-primary">
                <div class="card-header">
                    <h3 class="card-title">Total de Estudiantes matriculados</h3>
                </div>
                <div class="card-body">
                    <div>
                        <canvas id="myChart"></canvas>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card-outline card-primary">
                <div class="card-header">
                    <h3 class="card-title">Total de pagos por mes</h3>
                </div>
                <div class="card-body">
                    <div>
                        <canvas id="myChart2"></canvas>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endcan
@stop

@section('css')
    {{-- Add here extra stylesheets --}}
    {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
@stop

@section('js')
    <script>
        // 📌 Datos desde el backend
        var gestiones = @json($gestionesArray);
        var matriculados = @json($datosMatriculados);
        var meses = @json($meses);
        var montos = @json($montos);

        // 📈 Gráfico de Línea - Matriculados por Gestión
        new Chart(document.getElementById('myChart'), {
            type: 'line',
            data: {
                labels: gestiones,
                datasets: [{
                    label: 'Total de Estudiantes Matriculados',
                    data: matriculados,
                    backgroundColor: 'rgba(54, 162, 235, 0.2)',
                    borderColor: 'rgba(54, 162, 235, 1)',
                    borderWidth: 2,
                    fill: true,
                    tension: 0.3
                }]
            },
            options: {
                scales: {
                    y: {
                        beginAtZero: true
                    }
                }
            }
        });

        // 📊 Gráfico de Barras - Pagos por Mes
        new Chart(document.getElementById('myChart2'), {
            type: 'bar',
            data: {
                labels: meses,
                datasets: [{
                    label: 'Total de Pagos por Mes (C$)',
                    data: montos,
                    backgroundColor: [
                        'rgba(255, 99, 132, 0.2)',
                        'rgba(255, 159, 64, 0.2)',
                        'rgba(255, 205, 86, 0.2)',
                        'rgba(75, 192, 192, 0.2)',
                        'rgba(54, 162, 235, 0.2)',
                        'rgba(153, 102, 255, 0.2)',
                        'rgba(201, 203, 207, 0.2)'
                    ],
                    borderColor: [
                        'rgb(255, 99, 132)',
                        'rgb(255, 159, 64)',
                        'rgb(255, 205, 86)',
                        'rgb(75, 192, 192)',
                        'rgb(54, 162, 235)',
                        'rgb(153, 102, 255)',
                        'rgb(201, 203, 207)'
                    ],
                    borderWidth: 1
                }]
            },
            options: {
                scales: {
                    y: {
                        beginAtZero: true,
                        ticks: {
                            // Formato moneda Nicaragua
                            callback: function(value) {
                                return 'C$ ' + value.toLocaleString('es-NI', {
                                    minimumFractionDigits: 2
                                });
                            }
                        }
                    }
                }
            }
        });
    </script>
    <!-- Contenido de la vista -->
    @include('footer')
@stop