

<?php $__env->startSection('content'); ?>
    <div class="container py-4">
        <!-- Main Header with Right-Aligned Button -->
        <div class="main-header mb-4 d-flex justify-content-between align-items-center">
            <h1 class="h2">Kessler Psychological Distress Scale (K10 & K6)</h1>
            <button type="button" class="btn btn-sm btn-outline-secondary show-view" data-view="dashboard">
                <i class="bi bi-arrow-left"></i> Back to Dashboard
            </button>
        </div>

        <!-- Instructions Section -->
        <h2 class="h5">Instructions</h2>
        <p>
        These questions ask about how you have been feeling during the past 30 days. For each question, please circle the number that best describes how often you had this feeling.
        </p>
    </div>
    <form id="questionForm" onsubmit="submitForm(event)" class="ajax-form forms-sample" method="post"
        action="<?php echo e(route('mentalHealth.kessler-scaleStore')); ?>" data-redirect="<?php echo e(route('mentalHealth.dashboard')); ?>">
        <!-- Centered Content with Card and Progress Bar -->
        <div class="d-flex justify-content-center min-vh-75 align-items-center">
            <div class="col-sm-12 col-xl-6">

                <!-- Progress Bar -->
                <div class="progress mb-4">
                    <div class="progress-bar bg-primary" id="progress-bar" role="progressbar" style="width: 0%;"
                        aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
                </div>

                <!-- Question 1 -->
                <div class="bg-secondary border border-white rounded h-100 p-4 question" data-question="1">
                    <h4>K10 Scale</h4>
                    <h6 class="mb-4 text-white">During the last 30 days, about how often did you feel tired out for no good reason?</h6>
                    <input type="hidden" name="question" value="During the last 30 days, about how often did you feel tired out for no good reason?">
                
                    <?php for($i = 0; $i <= 4; $i++): ?>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="question1" id="question1_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
                            <label class="form-check-label text-white" for="question1_<?php echo e($i); ?>"><?php echo e(['None of the time', 'A little of the time', 'Some of the time', 'Most of the time', 'All of the time'][$i]); ?></label>
                        </div>
                        <hr>
                    <?php endfor; ?>
                
                    <div class="d-flex justify-content-between mt-4">
                        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)" id="prevBtn">Previous</button>
                        <button class="btn btn-primary" id="nextBtn" onclick="navigateQuestion(1, event)">Next</button>
                    </div>
                </div>
                
                <!-- Question 2 -->
                <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="2">
                <h4>K10 Scale</h4>
                    <h6 class="mb-4 text-white">During the last 30 days, about how often did you feel nervous?</h6>
                    <input type="hidden" name="question" value="During the last 30 days, about how often did you feel nervous?">
                
                    <?php for($i = 0; $i <= 4; $i++): ?>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="question2" id="question2_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
                            <label class="form-check-label text-white" for="question2_<?php echo e($i); ?>"><?php echo e(['None of the time', 'A little of the time', 'Some of the time', 'Most of the time', 'All of the time'][$i]); ?></label>
                        </div>
                        <hr>
                    <?php endfor; ?>
                
                    <div class="d-flex justify-content-between mt-4">
                        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)" id="prevBtn">Previous</button>
                        <button class="btn btn-primary" id="nextBtn" onclick="navigateQuestion(1, event)">Next</button>
                    </div>
                </div>
                
                <!-- Question 3 -->
                <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="3">
                <h4>K10 Scale</h4>
                    <h6 class="mb-4 text-white">During the last 30 days, about how often did you feel so nervous that nothing could calm you down?</h6>
                    <input type="hidden" name="question" value="During the last 30 days, about how often did you feel so nervous that nothing could calm you down?">
                
                    <?php for($i = 0; $i <= 4; $i++): ?>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="question3" id="question3_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
                            <label class="form-check-label text-white" for="question3_<?php echo e($i); ?>"><?php echo e(['None of the time', 'A little of the time', 'Some of the time', 'Most of the time', 'All of the time'][$i]); ?></label>
                        </div>
                        <hr>
                    <?php endfor; ?>
                
                    <div class="d-flex justify-content-between mt-4">
                        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)" id="prevBtn">Previous</button>
                        <button class="btn btn-primary" id="nextBtn" onclick="navigateQuestion(1, event)">Next</button>
                    </div>
                </div>
                
                <!-- Question 4 -->
                <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="4">
                <h4>K10 Scale</h4>
                    <h6 class="mb-4 text-white">During the last 30 days, about how often did you feel hopeless?</h6>
                    <input type="hidden" name="question" value="During the last 30 days, about how often did you feel hopeless?">
                
                    <?php for($i = 0; $i <= 4; $i++): ?>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="question4" id="question4_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
                            <label class="form-check-label text-white" for="question4_<?php echo e($i); ?>"><?php echo e(['None of the time', 'A little of the time', 'Some of the time', 'Most of the time', 'All of the time'][$i]); ?></label>
                        </div>
                        <hr>
                    <?php endfor; ?>
                
                    <div class="d-flex justify-content-between mt-4">
                        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)" id="prevBtn">Previous</button>
                        <button class="btn btn-primary" id="nextBtn" onclick="navigateQuestion(1, event)">Next</button>
                    </div>
                </div>
                
                <!-- Question 5 -->
                <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="5">
                <h4>K10 Scale</h4>
                    <h6 class="mb-4 text-white">During the last 30 days, about how often did you feel restless or fidgety?</h6>
                    <input type="hidden" name="question" value="During the last 30 days, about how often did you feel restless or fidgety?">
                
                    <?php for($i = 0; $i <= 4; $i++): ?>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="question5" id="question5_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
                            <label class="form-check-label text-white" for="question5_<?php echo e($i); ?>"><?php echo e(['None of the time', 'A little of the time', 'Some of the time', 'Most of the time', 'All of the time'][$i]); ?></label>
                        </div>
                        <hr>
                    <?php endfor; ?>
                
                    <div class="d-flex justify-content-between mt-4">
                        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)" id="prevBtn">Previous</button>
                        <button class="btn btn-primary" id="nextBtn" onclick="navigateQuestion(1, event)">Next</button>
                    </div>
                </div>

                
               <!-- Question 6 -->
                <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="6">
                <h4>K10 Scale</h4>
                    <h6 class="mb-4 text-white">During the last 30 days, about how often did you feel so restless you could not sit still?</h6>
                    <input type="hidden" name="question" value="During the last 30 days, about how often did you feel so restless you could not sit still?">
                    
                    <?php for($i = 0; $i <= 4; $i++): ?>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="question6" id="question6_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
                            <label class="form-check-label text-white" for="question6_<?php echo e($i); ?>"><?php echo e(['None of the time', 'A little of the time', 'Some of the time', 'Most of the time', 'All of the time'][$i]); ?></label>
                        </div>
                        <hr>
                    <?php endfor; ?>
                    
                    <div class="d-flex justify-content-between mt-4">
                        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)">Previous</button>
                        <button class="btn btn-primary" onclick="navigateQuestion(1, event)">Next</button>
                    </div>
                </div>
                
                <!-- Question 7 -->
                <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="7">
                <h4>K10 Scale</h4>
                    <h6 class="mb-4 text-white">During the last 30 days, about how often did you feel depressed?</h6>
                    <input type="hidden" name="question" value="During the last 30 days, about how often did you feel depressed?">
                    
                    <?php for($i = 0; $i <= 4; $i++): ?>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="question7" id="question7_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
                            <label class="form-check-label text-white" for="question7_<?php echo e($i); ?>"><?php echo e(['None of the time', 'A little of the time', 'Some of the time', 'Most of the time', 'All of the time'][$i]); ?></label>
                        </div>
                        <hr>
                    <?php endfor; ?>
                    
                    <div class="d-flex justify-content-between mt-4">
                        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)">Previous</button>
                        <button class="btn btn-primary" onclick="navigateQuestion(1, event)">Next</button>
                    </div>
                </div>
                
                <!-- Question 8 -->
                <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="8">
                <h4>K10 Scale</h4>
                    <h6 class="mb-4 text-white">During the last 30 days, about how often did you feel that everything was an effort?</h6>
                    <input type="hidden" name="question" value="During the last 30 days, about how often did you feel that everything was an effort?">
                    
                    <?php for($i = 0; $i <= 4; $i++): ?>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="question8" id="question8_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
                            <label class="form-check-label text-white" for="question8_<?php echo e($i); ?>"><?php echo e(['None of the time', 'A little of the time', 'Some of the time', 'Most of the time', 'All of the time'][$i]); ?></label>
                        </div>
                        <hr>
                    <?php endfor; ?>
                    
                    <div class="d-flex justify-content-between mt-4">
                        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)">Previous</button>
                        <button class="btn btn-primary" onclick="navigateQuestion(1, event)">Next</button>
                    </div>
                </div>
                
                <!-- Question 9 -->
                <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="9">
                <h4>K10 Scale</h4>
                    <h6 class="mb-4 text-white">During the last 30 days, about how often did you feel so sad that nothing could cheer you up?</h6>
                    <input type="hidden" name="question" value="During the last 30 days, about how often did you feel so sad that nothing could cheer you up?">
                    
                    <?php for($i = 0; $i <= 4; $i++): ?>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="question9" id="question9_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
                            <label class="form-check-label text-white" for="question9_<?php echo e($i); ?>"><?php echo e(['None of the time', 'A little of the time', 'Some of the time', 'Most of the time', 'All of the time'][$i]); ?></label>
                        </div>
                        <hr>
                    <?php endfor; ?>
                    
                    <div class="d-flex justify-content-between mt-4">
                        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)">Previous</button>
                        <button class="btn btn-primary" onclick="navigateQuestion(1, event)">Next</button>
                    </div>
                </div>
                
                <!-- Question 10 -->
                <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="10">
                    <h4>K10 Scale</h4>
                    <h6 class="mb-4 text-white">During the last 30 days, about how often did you feel worthless?</h6>
                    <input type="hidden" name="question" value="During the last 30 days, about how often did you feel worthless?">
                    
                    <?php for($i = 0; $i <= 4; $i++): ?>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="question10" id="question10_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
                            <label class="form-check-label text-white" for="question10_<?php echo e($i); ?>"><?php echo e(['None of the time', 'A little of the time', 'Some of the time', 'Most of the time', 'All of the time'][$i]); ?></label>
                        </div>
                        <hr>
                    <?php endfor; ?>
                    
                    <div class="d-flex justify-content-between mt-4">
                        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)" id="prevBtn">Previous</button>
                        <button class="btn btn-primary" id="nextBtn" onclick="navigateQuestion(1, event)">Next</button>
                    </div>
                </div>

                <!-- Question 11 -->
                <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="11">
                <h4>K6 Scale (Short Version)</h4>
                    <h6 class="mb-4 text-white">During the last 30 days, about how often did you feel nervous?</h6>
                    <input type="hidden" name="question" value="During the last 30 days, about how often did you feel nervous?">
                
                    <?php for($i = 0; $i <= 4; $i++): ?>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="question11" id="question11_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
                            <label class="form-check-label text-white" for="question11_<?php echo e($i); ?>"><?php echo e(['None of the time', 'A little of the time', 'Some of the time', 'Most of the time', 'All of the time'][$i]); ?></label>
                        </div>
                        <hr>
                    <?php endfor; ?>
                
                    <div class="d-flex justify-content-between mt-4">
                        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)" id="prevBtn">Previous</button>
                        <button class="btn btn-primary" id="nextBtn" onclick="navigateQuestion(1, event)">Next</button>
                    </div>
                </div>
                
                <!-- Question 12 -->
                <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="12">
                <h4>K6 Scale (Short Version)</h4>
                    <h6 class="mb-4 text-white">During the last 30 days, about how often did you feel so nervous that nothing could calm you down?</h6>
                    <input type="hidden" name="question" value="During the last 30 days, about how often did you feel so nervous that nothing could calm you down?">
                
                    <?php for($i = 0; $i <= 4; $i++): ?>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="question12" id="question12_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
                            <label class="form-check-label text-white" for="question12_<?php echo e($i); ?>"><?php echo e(['None of the time', 'A little of the time', 'Some of the time', 'Most of the time', 'All of the time'][$i]); ?></label>
                        </div>
                        <hr>
                    <?php endfor; ?>
                
                    <div class="d-flex justify-content-between mt-4">
                        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)" id="prevBtn">Previous</button>
                        <button class="btn btn-primary" id="nextBtn" onclick="navigateQuestion(1, event)">Next</button>
                    </div>
                </div>
                
                <!-- Question 13 -->
                <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="13">
                <h4>K6 Scale (Short Version)</h4>
                    <h6 class="mb-4 text-white">During the last 30 days, about how often did you feel hopeless?</h6>
                    <input type="hidden" name="question" value="During the last 30 days, about how often did you feel hopeless?">
                
                    <?php for($i = 0; $i <= 4; $i++): ?>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="question13" id="question13_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
                            <label class="form-check-label text-white" for="question13_<?php echo e($i); ?>"><?php echo e(['None of the time', 'A little of the time', 'Some of the time', 'Most of the time', 'All of the time'][$i]); ?></label>
                        </div>
                        <hr>
                    <?php endfor; ?>
                
                    <div class="d-flex justify-content-between mt-4">
                        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)" id="prevBtn">Previous</button>
                        <button class="btn btn-primary" id="nextBtn" onclick="navigateQuestion(1, event)">Next</button>
                    </div>
                </div>

                 <!-- Question 14 -->
                 <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="14">
                <h4>K6 Scale (Short Version)</h4>
                    <h6 class="mb-4 text-white">During the last 30 days, about how often did you feel depressed?</h6>
                    <input type="hidden" name="question" value="During the last 30 days, about how often did you feel depressed?">
                    
                    <?php for($i = 0; $i <= 4; $i++): ?>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="question14" id="question14_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
                            <label class="form-check-label text-white" for="question14_<?php echo e($i); ?>"><?php echo e(['None of the time', 'A little of the time', 'Some of the time', 'Most of the time', 'All of the time'][$i]); ?></label>
                        </div>
                        <hr>
                    <?php endfor; ?>
                    
                    <div class="d-flex justify-content-between mt-4">
                        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)">Previous</button>
                        <button class="btn btn-primary" onclick="navigateQuestion(1, event)">Next</button>
                    </div>
                </div>
                
                <!-- Question 15 -->
                <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="15">
                <h4>K6 Scale (Short Version)</h4>
                    <h6 class="mb-4 text-white">During the last 30 days, about how often did you feel so sad that nothing could cheer you up?</h6>
                    <input type="hidden" name="question" value="During the last 30 days, about how often did you feel so sad that nothing could cheer you up?">
                    
                    <?php for($i = 0; $i <= 4; $i++): ?>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="question15" id="question15_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
                            <label class="form-check-label text-white" for="question15_<?php echo e($i); ?>"><?php echo e(['None of the time', 'A little of the time', 'Some of the time', 'Most of the time', 'All of the time'][$i]); ?></label>
                        </div>
                        <hr>
                    <?php endfor; ?>
                    
                    <div class="d-flex justify-content-between mt-4">
                        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)">Previous</button>
                        <button class="btn btn-primary" onclick="navigateQuestion(1, event)">Next</button>
                    </div>
                </div>
                
                <!-- Question 16 -->
                <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="16">
                    <h4>K6 Scale (Short Version)</h4>
                    <h6 class="mb-4 text-white">During the last 30 days, about how often did you feel worthless?</h6>
                    <input type="hidden" name="question" value="During the last 30 days, about how often did you feel worthless?">
                    
                    <?php for($i = 0; $i <= 4; $i++): ?>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="question16" id="question16_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
                            <label class="form-check-label text-white" for="question16_<?php echo e($i); ?>"><?php echo e(['None of the time', 'A little of the time', 'Some of the time', 'Most of the time', 'All of the time'][$i]); ?></label>
                        </div>
                        <hr>
                    <?php endfor; ?>
                    
                    <div class="d-flex justify-content-between mt-4">
                        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)">Previous</button>
                        <button class="btn btn-primary" id="nextBtnfinel" onclick="navigateQuestion(1, event)">Next</button>
                        <button type="submit" class="btn btn-success d-none" id="submitBtn">Submit</button>
                    </div>
                </div>

            </div>
        </div>
    </form>
    <!-- JavaScript for Navigation -->
<?php $__env->stopSection(); ?>

<?php echo $__env->make('mental.layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /var/www/html/resources/views/mental/general_psychological_distress/kessler-scale.blade.php ENDPATH**/ ?>