@extends('admin.layout.app') {{-- بدل یې کړه که student layout لرې --}}

@section('body')
<div class="card p-3 shadow-sm">
    <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-3">
        <div>
            <h4 class="mb-1">{{ $attempt->quiz->title }}</h4>
            <small class="text-muted">
                {{ __('admin.course') }}: {{ $attempt->quiz->course?->title }}
                @if($attempt->duration_minutes)
                    • Duration: {{ $attempt->duration_minutes }} min
                @endif
            </small>
        </div>
        <a href="{{ route('student.quiz-attempts.index') }}" class="btn btn-outline-secondary">{{ __('admin.back') }}</a>
    </div>

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
        </div>
    @endif

    <form method="POST" action="{{ route('student.quiz-attempts.submit',$attempt->id) }}">
        @csrf

        <div class="d-grid gap-3">
            @foreach($questions as $i => $q)
                @php
                    $prev = $answerMap[$q->id] ?? null;
                @endphp

                <div class="border rounded p-3">
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <div class="fw-semibold">
                            Q{{ $i+1 }}. {!! nl2br(e($q->question_text)) !!}
                        </div>
                        <span class="badge bg-light text-dark border">{{ $q->points }} pt</span>
                    </div>

                    @if($q->type === 'mcq')
                        <div class="row g-2">
                            @foreach($q->options as $op)
                                <div class="col-md-6">
                                    <label class="d-flex align-items-center gap-2 border rounded p-2 w-100">
                                        <input type="radio"
                                               name="answers[{{ $q->id }}][selected_option_id]"
                                               value="{{ $op->id }}"
                                               @checked($prev && (int)$prev->selected_option_id === (int)$op->id)>
                                        <span>{{ $op->option_text }}</span>
                                    </label>
                                </div>
                            @endforeach
                        </div>
                    @else
                        <div class="d-flex gap-3">
                            <label class="d-flex align-items-center gap-2 border rounded p-2">
                                <input type="radio"
                                       name="answers[{{ $q->id }}][answer_true_false]"
                                       value="1"
                                       @checked($prev && $prev->answer_true_false === true)>
                                <span>{{ __('admin.true') }}</span>
                            </label>

                            <label class="d-flex align-items-center gap-2 border rounded p-2">
                                <input type="radio"
                                       name="answers[{{ $q->id }}][answer_true_false]"
                                       value="0"
                                       @checked($prev && $prev->answer_true_false === false)>
                                <span>{{ __('admin.false') }}</span>
                            </label>
                        </div>
                    @endif

                    @if($q->explanation)
                        <div class="small text-muted mt-2">
                            <i class="fas fa-info-circle me-1"></i> {{ __('admin.hint') }}: {{ $q->explanation }}
                        </div>
                    @endif
                </div>
            @endforeach
        </div>

        <div class="d-flex justify-content-end mt-3">
            <button class="btn btn-success">
                <i class="fas fa-paper-plane me-2"></i> {{ __('admin.submit_quiz') }}
            </button>
        </div>
    </form>
</div>
@endsection