@extends('layouts.admin')

@section('content')
<div class="container-fluid">
    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">
            <i class="fas fa-edit me-2"></i>
            แก้ไขคำถาม
        </h1>

        {{-- ✅ กลับไปกลุ่มคำถาม: ใช้ url() เพื่อให้มี /laravel-project/public --}}
        <a href="{{ url('/admin/question-groups/'.$question->questionGroup->id.'/edit') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left me-1"></i>
            กลับไปกลุ่มคำถาม
        </a>
    </div>

    <div class="card shadow">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">
                <i class="fas fa-question-circle me-2"></i>
                แก้ไขข้อมูลคำถาม - {{ $question->questionGroup->name }}
            </h6>
        </div>

        <div class="card-body">
            {{-- ✅ UPDATE: บังคับพาทถูก --}}
            <form id="updateForm" method="POST" action="{{ url('/admin/questions/'.$question->id) }}">
                @csrf
                @method('PUT')

                <div class="row">
                    <div class="col-md-8">
                        <div class="mb-3">
                            <label for="question_text" class="form-label">คำถาม <span class="text-danger">*</span></label>
                            <textarea class="form-control @error('question_text') is-invalid @enderror"
                                      id="question_text"
                                      name="question_text"
                                      rows="3"
                                      required>{{ old('question_text', $question->question_text) }}</textarea>
                            @error('question_text')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="description" class="form-label">คำอธิบายเพิ่มเติม</label>
                            <textarea class="form-control @error('description') is-invalid @enderror"
                                      id="description"
                                      name="description"
                                      rows="3">{{ old('description', $question->description) }}</textarea>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="question_type" class="form-label">ประเภทคำตอบ <span class="text-danger">*</span></label>
                                    @php $currentType = old('question_type', $question->question_type); @endphp
                                    <select class="form-select @error('question_type') is-invalid @enderror"
                                            id="question_type" name="question_type" required>
                                        <option value="yes_no" {{ $currentType == 'yes_no' ? 'selected' : '' }}>ใช่/ไม่ใช่</option>
                                        <option value="multiple_choice" {{ $currentType == 'multiple_choice' ? 'selected' : '' }}>ตัวเลือก</option>
                                        <option value="text" {{ $currentType == 'text' ? 'selected' : '' }}>ข้อความ</option>
                                        <option value="" {{ $currentType === null || $currentType === '' ? 'selected' : '' }}>ไม่มี</option>
                                    </select>
                                    @error('question_type')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="use_in_evaluation" class="form-label">ใช้ในการประเมิน</label>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox"
                                               id="use_in_evaluation"
                                               name="use_in_evaluation"
                                               value="1"
                                               {{ old('use_in_evaluation', $question->use_in_evaluation) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="use_in_evaluation">
                                            ใช้คำถามนี้ในการประเมินผล
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- (ส่วน choices / preview / อื่น ๆ ของบอส ใส่ต่อได้เหมือนเดิม) --}}
                    </div>

                    <div class="alert alert-info col-md-4">
                        <i class="fas fa-info-circle me-1"></i>
                        <strong>หมายเหตุ:</strong>
                        <ul class="mb-0 mt-2">
                            <li>ใช้การลากในหน้าแก้ไขกลุ่มคำถามเพื่อกำหนดความสัมพันธ์แม่-ลูก</li>
                            <li>เงื่อนไขการเชื่อมต่อ (AND/OR) จะแสดงในหน้าแก้ไขกลุ่มคำถาม</li>
                        </ul>
                    </div>
                </div>

                <div class="d-flex justify-content-between gap-2 mt-3">
                    <button type="button" class="btn btn-danger" id="btnDeleteQuestion">
    <i class="fas fa-trash me-1"></i> ลบ
</button>


                    <div class="d-flex gap-2">
                        <a href="{{ url('/admin/question-groups/'.$question->questionGroup->id.'/edit') }}" class="btn btn-secondary">
                            <i class="fas fa-times me-1"></i> ยกเลิก
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save me-1"></i> บันทึกการเปลี่ยนแปลง
                        </button>
                    </div>
                </div>
            </form>

            {{-- ✅ DELETE: บังคับพาทถูก --}}
           
<form id="deleteQuestionForm" method="POST"
      action="{{ url('/admin/questions/'.$question->id) }}"
      style="display:none;">
    @csrf
    @method('DELETE')
</form>



        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    const btnDelete = document.getElementById('btnDeleteQuestion');
    btnDelete.addEventListener('click', function (e) {
        e.preventDefault();
        if (confirm('ยืนยันลบคำถามนี้?')) {
            document.getElementById('deleteQuestionForm').submit();
        }
    });
});
</script>

@endsection