@extends('layouts.portal')

@section('title', 'آزمون‌ها | گواهینو')

@section('content')
<section class="page-heading">
    <span>مسیر تمرینت را انتخاب کن</span>
    <h1>آزمون‌های گواهینو</h1>
    <p>کاردکس منبع، تمرین آموزشی با پاسخ فوری یا شبیه‌ساز واقعی؛ نتیجهٔ همهٔ حالت‌ها در سابقهٔ یادگیری تو ذخیره می‌شود.</p>
</section>

@if ($errors->has('exam'))
    <div class="notice warning">{{ $errors->first('exam') }}</div>
@endif

@if ($learningModes->isNotEmpty())
<section class="exam-mode-list">
    @foreach ($learningModes as $exam)
        <article class="exam-mode-row">
            <div class="exam-type-icon">{{ $exam->type === 'simulator' ? 'ش' : ($exam->show_immediate_feedback ? 'ی' : 'ت') }}</div>
            <div>
                <small>{{ $exam->show_immediate_feedback ? 'پاسخ فوری و توضیح آموزشی' : 'کارنامه در پایان' }}</small>
                <h2>{{ $exam->title }}</h2>
                <p>{{ $exam->description }}</p>
            </div>
            <form action="{{ route('exams.start', $exam) }}" method="post">
                @csrf
                <button class="primary-button" type="submit">شروع آزمون</button>
            </form>
        </article>
    @endforeach
</section>
@endif

<section class="cardex-section">
    <div class="section-mini-heading"><div><span>مطابق منبع اصلی</span><h2>۲۰ کاردکس استاندارد</h2></div><p>هر کاردکس شامل همان ۳۰ سؤال و همان ترتیب منبع است.</p></div>
    <div class="cardex-grid">
        @foreach ($cardexes as $exam)
            <article class="cardex-tile">
                <div class="cardex-number">{{ str_pad($loop->iteration, 2, '0', STR_PAD_LEFT) }}</div>
                <small>۳۰ سؤال • {{ $exam->duration_minutes }} دقیقه</small>
                <h3>{{ $exam->title }}</h3>
                <form action="{{ route('exams.start', $exam) }}" method="post">
                    @csrf
                    <button type="submit">شروع کاردکس ←</button>
                </form>
            </article>
        @endforeach
    </div>
</section>
@endsection