@extends('layouts.student')
@section('title', 'Quizzes')
@section('content')
    <x-page-head title="Quizzes" subtitle="Online assessments" />
    <x-panel>
        @if($quizzes->isEmpty())<x-empty-state title="No quizzes" />@else
        <div class="table-wrap"><table><thead><tr><th>Title</th><th>Subject</th><th>Duration</th><th>Status</th><th></th></tr></thead><tbody>
            @foreach($quizzes as $quiz)
                @php $attempt = $attempts->get($quiz->id); @endphp
                <tr>
                    <td>{{ $quiz->title }}</td>
                    <td>{{ $quiz->subject?->name }}</td>
                    <td>{{ $quiz->duration_minutes ? $quiz->duration_minutes.' min' : '—' }}</td>
                    <td>
                        @if($attempt?->status === 'submitted')<x-badge variant="green">Submitted</x-badge>
                        @elseif($attempt?->status === 'in_progress')<x-badge variant="blue">In progress</x-badge>
                        @elseif($quiz->isActive())<x-badge variant="amber">Available</x-badge>
                        @else<x-badge>Closed</x-badge>@endif
                    </td>
                    <td><a href="{{ route('student.quizzes.show', $quiz) }}" class="btn btn-ghost btn-sm">Open</a></td>
                </tr>
            @endforeach
        </tbody></table></div>{{ $quizzes->links() }}@endif
    </x-panel>
@endsection