@extends('public.layout.app')
@section('title', __('front.quiz_details'))

@section('body')
<section class="section" style="padding-top:110px;">
    <div class="container">
        @include('public.portals.student.partials.nav')

        <div class="card-soft p-4 shadow-soft">
            <div class="d-flex justify-content-between align-items-start gap-2 flex-wrap">
                <div>
                    <h5 class="fw-bold mb-1">{{ $quiz->title ?? 'Quiz' }}</h5>
                    <div class="text-muted2">
                        {{ __('front.course') }}#{{ $quiz->course_id ?? '—' }}
                        @if(!empty($quiz->duration_minutes))
                            • Duration: {{ $quiz->duration_minutes }} min
                        @endif
                    </div>
                    @if(!empty($quiz->description))
                        <div class="text-muted2 mt-2">{{ $quiz->description }}</div>
                    @endif
                </div>

                <a href="{{ route('student.quizzes.take', $quiz->id) }}" class="btn btn-primary btn-sm">
                    <i class="fa-solid fa-play me-1"></i> {{ __('front.start_quiz') }}
                </a>
            </div>

            <hr>

            <div class="row g-3">
                <div class="col-md-6">
                    <div class="text-muted2 small">{{ __('front.starts_at') }}</div>
                    <div class="fw-semibold">
                        {{ !empty($quiz->starts_at) ? \Carbon\Carbon::parse($quiz->starts_at)->format('Y-m-d H:i') : '—' }}
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="text-muted2 small">{{ __('front.ends_at') }}</div>
                    <div class="fw-semibold">
                        {{ !empty($quiz->ends_at) ? \Carbon\Carbon::parse($quiz->ends_at)->format('Y-m-d H:i') : '—' }}
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
@endsection