<div class="question-item mb-3" data-question-id="<?php echo e($question->id); ?>" data-parent-id="<?php echo e($question->parent_id); ?>">
    <div class="card question-card <?php echo e($level > 0 ? 'border-start border-primary' : ''); ?>" style="margin-left: <?php echo e($level * 20); ?>px;">
        <div class="card-header d-flex align-items-center justify-content-between">
            <div class="d-flex align-items-center">
                <i class="fas fa-grip-vertical me-2 drag-handle" style="cursor: move; color: #6c757d;"></i>
                
                <!-- ปุ่มพับ/กาง (แสดงเฉพาะเมื่อมีคำถามย่อย) -->
                <?php if($question->children->count() > 0): ?>
                    <button type="button" 
                            class="btn btn-sm btn-outline-secondary me-2 collapse-toggle-btn" 
                            data-question-id="<?php echo e($question->id); ?>"
                            title="พับ/กางคำถามย่อย">
                        <i class="fas fa-chevron-down collapse-icon"></i>
                    </button>
                <?php endif; ?>
                
                <h6 class="mb-0">
                    <?php if($level > 0): ?>
                        <span class="badge bg-secondary me-2">Level <?php echo e($level); ?></span>
                    <?php endif; ?>
                    <?php echo e($question->question_text); ?>

                    <?php if($question->children->count() > 0): ?>
                        <span class="badge bg-info ms-2"><?php echo e($question->children->count()); ?> คำถามย่อย</span>
                    <?php endif; ?>
                </h6>
            </div>
            <div class="d-flex gap-1">
                <?php if($question->use_in_evaluation): ?>
                    <span class="badge bg-success">ใช้ในการประเมิน</span>
                <?php else: ?>
                    <span class="badge bg-secondary">ไม่ใช้ในการประเมิน</span>
                <?php endif; ?>

                <span class="badge bg-primary"><?php echo e($question->question_type_label); ?></span>
                 <!-- เพิ่ม badge สำหรับ logic operator -->
    <?php if($question->children->count() > 0): ?>
    <span class="badge <?php echo e($question->logic_operator ? (($question->logic_operator === 'AND') ? 'bg-info' : 'bg-warning') : 'bg-secondary'); ?>" 
      data-logic-badge="<?php echo e($question->id); ?>">
        <?php echo e($question->logic_operator ?: 'ไม่ได้กำหนด logic'); ?>

    </span>
<?php endif; ?>
            </div>  
        </div>
        <div class="card-body">
            <?php if($question->description): ?>
                <p class="text-muted mb-2"><?php echo e($question->description); ?></p>
            <?php endif; ?>
            
            <!-- แสดง Choices สำหรับ Multiple Choice Questions -->
            <?php if($question->question_type === 'multiple_choice' && $question->choices && is_array($question->choices) && count($question->choices) > 0): ?>
                <div class="mb-3">
                    <strong class="text-primary">
                        <i class="fas fa-list-ul me-1"></i>
                        ตัวเลือกคำตอบ:
                    </strong>
                    <div class="mt-2">
                        <?php $__currentLoopData = $question->choices; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $choice): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="d-flex align-items-center mb-1">
                                <span class="badge bg-secondary me-2"><?php echo e($index + 1); ?></span>
                                <span><?php echo e($choice); ?></span>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
            <?php endif; ?>
            
            <!-- Logic Control สำหรับคำถามแม่ที่มีคำถามย่อย -->
            <?php if($question->children->count() > 0): ?>
                <div class="mb-3 p-3 bg-light rounded">
                    <div class="d-flex align-items-center justify-content-between">
                        <div>
                            <strong class="text-primary">
                                <i class="fas fa-cogs me-1"></i>
                                เงื่อนไขการเชื่อมต่อคำถามย่อย:
                            </strong>
                            <span class="badge ms-2 <?php echo e($question->logic_operator ? (($question->logic_operator === 'AND') ? 'bg-info' : 'bg-warning') : 'bg-secondary'); ?>" id="logic-display-<?php echo e($question->id); ?>">
                                <?php echo e($question->logic_operator ?: 'ไม่ได้กำหนด logic'); ?>

                            </span>
                        </div>
                        <div class="d-flex gap-2">
                            <select class="form-select form-select-sm logic-selector" 
                                    data-question-id="<?php echo e($question->id); ?>"
                                    style="width: auto;">
                                <option value="AND" <?php echo e(($question->logic_operator ?: 'AND') == 'AND' ? 'selected' : ''); ?>>
                                    AND (และ) - ต้องเป็นจริงทั้งหมด
                                </option>
                                <option value="OR" <?php echo e(($question->logic_operator ?: 'AND') == 'OR' ? 'selected' : ''); ?>>
                                    OR (หรือ) - เป็นจริงอย่างน้อยหนึ่งข้อ
                                </option>
                            </select>
                            <button type="button" 
                                    class="btn btn-sm btn-outline-primary update-logic-btn"
                                    data-question-id="<?php echo e($question->id); ?>">
                                <i class="fas fa-save me-1"></i>
                                บันทึก
                            </button>
                        </div>
                    </div>
                    <small class="text-muted">
                        <i class="fas fa-info-circle me-1"></i>
                        ควบคุมเงื่อนไขการประเมินคำถามย่อย <?php echo e($question->children->count()); ?> คำถาม
                    </small>
                </div>
            <?php endif; ?>
            
            <div class="d-flex justify-content-between align-items-center">
                <div class="d-flex gap-2">
                    <!-- ปุ่มเปลี่ยนตำแหน่ง -->
                    <div class="btn-group btn-group-sm" role="group">
                        <button type="button" 
                                class="btn btn-outline-secondary move-up-btn" 
                                data-question-id="<?php echo e($question->id); ?>"
                                title="เลื่อนขึ้น">
                            <i class="fas fa-chevron-up"></i>
                        </button>
                        <button type="button" 
                                class="btn btn-outline-secondary move-down-btn" 
                                data-question-id="<?php echo e($question->id); ?>"
                                title="เลื่อนลง">
                            <i class="fas fa-chevron-down"></i>
                        </button>
                    </div>
                    
                    <!-- ปุ่มเพิ่มคำถามย่อย -->
                    <a href="<?php echo e(route('admin.questions.create', ['group' => $question->questionGroup, 'parent_id' => $question->id])); ?>" 
                       class="btn btn-sm btn-outline-success"
                       title="เพิ่มคำถามย่อย">
                        <i class="fas fa-plus me-1"></i>
                        เพิ่มคำถามย่อย
                    </a>
                    
                    <a href="<?php echo e(route('admin.questions.edit', $question)); ?>" 
                       class="btn btn-sm btn-outline-primary">
                        <i class="fas fa-edit me-1"></i>
                        แก้ไข
                    </a>
                    <button type="button" 
                            class="btn btn-sm btn-outline-danger delete-question-btn" 
                            data-question-id="<?php echo e($question->id); ?>"
                            data-question-text="<?php echo e($question->question_text); ?>">
                        <i class="fas fa-trash me-1"></i>
                        ลบ
                    </button>
                </div>
                <small class="text-muted">
                    <i class="fas fa-calendar me-1"></i>
                    <?php echo e($question->DtmIns->format('d/m/Y H:i')); ?>

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

    <!-- Child Questions (Recursive) - Drop Zone for dragging questions -->
    <div class="child-questions mt-2" data-parent-id="<?php echo e($question->id); ?>" data-question-id="<?php echo e($question->id); ?>">
        <?php if($question->children->count() > 0): ?>
            <?php $__currentLoopData = $question->children; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $child): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <?php echo $__env->make('admin.question-groups.partials.question-item', ['question' => $child, 'level' => $level + 1], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        <?php else: ?>
            <!-- Drop zone indicator when no children (hidden by default) -->
            <div class="drop-zone-indicator p-3 text-center text-muted" style="display: none;">
                <div class="d-flex align-items-center justify-content-center">
                    <i class="fas fa-arrow-down me-2 text-primary"></i>
                    <small>
                        <strong>ลากคำถามมาวางที่นี่</strong><br>
                        เพื่อสร้างคำถามย่อย
                    </small>
                </div>
            </div>
        <?php endif; ?>
    </div>
</div> 
 
<script>
document.addEventListener('DOMContentLoaded', function() {
    // จัดการการคลิกปุ่ม "บันทึก" logic operator
    document.querySelectorAll('.update-logic-btn').forEach(button => {
        button.addEventListener('click', function() {
            const questionId = this.getAttribute('data-question-id');
            const logicSelector = document.querySelector(`select[data-question-id="${questionId}"]`);
            const newLogicOperator = logicSelector.value;
            
            // อัพเดท badge ในส่วน Logic Control
            const logicDisplayBadge = document.querySelector(`#logic-display-${questionId}`);
            if (logicDisplayBadge) {
                logicDisplayBadge.textContent = newLogicOperator;
                logicDisplayBadge.className = 'badge ms-2 ' + (newLogicOperator === 'AND' ? 'bg-info' : 'bg-warning');
            }
            
            // อัพเดท badge ในส่วน header
            const headerBadge = document.querySelector(`span[data-logic-badge="${questionId}"]`);
            if (headerBadge) {
                headerBadge.textContent = newLogicOperator;
                headerBadge.className = 'badge ' + (newLogicOperator === 'AND' ? 'bg-info' : 'bg-warning');
            }
        });
    });
});
</script>
 
 
 <?php /**PATH C:\xampp\htdocs\laravel-project\resources\views/admin/question-groups/partials/question-item.blade.php ENDPATH**/ ?>