@extends('layouts.student')

@section('title', 'Quiz - MentoraMind')

@section('content')
<div class="page-header">
    <h1>{{ __('student.quiz.title') }}</h1>
    <p>{{ __('student.quiz.subtitle') }}</p>
</div>

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
@endif

@if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        {{ session('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
@endif

<div class="row">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-body p-4">
                <h5 class="mb-4">{{ __('student.quiz.customize_title') }}</h5>
                @livewire('student.quiz-setup')
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">{{ __('student.quiz.recent_quizzes') }}</h5>
                <a href="{{ route('student.quiz.all') }}" class="btn btn-sm btn-outline-primary">{{ __('student.quiz.all_quizzes') }}</a>
            </div>
            <div class="card-body">
                @if($recentQuizzes->count() > 0)
                    <div class="list-group list-group-flush">
                        @foreach($recentQuizzes as $quiz)
                            <a href="{{ route('student.quiz.show', $quiz->id) }}" class="list-group-item list-group-item-action">
                                <div class="d-flex justify-content-between align-items-center mb-1">
                                    <strong>{{ $quiz->subject->name }}</strong>
                                    <span class="badge bg-{{ $quiz->score_percentage >= 70 ? 'success' : ($quiz->score_percentage >= 50 ? 'warning' : 'danger') }}">
                                        {{ $quiz->correct_answers }}/{{ $quiz->total_possible_points }}
                                    </span>
                                </div>
                                <small class="text-muted">{{ $quiz->completed_at->diffForHumans() }}</small>
                            </a>
                        @endforeach
                    </div>
                @else
                    <p class="text-muted text-center mb-0">{{ __('student.quiz.no_recent_quizzes') }}</p>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection