@extends('layouts.dashboard')
@section('title', __('New Question Bank'))
@section('page_title', __('New Question Bank'))

@section('content')
    <form method="POST" action="{{ route('instructor.question-banks.store') }}" class="card shadow-sm" style="max-width:720px">
        @csrf
        <div class="card-body">
            <div class="mb-3">
                <label class="form-label">{{ __('Bank name') }}</label>
                <input type="text" name="name" value="{{ old('name') }}" class="form-control @error('name') is-invalid @enderror" required placeholder="{{ __('e.g. Physics — Chapter 1 to 5') }}">
                @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label">{{ __('Subject') }}</label>
                    <input type="text" name="subject" value="{{ old('subject') }}" class="form-control" placeholder="{{ __('Optional') }}">
                </div>
                <div class="col-md-6">
                    <label class="form-label">{{ __('Course') }}</label>
                    <select name="course_id" class="form-select">
                        <option value="">{{ __('Any course') }}</option>
                        @foreach($courses as $course)
                            <option value="{{ $course->id }}" @selected(old('course_id') == $course->id)>{{ $course->title }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="mt-3">
                <label class="form-label">{{ __('Description') }}</label>
                <textarea name="description" rows="3" class="form-control">{{ old('description') }}</textarea>
            </div>
        </div>
        <div class="card-footer bg-white text-end">
            <a href="{{ route('instructor.question-banks.index') }}" class="btn btn-light">{{ __('Cancel') }}</a>
            <button class="btn btn-primary">{{ __('Create Bank') }}</button>
        </div>
    </form>
@endsection