

<?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">Patient Health Questionnaire (PHQ-9)</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>
     Over the last 2 weeks, how often have you been bothered by any of the following problems? (Please check ✓ the appropriate box)
    </p>
</div>
<form id="questionForm" onsubmit="submitForm(event)" class="ajax-form forms-sample" method="post" action="<?php echo e(route('mentalHealth.aphq9Store')); ?>" 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">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">Little interest or pleasure in doing things</h6>
    <input type="hidden" name="question" value="Little interest or pleasure in doing things">
    
    <?php for($i = 0; $i <= 3; $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(['Not at all', 'Several days', 'More than half the days', 'Nearly every day'][$i]); ?>

            </label>
        </div>
    <hr>
    <?php endfor; ?>  

    <!-- Buttons -->
    <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">
    <h2>Depressive Symptoms</h2>
    <h6 class="mb-4 text-white">Feeling down, depressed, or hopeless</h6>
    <input type="hidden" name="question" value="Feeling down, depressed, or hopeless">
    
    <?php for($i = 0; $i <= 3; $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(['Not at all', 'Several days', 'More than half the days', 'Nearly every day'][$i]); ?>

            </label>
        </div>
        <hr>
    <?php endfor; ?>  
    
    <!-- Buttons -->
    <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 3 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="3">
    <h2>Depressive Symptoms</h2>
    <h6 class="mb-4 text-white">Trouble falling or staying asleep, or sleeping too much</h6>
    <input type="hidden" name="question" value="Trouble falling or staying asleep, or sleeping too much">
    
    <?php for($i = 0; $i <= 3; $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(['Not at all', 'Several days', 'More than half the days', 'Nearly every day'][$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 4 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="4">
    <h2>Depressive Symptoms</h2>
    <h6 class="mb-4 text-white">Feeling tired or having little energy</h6>
    <input type="hidden" name="question" value="Feeling tired or having little energy">
    
    <?php for($i = 0; $i <= 3; $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(['Not at all', 'Several days', 'More than half the days', 'Nearly every day'][$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 5 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="5">
    <h2>Depressive Symptoms</h2>
    <h6 class="mb-4 text-white">Poor appetite or overeating</h6>
    <input type="hidden" name="question" value="Poor appetite or overeating">
    
    <?php for($i = 0; $i <= 3; $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(['Not at all', 'Several days', 'More than half the days', 'Nearly every day'][$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 6 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="6">
    <h2>Depressive Symptoms</h2>
    <h6 class="mb-4 text-white">Feeling bad about yourself — or that you are a failure or have let yourself or your family down</h6>
    <input type="hidden" name="question" value="Feeling bad about yourself — or that you are a failure or have let yourself or your family down">
    
    <?php for($i = 0; $i <= 3; $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(['Not at all', 'Several days', 'More than half the days', 'Nearly every day'][$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">
    <h2>Depressive Symptoms</h2>
    <h6 class="mb-4 text-white">Trouble concentrating on things, such as reading the newspaper or watching television</h6>
    <input type="hidden" name="question" value="Trouble concentrating on things, such as reading the newspaper or watching television">
    
    <?php for($i = 0; $i <= 3; $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(['Not at all', 'Several days', 'More than half the days', 'Nearly every day'][$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">
    <h2>Depressive Symptoms</h2>
    <h6 class="mb-4 text-white">Moving or speaking so slowly that other people could have noticed? Or the opposite — being so fidgety or restless that you have been moving around a lot more than usual</h6>
    <input type="hidden" name="question" value="Moving or speaking so slowly that other people could have noticed? Or the opposite — being so fidgety or restless that you have been moving around a lot more than usual">
    
    <?php for($i = 0; $i <= 3; $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(['Not at all', 'Several days', 'More than half the days', 'Nearly every day'][$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">
    <h2>Depressive Symptoms</h2>
    <h6 class="mb-4 text-white">Thoughts that you would be better off dead or of hurting yourself in some way</h6>
    <input type="hidden" name="question" value="Thoughts that you would be better off dead or of hurting yourself in some way">
    
    <?php for($i = 0; $i <= 3; $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(['Not at all', 'Several days', 'More than half the days', 'Nearly every day'][$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>
  
  </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/depression/phq-9.blade.php ENDPATH**/ ?>