@extends('layouts.student')

@section('title', 'My Dashboard')

@section('content')

{{-- Student Info Banner --}}
<div class="card border-0 mb-4" style="background: linear-gradient(135deg, #003580, #0055a5); border-radius: 12px;">
    <div class="card-body p-4 text-white">
        <div class="d-flex align-items-center justify-content-between flex-wrap gap-3">
            <div>
                <h5 class="fw-bold mb-1">Hello, {{ auth()->user()->name }} 👋</h5>
                @if(auth()->user()->studentProfile)
                    <p class="mb-0 opacity-75">
                        <i class="bi bi-person-badge me-1"></i>
                        Reg No: <strong>{{ auth()->user()->studentProfile->reg_number }}</strong>
                    </p>
                @endif
            </div>
            <i class="bi bi-book-fill" style="font-size: 3rem; opacity: 0.2;"></i>
        </div>
    </div>
</div>

{{-- Profile completion warning --}}
@if(auth()->user()->studentProfile && !auth()->user()->studentProfile->profile_complete)
    <div class="alert alert-warning d-flex align-items-center gap-2 mb-4">
        <i class="bi bi-exclamation-triangle-fill fs-5"></i>
        <div>
            Your profile is incomplete.
            <a href="{{ route('student.profile.edit') }}" class="alert-link">Complete your profile</a>
            before you can take an exam.
        </div>
    </div>
@endif

{{-- Available Exam Sessions --}}
<div class="card dashboard-card mb-4">
    <div class="card-header bg-white border-bottom py-3">
        <h6 class="mb-0 fw-bold"><i class="bi bi-calendar-event me-2 text-primary"></i>Available Exam Sessions</h6>
    </div>
    <div class="card-body">
        @forelse($openSessions as $session)
            <div class="d-flex align-items-center justify-content-between p-3 border rounded mb-2 flex-wrap gap-2">
                <div>
                    <div class="fw-semibold">{{ $session->title }}</div>
                    <small class="text-muted">
                        <i class="bi bi-clock me-1"></i>{{ $session->duration_minutes }} minutes &nbsp;|&nbsp;
                        <i class="bi bi-question-circle me-1"></i>{{ $session->questions_per_subject }} questions/subject
                    </small>
                </div>
                <a href="{{ route('student.exam.instructions', $session) }}" class="btn btn-primary btn-sm">
                    <i class="bi bi-play-fill me-1"></i>Start Exam
                </a>
            </div>
        @empty
            <div class="text-center text-muted py-4">
                <i class="bi bi-calendar-x" style="font-size: 2.5rem;"></i>
                <p class="mt-2 mb-0">No exam sessions are currently open.</p>
            </div>
        @endforelse
    </div>
</div>

{{-- My Previous Attempts --}}
@if($myAttempts->isNotEmpty())
<div class="card dashboard-card">
    <div class="card-header bg-white border-bottom py-3">
        <h6 class="mb-0 fw-bold"><i class="bi bi-clock-history me-2 text-secondary"></i>My Previous Attempts</h6>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Exam</th>
                        <th>Status</th>
                        <th>Score</th>
                        <th>Date</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($myAttempts as $attempt)
                    <tr>
                        <td class="fw-semibold small">{{ $attempt->examSession->title ?? 'N/A' }}</td>
                        <td>
                            @if($attempt->status === 'submitted')
                                <span class="badge bg-success">Submitted</span>
                            @elseif($attempt->status === 'timed_out')
                                <span class="badge bg-warning text-dark">Timed Out</span>
                            @else
                                <span class="badge bg-info">In Progress</span>
                            @endif
                        </td>
                        <td>
                            @if($attempt->total_score !== null)
                                <strong>{{ $attempt->total_score }}</strong> / {{ $attempt->total_questions }}
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td class="small text-muted">{{ $attempt->created_at->format('d M Y') }}</td>
                        <td>
                            @if(in_array($attempt->status, ['submitted', 'timed_out']))
                                <a href="{{ route('student.result.show', $attempt) }}" class="btn btn-sm btn-outline-primary">
                                    View Result
                                </a>
                            @else
                                <a href="{{ route('student.exam.show', $attempt) }}" class="btn btn-sm btn-outline-warning">
                                    Continue
                                </a>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endif

@endsection