@extends('layouts.app', ['title' => 'Administración', 'pageClass' => 'page-admin'])

@section('content')
    <section class="hero-card compact admin-hero admin-hero-dashboard">
        <div>
            <p class="eyebrow">Dashboard</p>
            <h2>Administración del sistema</h2>
            <p>
                Un panel general para ver el estado de la base institucional y moverte rápido entre
                carreras, alumnos, docentes, materias y calendario académico.
            </p>
        </div>
        <div class="hero-side-note">
            <span class="hero-side-label">Resumen institucional</span>
            <strong>{{ collect($dashboardStats)->sum('value') }}</strong>
            <small>registros y vínculos relevantes en la base</small>
        </div>
    </section>

    @include('admin.partials.nav', ['active' => 'dashboard'])

    <section class="dashboard-stat-grid">
        @foreach ($dashboardStats as $stat)
            <article class="dashboard-stat-card accent-{{ $stat['accent'] }}">
                <div class="dashboard-stat-copy">
                    <span>{{ $stat['label'] }}</span>
                    <strong>{{ number_format($stat['value'], 0, ',', '.') }}</strong>
                </div>
                <div class="dashboard-stat-bar">
                    <span></span>
                </div>
            </article>
        @endforeach
    </section>

    <section class="admin-dashboard-grid admin-dashboard-grid-refined">
        <article class="panel dashboard-panel">
            <div class="result-heading dashboard-panel-heading">
                <div>
                    <p class="eyebrow">Carreras</p>
                    <h3>Oferta institucional</h3>
                </div>
                <span class="dashboard-panel-total">{{ $careers->count() }}</span>
            </div>
            <div class="table-wrap dashboard-table-wrap">
                <table class="data-table dashboard-table">
                    <thead>
                        <tr>
                            <th>N°</th>
                            <th>Código</th>
                            <th>Carrera</th>
                            <th>Materias</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($careers as $career)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $career->code }}</td>
                                <td>{{ $career->name }}</td>
                                <td>{{ $career->subjects_count }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </article>

        <article class="panel dashboard-panel">
            <div class="result-heading dashboard-panel-heading">
                <div>
                    <p class="eyebrow">Alumnos</p>
                    <h3>Nómina general</h3>
                </div>
                <div class="finder-actions">
                    <label class="inline-check filter-toggle">
                        <input type="checkbox" name="ex_students" value="1" form="dashboardExStudentsFilter" @checked($showExStudents) onchange="this.form.submit()">
                        <span>ExAlumnos</span>
                    </label>
                    <span class="dashboard-panel-total">{{ $students->count() }}</span>
                </div>
            </div>
            <form id="dashboardExStudentsFilter" method="GET" action="{{ route('admin.dashboard') }}"></form>
            <div class="table-wrap dashboard-table-wrap">
                <table class="data-table dashboard-table">
                    <thead>
                        <tr>
                            <th>N°</th>
                            <th>Alumno</th>
                            <th>DNI</th>
                            <th>Inscripciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($students as $student)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $student->full_name }}</td>
                                <td>{{ $student->dni ?: 'Sin dato' }}</td>
                                <td>{{ $student->enrollments_count }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </article>

        <article class="panel dashboard-panel">
            <div class="result-heading dashboard-panel-heading">
                <div>
                    <p class="eyebrow">Docentes</p>
                    <h3>Plantel activo</h3>
                </div>
                <span class="dashboard-panel-total">{{ $teachers->count() }}</span>
            </div>
            <div class="table-wrap dashboard-table-wrap">
                <table class="data-table dashboard-table">
                    <thead>
                        <tr>
                            <th>N°</th>
                            <th>Docente</th>
                            <th>Materias</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($teachers as $teacher)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $teacher->name }}</td>
                                <td>{{ $teacher->subjects_count }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </article>

        <article class="panel dashboard-panel dashboard-panel-wide">
            <div class="result-heading dashboard-panel-heading">
                <div>
                    <p class="eyebrow">Materias</p>
                    <h3>Mapa académico</h3>
                </div>
                <span class="dashboard-panel-total">{{ $subjects->count() }}</span>
            </div>
            <div class="table-wrap dashboard-table-wrap">
                <table class="data-table dashboard-table">
                    <thead>
                        <tr>
                            <th>N°</th>
                            <th>Carrera</th>
                            <th>Año</th>
                            <th>Materia</th>
                            <th>Inscripciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($subjects as $subject)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $subject->career->code }}</td>
                                <td>{{ $subject->year_number }}°</td>
                                <td>{{ $subject->name }}</td>
                                <td>{{ $subject->enrollments_count }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </article>
    </section>
@endsection