

<?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">Autism Spectrum Quotient (AQ) Assessment</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>
    Below is a list of statements. Please read each statement carefully and rate how strongly you agree or disagree with it by selecting the appropriate option.
    </p>
</div>
<form id="questionForm" onsubmit="submitForm(event)" class="ajax-form forms-sample" method="post" action="<?php echo e(route('mentalHealth.aqStore')); ?>" 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">I prefer to do things with others rather than on my own</h6>
    <input type="hidden" name="question" value="I prefer to do things with others rather than on my own">
    
    <?php for($i = 1; $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(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I prefer to do things the same way over and over again</h6>
    <input type="hidden" name="question" value="I prefer to do things the same way over and over again">
    
    <?php for($i = 1; $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(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">If I try to imagine something, I find it very easy to create a picture in my mind</h6>
    <input type="hidden" name="question" value="If I try to imagine something, I find it very easy to create a picture in my mind">
    
    <?php for($i = 1; $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(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 4 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="4">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I frequently get so strongly absorbed in one thing that I lose sight of other things</h6>
    <input type="hidden" name="question" value="I frequently get so strongly absorbed in one thing that I lose sight of other things">
    
    <?php for($i = 1; $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(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 5 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="5">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I often notice small sounds when others do not</h6>
    <input type="hidden" name="question" value="I often notice small sounds when others do not">
    <?php for($i = 1; $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(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I usually notice car number plates or similar strings of information</h6>
    <input type="hidden" name="question" value="I usually notice car number plates or similar strings of information">
    <?php for($i = 1; $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(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">Other people frequently tell me that what I've said is impolite, even though I think it is polite</h6>
    <input type="hidden" name="question" value="Other people frequently tell me that what I've said is impolite, even though I think it is polite">
    <?php for($i = 1; $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(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">When I'm reading a story, I can easily imagine what the characters might look like</h6>
    <input type="hidden" name="question" value="When I'm reading a story, I can easily imagine what the characters might look like">
    <?php for($i = 1; $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(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I am fascinated by dates</h6>
    <input type="hidden" name="question" value="I am fascinated by dates">
    <?php for($i = 1; $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(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">In a social group, I can easily keep track of several different people's conversations</h6>
    <input type="hidden" name="question" value="In a social group, I can easily keep track of several different people's conversations">
    <?php for($i = 1; $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(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I find social situations easy</h6>
    <input type="hidden" name="question" value="I find social situations easy">
    <?php for($i = 1; $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(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I tend to notice details that others do not</h6>
    <input type="hidden" name="question" value="I tend to notice details that others do not">
    <?php for($i = 1; $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(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I would rather go to a library than to a party</h6>
    <input type="hidden" name="question" value="I would rather go to a library than to a party">
    <?php for($i = 1; $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(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I find making up stories easy</h6>
    <input type="hidden" name="question" value="I find making up stories easy">
    <?php for($i = 1; $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(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I find myself drawn more strongly to people than to things</h6>
    <input type="hidden" name="question" value="I find myself drawn more strongly to people than to things">
    <?php for($i = 1; $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(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I tend to have very strong interests, which I get upset about if I can't pursue</h6>
    <input type="hidden" name="question" value="I tend to have very strong interests, which I get upset about if I can't pursue">
    <?php for($i = 1; $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(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 17 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="17">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I enjoy social chitchat</h6>
    <input type="hidden" name="question" value="I enjoy social chitchat">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question17" id="question17_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question17_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 18 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="18">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">When I talk, it isn't always easy for others to get a word in edgeways</h6>
    <input type="hidden" name="question" value="When I talk, it isn't always easy for others to get a word in edgeways">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question18" id="question18_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question18_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 19 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="19">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I am fascinated by numbers</h6>
    <input type="hidden" name="question" value="I am fascinated by numbers">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question19" id="question19_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question19_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 20 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="20">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">When I'm reading a story, I find it difficult to work out the characters' intentions</h6>
    <input type="hidden" name="question" value="When I'm reading a story, I find it difficult to work out the characters' intentions">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question20" id="question20_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question20_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 21 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="21">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I don't particularly enjoy reading fiction</h6>
    <input type="hidden" name="question" value="I don't particularly enjoy reading fiction">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question21" id="question21_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question21_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 22 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="22">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I find it hard to make new friends</h6>
    <input type="hidden" name="question" value="I find it hard to make new friends">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question22" id="question22_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question22_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 23 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="23">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I notice patterns in things all the time</h6>
    <input type="hidden" name="question" value="I notice patterns in things all the time">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question23" id="question23_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question23_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 24 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="24">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I would rather go to the theater than to a museum</h6>
    <input type="hidden" name="question" value="I would rather go to the theater than to a museum">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question24" id="question24_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question24_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 25 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="25">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">It does not upset me if my daily routine is disturbed</h6>
    <input type="hidden" name="question" value="It does not upset me if my daily routine is disturbed">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question25" id="question25_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question25_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 26 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="26">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I frequently find that I don't know how to keep a conversation going</h6>
    <input type="hidden" name="question" value="I frequently find that I don't know how to keep a conversation going">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question26" id="question26_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question26_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 27 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="27">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I find it easy to "read between the lines" when someone is talking to me</h6>
    <input type="hidden" name="question" value="I find it easy to 'read between the lines' when someone is talking to me">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question27" id="question27_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question27_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 28 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="28">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I usually concentrate more on the whole picture, rather than on the small details</h6>
    <input type="hidden" name="question" value="I usually concentrate more on the whole picture, rather than on the small details">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question28" id="question28_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question28_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 29 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="29">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I am not very good at remembering phone numbers</h6>
    <input type="hidden" name="question" value="I am not very good at remembering phone numbers">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question29" id="question29_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question29_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 30 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="30">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I don't usually notice small changes in a situation or a person's appearance</h6>
    <input type="hidden" name="question" value="I don't usually notice small changes in a situation or a person's appearance">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question30" id="question30_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question30_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 31 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="31">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I know how to tell if someone listening to me is getting bored</h6>
    <input type="hidden" name="question" value="I know how to tell if someone listening to me is getting bored">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question31" id="question31_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question31_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 32 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="32">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I find it easy to do more than one thing at once</h6>
    <input type="hidden" name="question" value="I find it easy to do more than one thing at once">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question32" id="question32_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question32_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 33 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="33">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">When I talk on the phone, I'm not sure when it's my turn to speak</h6>
    <input type="hidden" name="question" value="When I talk on the phone, I'm not sure when it's my turn to speak">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question33" id="question33_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question33_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 34 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="34">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I enjoy doing things spontaneously</h6>
    <input type="hidden" name="question" value="I enjoy doing things spontaneously">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question34" id="question34_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question34_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 35 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="35">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I am often the last to understand the point of a joke</h6>
    <input type="hidden" name="question" value="I am often the last to understand the point of a joke">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question35" id="question35_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question35_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 36 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="36">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I find it easy to work out what someone is thinking or feeling just by looking at their face</h6>
    <input type="hidden" name="question" value="I find it easy to work out what someone is thinking or feeling just by looking at their face">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question36" id="question36_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question36_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 37 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="37">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">If there is an interruption, I can switch back to what I was doing very quickly</h6>
    <input type="hidden" name="question" value="If there is an interruption, I can switch back to what I was doing very quickly">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question37" id="question37_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question37_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 38 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="38">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I am good at social chitchat</h6>
    <input type="hidden" name="question" value="I am good at social chitchat">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question38" id="question38_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question38_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 39 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="39">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">People often tell me that I keep going on and on about the same thing</h6>
    <input type="hidden" name="question" value="People often tell me that I keep going on and on about the same thing">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question39" id="question39_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question39_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 40 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="40">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">When I was young, I used to enjoy playing games involving pretending with other children</h6>
    <input type="hidden" name="question" value="When I was young, I used to enjoy playing games involving pretending with other children">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question40" id="question40_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question40_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 41 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="41">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I like to collect information about categories of things (e.g., types of cars, birds, trains, plants)</h6>
    <input type="hidden" name="question" value="I like to collect information about categories of things (e.g., types of cars, birds, trains, plants)">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question41" id="question41_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question41_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 42 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="42">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I find it difficult to imagine what it would be like to be someone else</h6>
    <input type="hidden" name="question" value="I find it difficult to imagine what it would be like to be someone else">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question42" id="question42_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question42_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 43 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="43">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I like to plan any activities I participate in carefully</h6>
    <input type="hidden" name="question" value="I like to plan any activities I participate in carefully">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question43" id="question43_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question43_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 44 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="44">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I enjoy social occasions</h6>
    <input type="hidden" name="question" value="I enjoy social occasions">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question44" id="question44_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question44_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 45 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="45">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I find it difficult to work out people's intentions</h6>
    <input type="hidden" name="question" value="I find it difficult to work out people's intentions">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question45" id="question45_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question45_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 46 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="46">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">New situations make me anxious</h6>
    <input type="hidden" name="question" value="New situations make me anxious">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question46" id="question46_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question46_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 47 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="47">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I enjoy meeting new people</h6>
    <input type="hidden" name="question" value="I enjoy meeting new people">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question47" id="question47_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question47_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 48 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="48">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I am a good diplomat</h6>
    <input type="hidden" name="question" value="I am a good diplomat">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question48" id="question48_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question48_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 49 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="49">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I am not very good at remembering people's date of birth</h6>
    <input type="hidden" name="question" value="I am not very good at remembering people's date of birth">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question49" id="question49_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question49_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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 50 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="50">
    <h2>Oppositional Behaviors</h2>
    <h6 class="mb-4 text-white">I find it very easy to play games with children that involve pretending</h6>
    <input type="hidden" name="question" value="I find it very easy to play games with children that involve pretending">
    <?php for($i = 1; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question50" id="question50_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question50_<?php echo e($i); ?>">
                <?php echo e(['Definitely Agree', 'Slightly Agree', 'Slightly Disagree', 'Definitely Disagree'][$i-1]); ?>

            </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/autism_spectrum/aq.blade.php ENDPATH**/ ?>