@extends('layouts.app')
@section('title', 'My Exams')
@section('content')
<div class="page-header">
    <div>
        <h4><i class="bi bi-pencil-square me-2"></i>My Exams</h4>
        <nav aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="{{ route('student.dashboard') }}">Dashboard</a></li><li class="breadcrumb-item active">Exams</li></ol></nav>
    </div>
</div>

<div class="row g-3">
    <div class="col-xl-8">
        <h5 class="fw700 mb-3"><i class="bi bi-clock me-2" style="color:var(--primary);"></i>Available Exams</h5>
        @forelse($exams as $exam)
        <div class="card mb-3">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-start">
                    <div>
                        <h5 class="fw700 mb-1">{{ $exam->title }}</h5>
                        <div class="d-flex gap-3 mb-2">
                            <span class="badge bg-light text-dark"><i class="bi bi-book me-1"></i>{{ $exam->subject->name }}</span>
                            <span class="badge bg-light text-dark"><i class="bi bi-clock me-1"></i>{{ $exam->duration_minutes }} mins</span>
                            <span class="badge bg-light text-dark"><i class="bi bi-question-circle me-1"></i>{{ $exam->total_questions }} questions</span>
                            <span class="badge bg-light text-dark"><i class="bi bi-check-circle me-1"></i>Pass: {{ $exam->pass_mark }}%</span>
                        </div>
                        <small class="text-muted">
                            <i class="bi bi-calendar me-1"></i>{{ $exam->start_date ? date('M d, Y H:i', strtotime($exam->start_date)) : 'N/A' }} -
                            {{ $exam->end_date ? date('M d, Y H:i', strtotime($exam->end_date)) : 'N/A' }}
                        </small>
                    </div>
                    @if($exam->isAvailable())
                    <a href="{{ route('student.exams.start', $exam) }}" class="btn btn-success">
                        <i class="bi bi-play-fill me-1"></i>Start Exam
                    </a>
                    @elseif($exam->start_date > now())
                    <span class="badge bg-warning text-dark p-2">Upcoming</span>
                    @else
                    <span class="badge bg-secondary p-2">Closed</span>
                    @endif
                </div>
                @if($exam->instructions)
                <div class="mt-2 p-2 bg-light rounded">
                    <small><i class="bi bi-info-circle me-1"></i>{{ $exam->instructions }}</small>
                </div>
                @endif
            </div>
        </div>
        @empty
        <div class="card">
            <div class="card-body text-center py-5">
                <i class="bi bi-journal-x display-4 text-muted"></i>
                <p class="mt-3 text-muted">No exams available at the moment.</p>
            </div>
        </div>
        @endforelse
    </div>

    <div class="col-xl-4">
        <h5 class="fw700 mb-3"><i class="bi bi-clock-history me-2" style="color:var(--primary);"></i>My Attempts</h5>
        @forelse($attempts as $attempt)
        <div class="card mb-2">
            <div class="card-body py-2">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <small class="fw500">{{ $attempt->exam->title ?? 'N/A' }}</small><br>
                        <small class="text-muted">{{ $attempt->exam->subject->name ?? '' }}</small>
                    </div>
                    <div class="text-end">
                        @if($attempt->status === 'graded')
                        <span class="badge bg-{{ $attempt->passed ? 'success' : 'danger' }}">{{ number_format($attempt->percentage, 1) }}%</span>
                        <a href="{{ route('student.exams.result', $attempt->exam_id) }}" class="btn btn-sm btn-outline-primary mt-1">View</a>
                        @elseif($attempt->status === 'in_progress')
                        <span class="badge bg-warning text-dark">In Progress</span>
                        <a href="{{ route('student.exams.take', [$attempt->exam_id, $attempt->id]) }}" class="btn btn-sm btn-outline-warning mt-1">Continue</a>
                        @else
                        <span class="badge bg-secondary">{{ ucfirst($attempt->status) }}</span>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        @empty
        <div class="card">
            <div class="card-body text-center py-4">
                <small class="text-muted">No attempts yet</small>
            </div>
        </div>
        @endforelse
    </div>
</div>
@endsection