@php
    $fieldLabels = [
        'course_id' => 'Curso',
        'class_group_id' => 'Grupo',
        'classroom_id' => 'Aula',
        'academic_period_id' => 'Periodo académico',
        'student_count' => 'Número de alumnos',
        'topic' => 'Tema dictado',
        'check_in_time' => 'Hora de entrada',
        'check_out_time' => 'Hora de salida',
        'class_date' => 'Fecha de clase',
    ];
@endphp

<div>
    <a href="{{ route('admin.attendance-records') }}" class="back-link">
        <x-icon name="chevron" class="h-4 w-4 rotate-90" />
        Volver a Registros de asistencia
    </a>

    <div class="catalog-panel mt-4 p-6">
        <div class="flex flex-wrap items-start justify-between gap-4">
            <div>
                <h2>Registro #{{ $record->id }}</h2>
                <p class="mt-1 text-sm text-mute">{{ $record->teacher?->displayName() }} — {{ $record->teacher?->document_number }}</p>
            </div>
            <div class="flex flex-wrap gap-1.5">
                @switch($record->status)
                    @case(\App\Enums\AttendanceStatus::Pending)
                        <x-ui.badge tone="warning">Pendiente</x-ui.badge>
                        @break
                    @case(\App\Enums\AttendanceStatus::Absent)
                        <x-ui.badge tone="danger">Inasistencia</x-ui.badge>
                        @break
                    @case(\App\Enums\AttendanceStatus::Regularized)
                        <x-ui.badge tone="info">Regularizado</x-ui.badge>
                        @break
                    @default
                        <x-ui.badge tone="success">Asistió</x-ui.badge>
                @endswitch
                @if ($record->identification_method?->value === 'fingerprint')
                    <x-ui.badge tone="success">HUELLA</x-ui.badge>
                @elseif ($record->isExpiredRegularization())
                    <x-ui.badge tone="info">ADMIN</x-ui.badge>
                @elseif ($record->identification_method?->value === 'manual')
                    <x-ui.badge tone="warning">MODO MANUAL</x-ui.badge>
                @endif
            </div>
        </div>

        @if (! $correcting)
            <dl class="mt-6 grid gap-4 text-sm sm:grid-cols-3">
                <div>
                    <dt class="meta-label">Curso</dt>
                    <dd class="meta-value">{{ $record->course?->displayName() }}</dd>
                </div>
                <div>
                    <dt class="meta-label">Grupo</dt>
                    <dd class="meta-value">{{ $record->classGroup ? $record->classGroup->abbreviation.' — '.$record->classGroup->name : '—' }}</dd>
                </div>
                <div>
                    <dt class="meta-label">Ciclo</dt>
                    <dd class="meta-value">{{ $record->cycle?->name }}</dd>
                </div>
                <div>
                    <dt class="meta-label">Aula</dt>
                    <dd class="meta-value">{{ $record->classroom?->name }}</dd>
                </div>
                <div>
                    <dt class="meta-label">Periodo académico</dt>
                    <dd class="meta-value">{{ $record->academicPeriod?->name }}</dd>
                </div>
                <div>
                    <dt class="meta-label">Asignación de origen</dt>
                    <dd class="meta-value">{{ $record->assignment ? $record->assignment->course?->displayName().' — '.$record->assignment->timeRangeLabel() : 'Sin asignación (regularización admin)' }}</dd>
                </div>
                <div>
                    <dt class="meta-label">Fecha de clase</dt>
                    <dd class="meta-value">{{ $record->class_date->format('d/m/Y') }}</dd>
                </div>
                <div>
                    <dt class="meta-label">Horario declarado</dt>
                    <dd class="meta-value">
                        @if ($record->check_in_time && $record->check_out_time)
                            {{ \App\Models\Assignment::displayTime($record->check_in_time) }} – {{ \App\Models\Assignment::displayTime($record->check_out_time) }}
                        @else
                            — (todavía no ficha)
                        @endif
                    </dd>
                </div>
                <div>
                    <dt class="meta-label">Alumnos</dt>
                    <dd class="meta-value">{{ $record->student_count ?? '—' }}</dd>
                </div>
                <div>
                    <dt class="meta-label">Tema dictado</dt>
                    <dd class="meta-value">{{ $record->topic ?? '—' }}</dd>
                </div>
                <div>
                    <dt class="meta-label">Creado</dt>
                    <dd class="meta-value">{{ $record->created_at->timezone(config('app.timezone'))->format('d/m/Y h:i A') }}</dd>
                </div>
                <div>
                    <dt class="meta-label">Actualizado</dt>
                    <dd class="meta-value">{{ $record->updated_at->timezone(config('app.timezone'))->format('d/m/Y h:i A') }}</dd>
                </div>
                @if ($record->created_by)
                    <div>
                        <dt class="meta-label">Registrado por</dt>
                        <dd class="meta-value">{{ $record->creator?->displayName() }}</dd>
                    </div>
                @endif
                @if ($record->admin_observation)
                    <div class="sm:col-span-3">
                        <dt class="meta-label">Observación (vencida)</dt>
                        <dd class="meta-value">{{ $record->admin_observation }}</dd>
                    </div>
                @endif
            </dl>

            <div class="mt-6">
                <p class="meta-label">Fotos de evidencia</p>
                <div class="mt-2 grid gap-3 sm:grid-cols-3">
                    @foreach (['identification' => 'Identificación', 'form' => 'Formulario', 'confirmation' => 'Confirmación'] as $key => $label)
                        @php $evidence = $record->evidence->firstWhere('type', $key); @endphp
                        <figure class="photo-tile">
                            @if ($evidence)
                                <a href="{{ route('admin.files.evidence', $evidence) }}" target="_blank" rel="noopener" title="Ver foto de {{ $label }} en otra pestaña">
                                    <img src="{{ route('admin.files.evidence', $evidence) }}" alt="Foto de {{ $label }}" class="h-36 w-full object-cover">
                                </a>
                            @else
                                <div class="photo-empty">Sin foto</div>
                            @endif
                            <figcaption class="photo-caption">{{ $label }}</figcaption>
                        </figure>
                    @endforeach
                </div>
            </div>

            <div class="mt-6">
                @if ($canEdit)
                    <x-ui.button type="button" variant="primary" wire:click="startCorrecting">
                        {{ $record->status === \App\Enums\AttendanceStatus::Attended ? 'Corregir' : 'Completar y regularizar' }}
                    </x-ui.button>
                @else
                    <p class="text-sm text-mute">
                        El docente todavía puede fichar esta clase en el kiosko — disponible para regularizar
                        desde las {{ $record->assignment->registrationClosesAt(\App\Models\SystemConfiguration::current()->registration_window_minutes, $record->class_date->toDateString())->format('h:i A') }}.
                    </p>
                @endif
            </div>
        @else
            <form wire:submit="save" class="panel-inset mt-6 grid gap-4 sm:grid-cols-2">
                <p class="text-sm font-semibold sm:col-span-2">
                    {{ $record->status === \App\Enums\AttendanceStatus::Attended ? 'Corregir registro' : 'Completar y regularizar clase' }}
                </p>
                <p class="text-sm text-mute sm:col-span-2">
                    @if ($record->status === \App\Enums\AttendanceStatus::Attended)
                        Puedes editar cualquier campo de la clase. La observación del motivo del cambio es obligatoria.
                    @else
                        El docente no fichó esta clase. Completa los datos reales y el motivo — quedará marcada como regularizada.
                    @endif
                </p>

                <x-ui.course-select :courses="$courses" :error="$errors->first('courseId')" />
                <x-ui.field label="Grupo" name="classGroupId" :error="$errors->first('classGroupId')">
                    <select id="classGroupId" wire:model="classGroupId" class="form-input">
                        <option value="">Seleccione…</option>
                        @forelse ($groupOptions as $group)
                            <option value="{{ $group->id }}">{{ $group->abbreviation }} — {{ $group->name }}</option>
                        @empty
                            <option value="" disabled>Configure grupos para este curso y periodo</option>
                        @endforelse
                    </select>
                </x-ui.field>
                <x-ui.field label="Aula" name="classroomId" :error="$errors->first('classroomId')">
                    <select id="classroomId" wire:model="classroomId" class="form-input">
                        <option value="">Seleccione…</option>
                        @foreach ($classrooms as $classroom)
                            <option value="{{ $classroom->id }}">{{ $classroom->name }}</option>
                        @endforeach
                    </select>
                </x-ui.field>
                <x-ui.field label="Periodo académico" name="academicPeriodId" :error="$errors->first('academicPeriodId')">
                    <select id="academicPeriodId" wire:model.live="academicPeriodId" class="form-input">
                        <option value="">Seleccione…</option>
                        @foreach ($academicPeriods as $period)
                            <option value="{{ $period->id }}">{{ $period->name }}</option>
                        @endforeach
                    </select>
                </x-ui.field>
                <x-ui.field label="Número de alumnos" name="studentCount" :error="$errors->first('studentCount')">
                    <input id="studentCount" type="number" min="0" max="500" wire:model="studentCount" class="form-input">
                </x-ui.field>
                <x-ui.field label="Tema dictado" name="topic" :error="$errors->first('topic')">
                    <input id="topic" type="text" wire:model="topic" class="form-input uppercase">
                </x-ui.field>
                <x-ui.field label="Fecha de clase" name="classDate" :error="$errors->first('classDate')">
                    <input id="classDate" type="date" wire:model="classDate" class="form-input">
                </x-ui.field>
                <div></div>
                <x-ui.field label="Hora de entrada" name="checkInTime" :error="$errors->first('checkInTime')">
                    <input id="checkInTime" type="time" wire:model="checkInTime" class="form-input">
                </x-ui.field>
                <x-ui.field label="Hora de salida" name="checkOutTime" :error="$errors->first('checkOutTime')">
                    <input id="checkOutTime" type="time" wire:model="checkOutTime" class="form-input">
                </x-ui.field>

                <div class="sm:col-span-2">
                    <x-ui.field label="Observación del cambio (obligatoria)" name="reason" :error="$errors->first('reason')">
                        <textarea id="reason" wire:model="reason" class="form-input" rows="3" placeholder="Por qué se corrige este registro…"></textarea>
                    </x-ui.field>
                </div>

                <div class="modal-actions sm:col-span-2">
                    <x-ui.button variant="ghost" type="button" wire:click="cancelCorrecting">Cancelar</x-ui.button>
                    <x-ui.button variant="primary">Guardar corrección</x-ui.button>
                </div>
            </form>
        @endif
    </div>

    <div class="catalog-panel mt-4 p-6">
        <h2>Historial de correcciones</h2>

        @if ($record->corrections->isEmpty())
            <p class="mt-3 text-sm text-mute">Este registro no tiene correcciones.</p>
        @else
            <div class="catalog-table-wrap mt-3">
                <table class="catalog-table">
                    <thead>
                        <tr>
                            <th>Fecha</th>
                            <th>Campo</th>
                            <th>Antes</th>
                            <th>Después</th>
                            <th>Observación</th>
                            <th>Corregido por</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($record->corrections as $correction)
                            <tr wire:key="correction-{{ $correction->id }}">
                                <td class="col-muted">{{ $correction->created_at->timezone(config('app.timezone'))->format('d/m/Y h:i A') }}</td>
                                <td>{{ $fieldLabels[$correction->field] ?? $correction->field }}</td>
                                <td class="col-muted">{{ $correction->old_value }}</td>
                                <td class="col-primary">{{ $correction->new_value }}</td>
                                <td>{{ $correction->reason }}</td>
                                <td class="col-muted">{{ $correction->correctedBy?->displayName() }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
</div>