@php
    $enProgreso = $item->intentoEnProgreso($user->id);
    $completados = $item->intentosCompletados($user->id);
    $ultimoCompletado = $completados->sortByDesc('numero_intento')->first();
    $final = $item->calificacionFinal($user->id);
    $puedePresentar = $item->puedeIniciarIntento($user->id);

    $estado = 'closed';
    $etiqueta = 'Fuera de horario';
    if ($enProgreso) {
        $estado = 'ready';
        $etiqueta = 'En progreso';
    } elseif ($puedePresentar) {
        $estado = 'ready';
        $etiqueta = $completados->isNotEmpty() ? 'Puedes reintentar' : 'Lista para presentar';
    } elseif ($completados->isNotEmpty()) {
        $estado = 'done';
        $etiqueta = 'Completada';
    } elseif (now()->lt($item->starts_at)) {
        $estado = 'wait';
        $etiqueta = 'Próximamente';
    }
@endphp

<div @class([
    'eva-card p-5 flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4',
    'ring-2 ring-[#0f6cbf]/30 border-[#0f6cbf]/40' => $destacar ?? false,
])>
    <div class="min-w-0 flex gap-3">
        <x-cuestionario-icon size="md" class="mt-0.5 shrink-0" />
        <div class="min-w-0">
            <div class="flex flex-wrap items-center gap-2 mb-2">
                @php
                    $chipStatus = match ($estado) {
                        'done' => 'calificado',
                        'ready' => $enProgreso ? 'progress' : 'pendiente',
                        'wait' => 'pendiente',
                        default => 'overdue',
                    };
                @endphp
                <x-status-chip :status="$chipStatus" :label="$etiqueta" />
                @if($item->curso)
                    <a href="{{ route('aula.show', $item->curso) }}" class="text-xs text-slate-500 hover:text-[#0f6cbf]">
                        {{ $item->curso->nombre }}@if($item->grado) · {{ $item->grado->nombre }}@endif
                    </a>
                @endif
            </div>
            <h4 class="font-semibold text-lg text-slate-800">{{ $item->nombre }}</h4>
            <p class="text-sm text-slate-500 mt-1 flex flex-wrap items-center gap-x-1 gap-y-1">
                Código <span class="font-mono">{{ $item->codigo }}</span> · Docente:
                <x-user-name :user="$item->docente" size="xs" nameClass="text-slate-500 font-normal text-sm" />
            </p>
            <p class="text-sm text-slate-500">
                {{ $item->starts_at->siteFormat() }} — {{ $item->ends_at->siteFormat() }}
                · {{ $item->duracion_minutos }} min
            </p>
            @if($final && $final['nota'] !== null && $item->estudiantePuedeVerPuntaje())
                <p class="text-sm mt-2 font-medium" style="color: #0f6cbf;">
                    Nota:
                    <x-nota-escala
                        :nota="$final['nota']"
                        :tipo="$final['tipo'] ?? $item->tipo"
                        :areas="$final['areas'] ?? []"
                        size="sm"
                    />
                    @if($item->curso)
                        · <a href="{{ route('aula.show', [$item->curso, 'tab' => 'calificaciones']) }}" class="mdl-link text-xs">Ver en el aula</a>
                    @endif
                </p>
            @endif
        </div>
    </div>
    <div class="shrink-0 flex flex-wrap gap-2">
        @if($ultimoCompletado)
            <a href="{{ route('intentos.show', $ultimoCompletado) }}" class="mdl-btn">Ver resultado</a>
        @endif
        @if($enProgreso)
            <a href="{{ route('intentos.take', $enProgreso) }}" class="mdl-btn mdl-btn-primary">Continuar</a>
        @elseif($puedePresentar)
            <button
                type="button"
                class="mdl-btn mdl-btn-primary"
                x-data
                x-on:click="$dispatch('abrir-confirmar-inicio', {
                    nombre: {{ \Illuminate\Support\Js::from($item->nombre) }},
                    duracion: {{ (int) $item->duracion_minutos }},
                    action: {{ \Illuminate\Support\Js::from(route('intentos.start', $item)) }},
                    etiqueta: {{ \Illuminate\Support\Js::from($completados->isNotEmpty() ? 'Sí, iniciar intento' : 'Sí, presentar') }},
                })"
            >
                {{ $completados->isNotEmpty() ? 'Nuevo intento' : 'Presentar ahora' }}
            </button>
        @elseif(!$ultimoCompletado)
            <span class="text-sm text-slate-400">Aún no disponible</span>
        @endif
    </div>
</div>