

<?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">Mood Disorder Questionnaire (MDQ)</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 answer each question as best you can by putting a check in the appropriate box. 
    </p>
</div>
<form id="questionForm" onsubmit="submitForm(event)" class="ajax-form forms-sample" method="post" action="<?php echo e(route('mentalHealth.mdqStore')); ?>" 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>Part 1</h4>
            <h6 class="mb-4 text-white">
                ...you felt so good or so hyper that other people thought you were not your normal self or you were so hyper that you got into trouble?
            </h6>
            <input type="hidden" name="question" value="...you felt so good or so hyper that other people thought you were not your normal self or you were so hyper that you got into trouble?">
            
            <?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; ?>
            
            <div class="d-flex justify-content-between mt-4">
                <button class="btn btn-outline-light" id="prevBtn" onclick="navigateQuestion(-1, event)">Previous</button>
                <button class="btn btn-primary" 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>Part 1</h4>
            <h6 class="mb-4 text-white">
                ...you were so irritable that you shouted at people or started fights or arguments?
            </h6>
            <input type="hidden" name="question" value="...you were so irritable that you shouted at people or started fights or arguments?">
        
            <?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; ?>
            
            <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">
            <h4>Part 1</h4>
            <h6 class="mb-4 text-white">
                ...you felt much more self-confident than usual?
            </h6>
            <input type="hidden" name="question" value="...you felt much more self-confident than usual?">
        
            <?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; ?>
            
            <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">
            <h4>Part 1</h4>
            <h6 class="mb-4 text-white">
                ...you got much less sleep than usual and found you didn't really miss it?
            </h6>
            <input type="hidden" name="question" value="...you got much less sleep than usual and found you didn't really miss it?">
        
            <?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; ?>
            
            <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">
            <h4>Part 1</h4>
            <h6 class="mb-4 text-white">
                ...you were much more talkative or spoke much faster than usual?
            </h6>
            <input type="hidden" name="question" value="...you were much more talkative or spoke much faster than usual?">
        
            <?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; ?>
            
            <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">
            <h4>Part 1</h4>
            <h6 class="mb-4 text-white">
                ...thoughts raced through your head or you couldn't slow your mind down?
            </h6>
            <input type="hidden" name="question" value="...thoughts raced through your head or you couldn't slow your mind down?">
            
            <?php for($i = 0; $i <= 1; $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(['No', 'Yes'][$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>Part 1</h4>
            <h6 class="mb-4 text-white">
                ...you were so easily distracted by things around you that you had trouble concentrating or staying on track?
            </h6>
            <input type="hidden" name="question" value="...you were so easily distracted by things around you that you had trouble concentrating or staying on track?">
            
            <?php for($i = 0; $i <= 1; $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(['No', 'Yes'][$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>Part 1</h4>
            <h6 class="mb-4 text-white">
                ...you had much more energy than usual?
            </h6>
            <input type="hidden" name="question" value="...you had much more energy than usual?">
            
            <?php for($i = 0; $i <= 1; $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(['No', 'Yes'][$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>Part 1</h4>
            <h6 class="mb-4 text-white">
                ...you were much more active or did many more things than usual?
            </h6>
            <input type="hidden" name="question" value="...you were much more active or did many more things than usual?">
            
            <?php for($i = 0; $i <= 1; $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(['No', 'Yes'][$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>Part 1</h4>
            <h6 class="mb-4 text-white">
                ...you were much more social or outgoing than usual; for example, you telephoned friends in the middle of the night?
            </h6>
            <input type="hidden" name="question" value="...you were much more social or outgoing than usual; for example, you telephoned friends in the middle of the night?">
            
            <?php for($i = 0; $i <= 1; $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(['No', 'Yes'][$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 11 -->
        <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="11">
            <h4>Part 1</h4>
            <h6 class="mb-4 text-white">
                ...you were much more interested in sex than usual?
            </h6>
            <input type="hidden" name="question" value="...you were much more interested in sex than usual?">
            
            <?php for($i = 0; $i <= 1; $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(['No', 'Yes'][$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 12 -->
        <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="12">
            <h4>Part 1</h4>
            <h6 class="mb-4 text-white">
                ...you did things that were unusual for you or that other people might have thought were excessive, foolish, or risky?
            </h6>
            <input type="hidden" name="question" value="...you did things that were unusual for you or that other people might have thought were excessive, foolish, or risky?">
            
            <?php for($i = 0; $i <= 1; $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(['No', 'Yes'][$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 13 -->
        <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="13">
            <h4>Part 1</h4>
            <h6 class="mb-4 text-white">
                ...spending money got you or your family into trouble?
            </h6>
            <input type="hidden" name="question" value="...spending money got you or your family into trouble?">
            
            <?php for($i = 0; $i <= 1; $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(['No', 'Yes'][$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 14 -->
        <div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="14">
            <h4>Part 2</h4>
            <h6 class="mb-4 text-white">
            If you checked 'YES' to more than one of the above, have several of these ever happened during the same period of time?
            </h6>
            <input type="hidden" name="question" value="If you checked 'YES' to more than one of the above, have several of these ever happened during the same period of time?">
            
            <?php for($i = 0; $i <= 1; $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(['No', 'Yes'][$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>Part 3</h4>
            <h6 class="mb-4 text-white">
            How much of a problem did any of these cause you – like being unable to work; having family, money, or legal troubles; or getting into arguments or fights?
            </h6>
            <input type="hidden" name="question" value="How much of a problem did any of these cause you – like being unable to work; having family, money, or legal troubles; or getting into arguments or fights?">
            
            <?php for($i = 0; $i <= 3; $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(['No problem', 'Minor problem', 'Moderate problem', 'Serious problem'][$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/bipolar/mdq.blade.php ENDPATH**/ ?>