@extends('layouts.app')

@section('title', '新增題目')

@section('content')
    <h2>新增題目</h2>
    
    <form action="{{ route('questions.store') }}" method="POST" style="max-width: 800px; margin: 2rem 0;">
        @csrf
        
        <div class="form-group">
            <label for="exam_id">選擇考試 *</label>
            <select id="exam_id" name="exam_id" required>
                <option value="">請選擇考試</option>
                @foreach($exams as $exam)
                    <option value="{{ $exam->id }}" {{ old('exam_id', request('exam_id')) == $exam->id ? 'selected' : '' }}>
                        {{ $exam->title }}
                    </option>
                @endforeach
            </select>
        </div>
        
        <div class="form-group">
            <label for="question_text">題目內容 *</label>
            <textarea id="question_text" name="question_text" required>{{ old('question_text') }}</textarea>
        </div>
        
        <div class="form-group">
            <label for="question_type">題目類型 *</label>
            <select id="question_type" name="question_type" required>
                <option value="">請選擇類型</option>
                <option value="multiple_choice" {{ old('question_type') == 'multiple_choice' ? 'selected' : '' }}>
                    選擇題
                </option>
                <option value="short_answer" {{ old('question_type') == 'short_answer' ? 'selected' : '' }}>
                    簡答題
                </option>
                <option value="essay" {{ old('question_type') == 'essay' ? 'selected' : '' }}>
                    論述題
                </option>
            </select>
        </div>
        
        <div class="form-group">
            <label>
                <input type="checkbox" name="generate_ai_answer">
                使用 AI 自動生成答案和解釋
            </label>
        </div>
        
        <div style="display: flex; gap: 1rem;">
            <button type="submit" class="btn btn-primary">新增題目</button>
            <a href="{{ route('exams.index') }}" class="btn btn-secondary">取消</a>
        </div>
    </form>
@endsection