@extends('admin.layout.app')

@section('body')
<div class="card card-page p-3 shadow-sm">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h4 class="mb-0">{{ __('admin.add_quiz') }}</h4>
            <small class="text-muted">{{ __('admin.create_quiz_for_a_course') }}</small>
        </div>
        <a href="{{ route('quizzes.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 action="{{ route('quizzes.store') }}" method="POST">
        @csrf
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label">{{ __('admin.course_2') }}</label>
                <select name="course_id" class="form-select" required>
                    <option value="">{{ __('admin.select_course') }}</option>
                    @foreach($courses as $c)
                        <option value="{{ $c->id }}" @selected(old('course_id',$selectedCourse)==$c->id)>
                            #{{ $c->id }} - {{ $c->title }} @if($c->code) ({{ $c->code }}) @endif
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-6">
                <label class="form-label">{{ __('admin.type') }}</label>
                <select name="type" class="form-select" required>
                    @foreach($types as $k=>$label)
                        <option value="{{ $k }}" @selected(old('type','mcq')===$k)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-8">
                <label class="form-label">{{ __('admin.title_2') }}</label>
                <input name="title" value="{{ old('title') }}" class="form-control" required>
            </div>

            <div class="col-md-4">
                <label class="form-label">{{ __('admin.duration_minutes') }}</label>
                <input type="number" min="1" name="duration_minutes" value="{{ old('duration_minutes') }}" class="form-control">
            </div>

            <div class="col-md-6">
                <label class="form-label">{{ __('admin.starts_at') }}</label>
                <input type="datetime-local" name="starts_at" class="form-control" value="{{ old('starts_at') }}">
            </div>

            <div class="col-md-6">
                <label class="form-label">{{ __('admin.ends_at') }}</label>
                <input type="datetime-local" name="ends_at" class="form-control" value="{{ old('ends_at') }}">
            </div>

            <div class="col-md-12">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="is_published" id="pub" @checked(old('is_published'))>
                    <label class="form-check-label" for="pub">{{ __('admin.publish_now') }}</label>
                </div>
            </div>

            <div class="col-12">
                <button class="btn btn-primary"><i class="fas fa-save me-2"></i> {{ __('admin.save') }}</button>
            </div>
        </div>
    </form>
</div>
@endsection