@extends('layouts.app', ['title' => 'Resumen académico', 'pageClass' => 'page-home'])

@section('content')
    <section class="hero-card home-hero">
        <div class="home-hero-copy">
            <p class="eyebrow">Panel principal</p>
            <h2>Resumen académico</h2>
            <p class="home-date">{{ str($today->copy()->locale('es')->isoFormat('dddd D [de] MMMM [de] YYYY'))->ucfirst() }}</p>
            <div class="home-quick-actions">
                <a class="button-import" href="{{ route('course-offerings.attendance-entry') }}">Asistencias</a>
                <a class="button-muted" href="{{ route('weekly-calendar.index') }}">Calendario</a>
                <a class="button-muted" href="{{ route('consultations.index') }}">Consultas</a>
                <a class="button-muted" href="{{ route('admin.dashboard') }}">Administración</a>
            </div>
        </div>
        <div class="home-event-card {{ $agendaEvent?->isNonComputable() ? 'is-blocked' : ($agendaEvent?->isVirtual() ? 'is-virtual' : '') }}">
            <span>Jornada de {{ str($agendaOptions->get($agendaSelection)['label'])->lower() }}</span>
            @if ($agendaEvent)
                <strong>{{ $agendaEvent->event_type }}</strong>
                <small>{{ $agendaEvent->name }} · {{ $agendaDate->format('d/m/Y') }}</small>
                <em>{{ $agendaEvent->isNonComputable() ? 'No computa asistencia' : 'Computa asistencia' }}</em>
            @else
                <strong>Actividad presencial</strong>
                <small>{{ str($agendaDate->copy()->locale('es')->isoFormat('dddd D [de] MMMM'))->ucfirst() }} · Sin eventos especiales.</small>
                <em>Computa asistencia</em>
            @endif
        </div>
    </section>

    <section class="home-metric-grid">
        @foreach ($dashboardStats as $stat)
            <article class="mini-metric-card accent-{{ $stat['accent'] }}">
                <span>{{ $stat['label'] }}</span>
                <strong>{{ number_format($stat['value'], 0, ',', '.') }}</strong>
            </article>
        @endforeach
        <article class="home-progress-card">
            <span>Horas cargadas este mes</span>
            <strong>{{ $attendanceProgress['loaded'] }} / {{ $attendanceProgress['expected'] }}</strong>
            <small>{{ $attendanceProgress['pending'] }} pendientes hasta hoy</small>
        </article>
    </section>

    <section class="home-content-grid">
        <article class="panel home-agenda-panel">
            <div class="result-heading home-section-heading">
                <div>
                    <p class="eyebrow">Actividad de {{ str($agendaOptions->get($agendaSelection)['label'])->lower() }}</p>
                    <h3>Clases por horario</h3>
                </div>
                <div class="home-agenda-toolbar">
                    <nav class="home-day-switcher" aria-label="Elegir jornada">
                        @foreach ($agendaOptions as $value => $option)
                            <a
                                class="{{ $agendaSelection === $value ? 'is-active' : '' }}"
                                href="{{ route('course-offerings.index', ['agenda' => $value]) }}"
                            >{{ $option['label'] }}</a>
                        @endforeach
                    </nav>
                    <span class="home-section-total">{{ $agendaSlots->flatten()->count() }}</span>
                </div>
            </div>

            @if ($agendaSlots->isEmpty())
                <div class="empty-state">No hay clases programadas para {{ str($agendaOptions->get($agendaSelection)['label'])->lower() }}.</div>
            @else
                <div class="home-agenda">
                    @foreach ($agendaSlots as $timeSlot => $slots)
                        <section class="home-agenda-row">
                            <time>{{ $timeSlot }}</time>
                            <div class="home-agenda-classes">
                                @foreach ($slots as $slot)
                                    <a
                                        class="home-class-item {{ $agendaEvent?->isNonComputable() ? 'is-blocked' : '' }}"
                                        href="{{ route('course-offerings.attendance-import.create', ['courseOffering' => $slot->subject, 'month' => $agendaDate->format('Y-m')]) }}"
                                    >
                                        <span>{{ $slot->subject->career->code }} · {{ $slot->subject->year_number }}° año</span>
                                        <strong>{{ $slot->subject->name }}</strong>
                                        <small>{{ $slot->subject->teacher?->name ?? 'Docente a confirmar' }} · {{ $slot->classroom ?: 'Aula a confirmar' }}</small>
                                        @if ($agendaEvent?->isNonComputable())
                                            <em>No computa</em>
                                        @elseif ($agendaLoadedSlots->has($slot->subject_id.'|'.$slot->id))
                                            <em class="is-ready">Cargada</em>
                                        @elseif ($agendaEvent?->isVirtual())
                                            <em class="is-virtual">{{ $agendaEvent->event_type }}</em>
                                        @elseif ($agendaDate->isAfter($today))
                                            <em class="is-planned">Por dictar</em>
                                        @else
                                            <em>Pendiente</em>
                                        @endif
                                    </a>
                                @endforeach
                            </div>
                        </section>
                    @endforeach
                </div>
            @endif
        </article>

        <aside class="home-side-column">
            <section class="panel home-attention">
                <p class="eyebrow">Atención requerida</p>
                <h3>Pendientes</h3>

                <section class="home-alert-group">
                    <header>
                        <strong>{{ $attendanceProgress['pending'] }}</strong>
                        <span>Asistencias pendientes</span>
                    </header>
                    @forelse ($attendanceProgress['pending_subjects']->take(4) as $subject)
                        <a href="{{ route('course-offerings.attendance-import.create', ['courseOffering' => $subject, 'month' => $today->format('Y-m')]) }}">
                            <b>{{ $subject->name }}</b>
                            <small>{{ $subject->career->code }} · {{ $subject->year_number }}° año · {{ $subject->pending_hours }} horas</small>
                        </a>
                    @empty
                        <p>Las asistencias previstas hasta hoy están completas.</p>
                    @endforelse
                    @if ($attendanceProgress['pending_subjects']->count() > 4)
                        <p>Y {{ $attendanceProgress['pending_subjects']->count() - 4 }} materias más.</p>
                    @endif
                </section>

                <section class="home-alert-group">
                    <header>
                        <strong>{{ $missingTeacherSubjects->count() }}</strong>
                        <span>Docente a confirmar</span>
                    </header>
                    @forelse ($missingTeacherSubjects->take(4) as $subject)
                        <a href="{{ route('admin.course-offerings.manage', $subject) }}">
                            <b>{{ $subject->name }}</b>
                            <small>{{ $subject->career->code }} · {{ $subject->year_number }}° año</small>
                        </a>
                    @empty
                        <p>No hay materias activas sin docente.</p>
                    @endforelse
                    @if ($missingTeacherSubjects->count() > 4)
                        <p>Y {{ $missingTeacherSubjects->count() - 4 }} materias más.</p>
                    @endif
                </section>

                <section class="home-alert-group">
                    <header>
                        <strong>{{ $missingScheduleSubjects->count() }}</strong>
                        <span>Sin horario cargado</span>
                    </header>
                    @forelse ($missingScheduleSubjects->take(4) as $subject)
                        <a href="{{ route('admin.course-offerings.manage', $subject) }}">
                            <b>{{ $subject->name }}</b>
                            <small>{{ $subject->career->code }} · {{ $subject->year_number }}° año</small>
                        </a>
                    @empty
                        <p>Todas las materias tienen horario.</p>
                    @endforelse
                    @if ($missingScheduleSubjects->count() > 4)
                        <p>Y {{ $missingScheduleSubjects->count() - 4 }} materias más.</p>
                    @endif
                </section>

                <section class="home-alert-group">
                    <header>
                        <strong>{{ $duplicateSubjectGroups->count() }}</strong>
                        <span>Nombres coincidentes entre planes</span>
                    </header>
                    @forelse ($duplicateSubjectGroups->take(4) as $duplicateSubjects)
                        @php
                            $firstDuplicate = $duplicateSubjects->first();
                        @endphp
                        <a href="{{ route('admin.subjects.index') }}">
                            <b>{{ $firstDuplicate->name }}</b>
                            <small>{{ $duplicateSubjects->map(fn ($subject) => $subject->career->code.' '.$subject->year_number.'°')->join(' · ') }}</small>
                        </a>
                    @empty
                        <p>No se detectaron nombres de materias coincidentes.</p>
                    @endforelse
                </section>
            </section>

            <section class="panel home-events">
                <div class="result-heading home-section-heading">
                    <div>
                        <p class="eyebrow">Calendario</p>
                        <h3>Próximos eventos</h3>
                    </div>
                    <a class="button-muted" href="{{ route('weekly-calendar.index') }}">Ver</a>
                </div>
                @forelse ($upcomingEvents as $range)
                    <article class="home-event-row">
                        <div>
                            <strong>{{ $range['event']->event_type }}</strong>
                            <span>{{ $range['event']->name }}</span>
                        </div>
                        <time>
                            {{ $range['from']->format('d/m') }}
                            @if (! $range['from']->isSameDay($range['to']))
                                - {{ $range['to']->format('d/m') }}
                            @endif
                        </time>
                    </article>
                @empty
                    <p class="muted">No hay próximos eventos cargados.</p>
                @endforelse
            </section>
        </aside>
    </section>
@endsection