@extends('layouts.admin')

@section('content')
<div class="p-6 max-w-2xl mx-auto">
    <div class="flex items-center justify-between mb-6">
        <h1 class="text-2xl font-bold text-ink-900">Create Question Paper</h1>
        <a href="{{ route('admin.question-papers.index') }}" class="text-graphite-400 hover:text-ink-900">&larr; Back</a>
    </div>

    <form action="{{ route('admin.question-papers.store') }}" method="POST" class="bg-white shadow rounded p-6 space-y-6">
        @csrf

        <div>
            <label for="subject_id" class="block text-sm font-medium text-ink-600 mb-1">Subject *</label>
            <select name="subject_id" id="subject_id" required class="w-full border border-graphite-400/50 rounded px-3 py-2 focus:ring-seal-blue-700 focus:border-seal-blue-700">
                <option value="">Select Subject</option>
                @foreach($subjects as $subject)
                    <option value="{{ $subject->id }}" {{ old('subject_id') == $subject->id ? 'selected' : '' }}>
                        {{ $subject->name }} - {{ $subject->exam->name ?? '' }}
                    </option>
                @endforeach
            </select>
            @error('subject_id') <p class="text-redpen-600 text-xs mt-1">{{ $message }}</p> @enderror
        </div>

        <div>
            <label for="version_label" class="block text-sm font-medium text-ink-600 mb-1">Version Label *</label>
            <input type="text" name="version_label" id="version_label" value="{{ old('version_label') }}" required
                class="w-full border border-graphite-400/50 rounded px-3 py-2 focus:ring-seal-blue-700 focus:border-seal-blue-700">
            @error('version_label') <p class="text-redpen-600 text-xs mt-1">{{ $message }}</p> @enderror
        </div>

        <div>
            <label for="status" class="block text-sm font-medium text-ink-600 mb-1">Status *</label>
            <select name="status" id="status" required class="w-full border border-graphite-400/50 rounded px-3 py-2 focus:ring-seal-blue-700 focus:border-seal-blue-700">
                <option value="draft" {{ old('status') == 'draft' ? 'selected' : '' }}>Draft</option>
                <option value="active" {{ old('status') == 'active' ? 'selected' : '' }}>Active</option>
                <option value="archived" {{ old('status') == 'archived' ? 'selected' : '' }}>Archived</option>
            </select>
            @error('status') <p class="text-redpen-600 text-xs mt-1">{{ $message }}</p> @enderror
        </div>

        <div class="flex justify-end gap-3">
            <a href="{{ route('admin.question-papers.index') }}" class="px-4 py-2 border border-graphite-400/50 rounded text-ink-600 hover:bg-paper-50">Cancel</a>
            <button type="submit" class="px-4 py-2 bg-seal-blue-700 text-white rounded hover:bg-seal-blue-700/90">Create</button>
        </div>
    </form>
</div>
@endsection