@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
@include('user.app-status.brandtab')
<div class="app-status-panel-content">
    <div class="row">
        <div class="col-sm-12">
            <h3 class="d-inline-b">Pre Departure Orientation</h3>
            <button type="button" title="Contact Support" class="btn btn-success pull-right support_width" onclick="return viewPopup('Pre Departure Orientation','{{@$active_step_key}}');">Support<i class="mdi mdi-help-circle-outline step-help"></i></button> 
            <div id="{{ @$notify_id }}"></div>
            <div class="clearfix"></div>
            @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="step-content-box step-content-box-shadow">
                        <div class="{{ $bg }} step-content-box-head">
                            <h1>Orientation Quiz Version {{ $version }}</h1>
                        </div>
                        <div class="step-content-box-body">
                            <div class="row">
                                <div class="col-sm-6">
                                    <label>Quiz Reviewed: </label><span> {{ $item['is_reviewed_status'] }}</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

            @if($pre_departure_orientation_flag != 1 && $allow_link == 1)
<!--            <p>Participant have to answer of all the questions in the orientation quiz. Please click on below link <strong>"Orientation Quiz"</strong> that will redirect to page where your quiz will be conducted.</p>
            <div class="text-center">
                <button class="btn btn-info btn-lg" onclick="preDepartureOrientation('preDepartureOrientation','{{$orientation_quiz_link}}')">Orientation Quiz</button>
            </div>-->
            <div class="step-content-box step-content-box-shadow m-t-10">
                <div class="step-content-box-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <p>You must complete the Pre Departure Online Orientation before continuing.</p> 
                            <p><strong> Please click on <a  href="javascript:void(0)" onclick="preDepartureRedirection('{{$orientation_quiz_link}}')">"Orientation Quiz"</a></strong></p> 
                            <p>OR </p><p style="word-wrap: break-word;"><strong>Copy URL:</strong> {{$orientation_quiz_link}}</p>
                        </div>
                    </div>
                </div>
            </div>
            @endif
            
            @if($pre_departure_orientation_flag == 1 && !empty($next_step_key))
                <button type="button" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-xs-block" onclick="loadStepContent('{{ $next_step_key }}')">Next Step</button>
            @endif
        </div>
    </div>
</div> 
@if(@$is_medical_insurance == 1)
    <button type="button" class="btn btn-success btn-xs-block pull-right b-0" onclick="navigateStages(4,'4_medical_insurance')">Medical Insurance</button>
@endif