@php
    $pre_departure_orientation_flag = @$step_verified_data['pre_departure_orientation_flag'];
    $orientation_quiz_link = @$step_verified_data['orientation_quiz_link'];
    $quiz_attempt_data = @$step_verified_data['quiz_attempt_data'];
    $allow_link = @$step_verified_data['allow_link'];
    $brand_agency = @$step_verified_data['brand_agency'];
    $agency_logo_url = @$step_verified_data['agency_logo_url'];
    $agency_bg_color = @$step_verified_data['agency_bg_color'];
    $agency_logo_class = @$step_verified_data['agency_logo_class'];
    $is_medical_insurance = @$step_verified_data['is_medical_insurance'];
@endphp 
<div class="app-status-panel-content">
    <div class="row">
        <div class="col-sm-12 mb-4">
            <div class="d-flex flex-column flex-sm-row align-items-center"> 
                <h3 class="mb-2 mb-sm-0 text-center flex-grow-1 d-inline-b">
                    Pre-Departure Orientation
                </h3>  
            </div>  
        </div>
        @if($pre_departure_orientation_flag != 1 && $allow_link == 1)
            <div class="col-sm-12">
                <p>You must complete the Pre-Departure Orientation Quiz before continuing to the next step in the process.</p> 
                <p>Please click on the button below in order to complete it:</p> 
                <p><a href="javascript:void(0)" onclick="preDepartureRedirection('{{$orientation_quiz_link}}')" class="btn btn-info btn-xs-block">Complete Quiz</a></p> 
            </div>
        @endif
        <div class="col-sm-12"> 
            @if(!empty($quiz_attempt_data))
                @foreach($quiz_attempt_data as $item)
                    @php
                        $bg = "bg-info";
                        if($item['is_passed'] == 1)
                            $bg = "bg-success";
                        if($item['is_passed'] == 2)
                            $bg = "bg-danger";

                        $quiz_result_color = ($item['is_passed'] == 1) ? "text-success" : "text-danger"; 
                        $version = "";
                        if(in_array($item['version'],array(1,3)))
                        {
                            $version = 1;
                        }else if(in_array($item['version'],array(2,4)))
                        {
                            $version = 2;
                        } 
                    @endphp
                    <div id="quiz_attempt" class="card shadow mb-3">
                        
                        <div class="card-header bg-primary orientation_quiz_title">
                            <h5 class="text-white mb-0">Orientation Quiz</h5>
                        </div>

                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="fw-bold">Reviewed:</label>
                                    <span>Yes</span>
                                </div>
                                @if($item['is_reviewed'] == 1)
                                <div class="col-sm-6">
                                    <label>Reviewed On: </label><span> {{ $item['reviewed_on'] }}</span>
                                </div>
                                @endif
                                <div class="col-sm-6"><label>Quiz Status: </label><span> {{ $item['quiz_status'] }}</span></div>
                                <div class="col-sm-6"><label>Quiz Result: </label><span> <strong class="{{ $quiz_result_color }}"> {{ $item['quiz_result'] }}</strong></span></div>
                                <div class="col-sm-6"><label>Quiz Percentage: </label><span> {{ $item['quiz_percentage'] }} %</span></div>
                                <div class="col-sm-6"><label>Quiz Completed On: </label><span> {{ dateformat($item['completed_on'],'M d, Y') }}</span></div>
                            </div>
                        </div>
                    </div>
                @endforeach
            @endif
        </div>
        
        <div class="d-flex justify-content-end align-items-center gap-2 mt-3"> 
            <button type="button"
                class="btn btn-success"
                onclick="return viewPopup('Pre-Departure Orientation','{@$active_step_key}');">
                Support <i class="mdi mdi-help-circle-outline step-help"></i>
            </button> 
            @if($pre_departure_orientation_flag == 1 && !empty($next_step_key))
                <button type="button" class="btn btn-info" onclick="loadStepContent('{{ $next_step_key }}','',document.getElementById('stp_{{ $next_step_key }}'))">Next Step</button>
            @endif 
        </div> 
    </div>
</div>