@extends('layouts.app')

@section('title', '編輯題目')

@section('content')
    <h2>編輯題目</h2>
    
    <form action="{{ route('questions.update', $question) }}" method="POST" style="max-width: 800px; margin: 2rem 0;">
        @csrf
        @method('PUT')
        
        <div class="form-group">
            <label for="question_text">題目內容 *</label>
            <textarea id="question_text" name="question_text" required>{{ old('question_text', $question->question_text) }}</textarea>
        </div>
        
        <div class="form-group">
            <label for="question_type">題目類型 *</label>
            <select id="question_type" name="question_type" required>
                <option value="multiple_choice" {{ old('question_type', $question->question_type) == 'multiple_choice' ? 'selected' : '' }}>
                    選擇題
                </option>
                <option value="short_answer" {{ old('question_type', $question->question_type) == 'short_answer' ? 'selected' : '' }}>
                    簡答題
                </option>
                <option value="essay" {{ old('question_type', $question->question_type) == 'essay' ? 'selected' : '' }}>
                    論述題
                </option>
            </select>
        </div>
        
        @if($question->ai_generated_answer)
            <div class="form-group">
                <label>AI 生成的答案</label>
                <div style="background: #f0f0f0; padding: 1rem; border-radius: 6px;">
                    {{ $question->ai_generated_answer }}
                </div>
            </div>
            
            <div class="form-group">
                <label>AI 生成的解釋</label>
                <div style="background: #f0f0f0; padding: 1rem; border-radius: 6px;" class="ai-markdown"
                     x-data x-init="$el.innerHTML = renderMarkdown(@js($question->ai_explanation))"></div>
            </div>
        @endif
        
        <div style="display: flex; gap: 1rem;">
            <button type="submit" class="btn btn-primary">更新題目</button>
            <a href="{{ route('exams.show', $question->exam) }}" class="btn btn-secondary">取消</a>
        </div>
    </form>
@endsection