

<?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">SCOFF Questionnaire (Eating Disorder Screening)</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>
    Please ask the patient the following questions and record their responses. Each "Yes" response is scored as 1 point.
    </p>
</div>
<form id="questionForm" onsubmit="submitForm(event)" class="ajax-form forms-sample" method="post" action="<?php echo e(route('mentalHealth.scoffQuestionnaireStore')); ?>" 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 d-none" data-question="1">
    <h2>Screening Questions</h2>
    <h6 class="mb-4 text-white"> 
    Do you make yourself Sick (vomit) because you feel uncomfortably full?
    </h6>
    <input type="hidden" name="question" value="Do you make yourself Sick (vomit) because you feel uncomfortably full?">
    
    <?php for($i = 0; $i <= 1; $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(['No', 'Yes'][$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>Screening Questions</h2>
    <h6 class="mb-4 text-white"> 
    Do you worry you have lost Control over how much you eat?
    </h6>
    <input type="hidden" name="question" value="Do you worry you have lost Control over how much you eat?">
    
    <?php for($i = 0; $i <= 1; $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(['No', 'Yes'][$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 3 -->
      <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="3">
    <h2>Screening Questions</h2>
    <h6 class="mb-4 text-white"> 
    Have you recently lost more than One stone (14 pounds) in a 3-month period?
    </h6>
    <input type="hidden" name="question" value="Have you recently lost more than One stone (14 pounds) in a 3-month period?">
    
    <?php for($i = 0; $i <= 1; $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(['No', 'Yes'][$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 4 -->
      <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="4">
    <h2>Screening Questions</h2>
    <h6 class="mb-4 text-white"> 
    Do you believe you are Fat even though others say you are thin?
    </h6>
    <input type="hidden" name="question" value="Do you believe you are Fat even though others say you are thin?">
    
    <?php for($i = 0; $i <= 1; $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(['No', 'Yes'][$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 5 -->
      <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="5">
    <h2>Screening Questions</h2>
    <h6 class="mb-4 text-white"> 
    Would you say that Food dominates your life?
    </h6>
    <input type="hidden" name="question" value="Would you say that Food dominates your life?">
     
    <?php for($i = 0; $i <= 1; $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(['No', 'Yes'][$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" 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/eating_disorders/scoff-questionnaire.blade.php ENDPATH**/ ?>