@extends('layouts.examiner')
@section('title', 'Add Question')

@section('content')
<h1 class="h3 mb-4 text-gray-800">Add Question</h1>

<div class="card shadow mb-4">
    <div class="card-body">
        <form method="POST" action="{{ route('examiner.questions.store') }}" id="questionForm">
            @csrf
            <div class="row">
                <div class="col-md-6 form-group">
                    <label>Session <span class="text-danger">*</span></label>
                    <select name="session_id" class="form-control @error('session_id') is-invalid @enderror" required>
                        <option value="">-- Select Session --</option>
                        @foreach($sessions as $s)
                        <option value="{{ $s->id }}" {{ old('session_id') == $s->id ? 'selected' : '' }}>{{ $s->name }}</option>
                        @endforeach
                    </select>
                    @error('session_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-6 form-group">
                    <label>Subject <span class="text-danger">*</span></label>
                    <select name="subject_id" class="form-control @error('subject_id') is-invalid @enderror" required>
                        <option value="">-- Select Subject --</option>
                        @foreach($subjects as $s)
                        <option value="{{ $s->id }}" {{ old('subject_id') == $s->id ? 'selected' : '' }}>{{ $s->name }}</option>
                        @endforeach
                    </select>
                    @error('subject_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
            </div>

            <div class="form-group">
                <label>Question <span class="text-danger">*</span></label>
                <textarea name="question" rows="3" class="form-control @error('question') is-invalid @enderror"
                          required>{{ old('question') }}</textarea>
                @error('question')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="form-group">
                <label>Options <span class="text-danger">*</span> &mdash; <small class="text-muted">Select the radio button for the correct answer</small></label>
                @php $optionLetters = ['A', 'B', 'C', 'D']; @endphp
                @foreach($optionLetters as $i => $letter)
                <div class="input-group mb-2">
                    <div class="input-group-prepend">
                        <div class="input-group-text">
                            <input type="radio" name="correct" value="{{ $i }}"
                                   {{ old('correct', 0) == $i ? 'checked' : '' }} required>
                        </div>
                        <span class="input-group-text">{{ $letter }}</span>
                    </div>
                    <input type="text" name="options[{{ $i }}]"
                           class="form-control @error('options.'.$i) is-invalid @enderror"
                           value="{{ old('options.'.$i) }}"
                           placeholder="Option {{ $letter }}" required>
                </div>
                @error('options.'.$i)<div class="text-danger small mb-1">{{ $message }}</div>@enderror
                @endforeach
            </div>

            <button type="submit" class="btn btn-primary">Save Question</button>
            <a href="{{ route('examiner.questions.index') }}" class="btn btn-secondary">Cancel</a>
        </form>
    </div>
</div>
@endsection