@php
    $questionTypes = [
        'multiple_choice_single' => 'Multiple Choice (Single Answer)',
        'multiple_choice_multiple' => 'Multiple Choice (Multiple Answers)',
        'true_false' => 'True/False',
        'text' => 'Text Input'
    ];
@endphp
<div class="space-y-4">
    @if ($errors->any())
        <x-ui.feedback.alert type="error">
            <ul class="list-disc pl-5">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </x-ui.feedback.alert>
    @endif
    <div>
        <x-ui.inputs.text 
            name="text" 
            label="Question Text" 
            :value="old('text', $question->text)" 
            required 
            placeholder="Enter the question text"
            error="{{ $errors->first('text') }}"
        />
    </div>
    <div>
        <label for="type" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
            Question Type <span class="text-red-500">*</span>
        </label>
        <select 
            id="type" 
            name="type" 
            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-300"
            required
        >
            <option value="">Select a question type</option>
            @foreach ($questionTypes as $value => $label)
                <option value="{{ $value }}" {{ old('type', $question->type) == $value ? 'selected' : '' }}>
                    {{ $label }}
                </option>
            @endforeach
        </select>
        @error('type')
            <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>
        @enderror
    </div>
    <div>
        <x-ui.inputs.text 
            name="points" 
            label="Points" 
            type="number" 
            :value="old('points', $question->points ?? 1)" 
            required 
            min="1"
            error="{{ $errors->first('points') }}"
        />
        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">The number of points this question is worth.</p>
    </div>
    <div>
        <label for="incorrect_feedback" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
            Learning Tip (Incorrect Answer Feedback)
        </label>
        <textarea 
            id="incorrect_feedback" 
            name="incorrect_feedback" 
            rows="4"
            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-300"
            placeholder="Enter helpful learning tip that appears when students get this question wrong..."
        >{{ old('incorrect_feedback', $question->incorrect_feedback) }}</textarea>
        @error('incorrect_feedback')
            <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>
        @enderror
        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">
            This learning tip will be displayed to students when they answer this question incorrectly, helping them understand the correct concept.
        </p>
    </div>
</div>