

<?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">Clinician-Administered PTSD Scale for DSM-5 (CAPS-5)</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>
    Brief description of index traumatic event(s)</p>
</div>
<form id="questionForm" onsubmit="submitForm(event)" class="ajax-form forms-sample" method="post" action="<?php echo e(route('mentalHealth.caps5Store')); ?>" 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>Intrusion Symptoms</h2>
    <h6 class="mb-4 text-white">
    Recurrent, involuntary, and intrusive distressing memories
    </h6>
    <input type="hidden" name="question" value="Recurrent, involuntary, and intrusive distressing memories">
    
    <?php for($i = 0; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question1" id="question1_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question1_<?php echo e($i); ?>">
            <?php echo e(['Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.','Moderate/threshold: The respondent described a clinically significant problem.','Severe/markedly elevated: The respondent described a problem that is well above threshold.','Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'][$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">
    <h2>Intrusion Symptoms</h2>
    <h6 class="mb-4 text-white">
        Recurrent distressing dreams
    </h6>
    <input type="hidden" name="question" value="Recurrent distressing dreams">

    <?php for($i = 0; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question2" id="question2_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question2_<?php echo e($i); ?>">
                <?php echo e([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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">
    <h2>Intrusion Symptoms</h2>
    <h6 class="mb-4 text-white">
        Dissociative reactions (e.g., flashbacks)
    </h6>
    <input type="hidden" name="question" value="Dissociative reactions (e.g., flashbacks)">

    <?php for($i = 0; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question3" id="question3_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question3_<?php echo e($i); ?>">
                <?php echo e([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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>Intrusion Symptoms</h2>
    <h6 class="mb-4 text-white">
        Intense or prolonged psychological distress at exposure to cues
    </h6>
    <input type="hidden" name="question" value="Intense or prolonged psychological distress at exposure to cues">

    <?php for($i = 0; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question4" id="question4_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question4_<?php echo e($i); ?>">
                <?php echo e([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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>Intrusion Symptoms</h2>
    <h6 class="mb-4 text-white">
        Marked physiological reactions to cues
    </h6>
    <input type="hidden" name="question" value="Marked physiological reactions to cues">

    <?php for($i = 0; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question5" id="question5_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question5_<?php echo e($i); ?>">
                <?php echo e([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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>Avoidance</h2>
    <h6 class="mb-4 text-white">
        Avoidance of or efforts to avoid distressing memories, thoughts, or feelings
    </h6>
    <input type="hidden" name="question" value="Avoidance of or efforts to avoid distressing memories, thoughts, or feelings">

    <?php for($i = 0; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question6" id="question6_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question6_<?php echo e($i); ?>">
                <?php echo e([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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>Avoidance</h2>
    <h6 class="mb-4 text-white">
        Avoidance of or efforts to avoid external reminders
    </h6>
    <input type="hidden" name="question" value="Avoidance of or efforts to avoid external reminders">

    <?php for($i = 0; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question7" id="question7_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question7_<?php echo e($i); ?>">
                <?php echo e([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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>Negative Alterations in Cognitions and Mood</h2>
    <h6 class="mb-4 text-white">
        Inability to recall important aspects of the event
    </h6>
    <input type="hidden" name="question" value="Inability to recall important aspects of the event">

    <?php for($i = 0; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question8" id="question8_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question8_<?php echo e($i); ?>">
                <?php echo e([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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>Negative Alterations in Cognitions and Mood</h2>
    <h6 class="mb-4 text-white">
        Persistent, distorted cognitions about the cause or consequences
    </h6>
    <input type="hidden" name="question" value="Persistent, distorted cognitions about the cause or consequences">

    <?php for($i = 0; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question9" id="question9_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question9_<?php echo e($i); ?>">
                <?php echo e([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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">
    <h2>Negative Alterations in Cognitions and Mood</h2>
    <h6 class="mb-4 text-white">
        Persistent, negative emotional state
    </h6>
    <input type="hidden" name="question" value="Persistent, negative emotional state">

    <?php for($i = 0; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question10" id="question10_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question10_<?php echo e($i); ?>">
                <?php echo e([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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">
    <h2>Negative Alterations in Cognitions and Mood</h2>
    <h6 class="mb-4 text-white">
        Markedly diminished interest or participation in activities
    </h6>
    <input type="hidden" name="question" value="Markedly diminished interest or participation in activities">

    <?php for($i = 0; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question11" id="question11_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question11_<?php echo e($i); ?>">
                <?php echo e([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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">
    <h2>Negative Alterations in Cognitions and Mood</h2>
    <h6 class="mb-4 text-white">
        Feeling of detachment or estrangement from others
    </h6>
    <input type="hidden" name="question" value="Feeling of detachment or estrangement from others">

    <?php for($i = 0; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question12" id="question12_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question12_<?php echo e($i); ?>">
            <?php echo e([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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">
    <h2>Negative Alterations in Cognitions and Mood</h2>
    <h6 class="mb-4 text-white">
        Persistent inability to experience positive emotions
    </h6>
    <input type="hidden" name="question" value="Persistent inability to experience positive emotions">

    <?php for($i = 0; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question13" id="question13_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question13_<?php echo e($i); ?>">
                <?php echo e([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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">
    <h2>Alterations in Arousal and Reactivity</h2>
    <h6 class="mb-4 text-white">
        Irritable behavior and angry outbursts
    </h6>
    <input type="hidden" name="question" value="Irritable behavior and angry outbursts">

    <?php for($i = 0; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question14" id="question14_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question14_<?php echo e($i); ?>">
                <?php echo e([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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">
    <h2>Alterations in Arousal and Reactivity</h2>
    <h6 class="mb-4 text-white">
        Reckless or self-destructive behavior
    </h6>
    <input type="hidden" name="question" value="Reckless or self-destructive behavior">

    <?php for($i = 0; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question15" id="question15_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question15_<?php echo e($i); ?>">
                <?php echo e([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$i]); ?>

            </label>
        </div>
        <hr>
    <?php endfor; ?>

    <div class="d-flex justify-content-between mt-4">
        <button class="btn btn-outline-light" onclick="navigateQuestion(-1, event)">Previous</button>
        <button class="btn btn-primary" onclick="navigateQuestion(1, event)">Next</button>
    </div>
</div>




<!-- Question 16 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="16">
    <h2>Alterations in Arousal and Reactivity</h2>
    <h6 class="mb-4 text-white">
    Hypervigilance
    </h6>
    <input type="hidden" name="question" value="Hypervigilance">

    <?php for($i = 0; $i <= 4; $i++): ?>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="question16" id="question16_<?php echo e($i); ?>" value="<?php echo e($i); ?>">
            <label class="form-check-label text-white" for="question16_<?php echo e($i); ?>">
                <?php echo e([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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 17 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="17">
    <h2>Alterations in Arousal and Reactivity</h2>
    <h6 class="mb-4 text-white">
        Exaggerated startle response
    </h6>
    <input type="hidden" name="question" value="Exaggerated startle response">

    <?php for($i = 0; $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([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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 18 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="18">
    <h2>Alterations in Arousal and Reactivity</h2>
    <h6 class="mb-4 text-white">
        Problems with concentration
    </h6>
    <input type="hidden" name="question" value="Problems with concentration">

    <?php for($i = 0; $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([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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 19 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="19">
    <h2>Alterations in Arousal and Reactivity</h2>
    <h6 class="mb-4 text-white">
        Sleep disturbance
    </h6>
    <input type="hidden" name="question" value="Sleep disturbance">

    <?php for($i = 0; $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([
                    'Absent: The respondent denied the problem or the clinician assesses based on the interview that the symptom is not present.', 
                    'Mild/subthreshold: The respondent described a problem that is consistent with the symptom but not severe enough to be considered clinically significant.',
                    'Moderate/threshold: The respondent described a clinically significant problem.',
                    'Severe/markedly elevated: The respondent described a problem that is well above threshold.',
                    'Extreme/incapacitating: The respondent described a dramatic symptom, far above threshold.'
                ][$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 20 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="20">
    <h2>Functional Significance</h2>
    <h6 class="mb-4 text-white">
        Subjective distress
    </h6>
    <input type="hidden" name="question" value="Subjective distress">

    <?php for($i = 0; $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([
                    'Absent: No distress or minimal distress reported.',
                    'Mild/subthreshold: Some distress but manageable.',
                    'Moderate/threshold: Distress is significant but does not completely interfere with daily life.',
                    'Severe/markedly elevated: Distress greatly affects emotions and functioning.',
                    'Extreme/incapacitating: Distress is overwhelming and significantly disrupts daily life.'
                ][$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 21 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="21">
    <h2>Functional Significance</h2>
    <h6 class="mb-4 text-white">
        Impairment in social functioning
    </h6>
    <input type="hidden" name="question" value="Impairment in social functioning">

    <?php for($i = 0; $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([
                    'Absent: No social difficulties reported.',
                    'Mild/subthreshold: Some minor social difficulties but maintains relationships.',
                    'Moderate/threshold: Social difficulties affect relationships but do not fully disrupt them.',
                    'Severe/markedly elevated: Social interactions are significantly impacted.',
                    'Extreme/incapacitating: Social functioning is almost completely disrupted, avoiding interactions.'
                ][$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 22 -->
<div class="bg-secondary border border-white rounded h-100 p-4 question d-none" data-question="22">
    <h2>Functional Significance</h2>
    <h6 class="mb-4 text-white">
        Impairment in occupational functioning
    </h6>
    <input type="hidden" name="question" value="Impairment in occupational functioning">

    <?php for($i = 0; $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([
                    'Absent: No occupational difficulties reported.',
                    'Mild/subthreshold: Minor work difficulties but overall functioning remains stable.',
                    'Moderate/threshold: Work performance is affected but manageable.',
                    'Severe/markedly elevated: Significant work impairment, difficulty maintaining job responsibilities.',
                    'Extreme/incapacitating: Unable to work or perform occupational tasks due to symptoms.'
                ][$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/ptsd_trauma/caps-5.blade.php ENDPATH**/ ?>