@php
    $step_status = @$step_verified_data['step_status'];
    $visa_denied_count = @$step_verified_data['visa_denied_count'];
    $consecutive_visa_denied_flag = @$step_verified_data['consecutive_visa_denied_flag'];
    $embassy_data = @$step_verified_data['embassy_data']; 
    $allow_visa_process = @$step_verified_data['allow_visa_process']; 
    $show_message = @$step_verified_data['show_message']; 
    $embassy_timezone = @$embassy_data->embassy_timezone;
    $embassy_date = @$embassy_data->embassy_interview; 
    $converted_data = @$step_verified_data['converted_data'];
    $embassy_timezone_converted = @$converted_data->dest_timezone_id;
    $embassy_date_converted = @$converted_data->dest_datetime;
    $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'];
    $host_company_1 = @$step_verified_data['ev_visa_outcome_detail']['host_company_1'];
    $ms_booking_url = @$step_verified_data['ev_visa_outcome_detail']['ms_booking_url'];
    $affidavit_itn_link = @$step_verified_data['ev_visa_outcome_detail']['affidavit_itn_link'];
    $affidavit_j1ev_link = @$step_verified_data['ev_visa_outcome_detail']['affidavit_j1ev_link'];
    $affidavit_sponsor_link = @$step_verified_data['ev_visa_outcome_detail']['affidavit_sponsor_link'];
    $health_insurance_link = @$step_verified_data['ev_visa_outcome_detail']['health_insurance_link'];
    $arrival_package_download_link = @$step_verified_data['ev_visa_outcome_detail']['arrival_package_download_link']; 
@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">
                    U.S. Visa Outcome
                </h3>  
            </div>  
        </div>
        @if($step_status == 2)
            <div class="col-sm-12">
                <p>Congratulations, and thank you for notifying us of your J-1 Visa Approval!</p>
                <p>Please refer to <strong>{{$host_company_1}}'s Arrival Package</strong>. The Arrival Package contains essential information regarding your host company, benefits, arrival airport, transportation options, and instructions on how to reach your Host Company.</p>
                <p><a href='{{$arrival_package_download_link}}' target="_blank" class="btn btn-info">Arrival Package</a></p>
                <div style="border: 2px solid transparent; background: linear-gradient(white, white) padding-box, linear-gradient(180deg, #156eb5, #021b48) border-box; padding: 0 0.5em; border-radius: 10px;">
                    <p><br /><strong>Important Reminders For Participants From <u>The Philippines</u></strong></p>
                    <p> 
                        <ul>
                            <li><strong>LIVE Online Pre-Departure Orientation (CHED Requirement)</strong><br />If you are required by your local agency to attend a live online Pre-Departure Orientation, you may schedule it using this link: 
                            <strong>
                                <span style='margin-bottom:20px;'>
                                    <a href='{{$ms_booking_url}}' target='_blank'>
                                        Click Here
                                    </a>
                                </span>
                            </strong></li>
                            <li>
                                <strong>Mandatory Online Pre-Departure Seminar (CFO Sticker Requirement)</strong>
                                <br />All Filipino citizen participants <strong>must complete the online Pre-Departure Orientation Seminar (PDOS)</strong> and obtain a <strong>CFO sticker</strong> before departing the Philippines.
                                <br />The step-by-step instructions are available here:<br /><a href="https://evpcommittee.ph/programs-and-services/j-1-registration-pre-departure-orientation-seminar-pdos" target='_blank' class="btn btn-info" target="_blank">https://evpcommittee.ph/programs-and-services/j-1-registration-pre-departure-orientation-seminar-pdos</a></li> 
                        </ul> 
                    </p>  
                    <p> 
                        You may download the required documents using the links below:
                        <ul>
                            <li><strong><a href="{{$affidavit_sponsor_link}}" class="btn btn-info">Affidavit of Undertaking &ndash; Sponsor (Odyssey International Exchange)</a></strong> </li><br/>
                            <li><strong><a href="{{$affidavit_itn_link}}" class="btn btn-info">Affidavit of Undertaking &ndash; Local Agency (ITN)</strong></a></li><br/>
                            <li><strong><a href="{{$affidavit_j1ev_link}}" class="btn btn-info">Affidavit of Undertaking &ndash; J-1 Participant</strong></a></li><br/>
                            <li><strong><a href="{{$health_insurance_link}}" class="btn btn-info">Signed Health Insurance Document from Insurance Provider</strong></a></li>
                        </ul> 
                    </p>
                    <p><strong>For participants with prior J-1 Programs:</strong><br />Please present a copy of your <strong>previous CFO sticker</strong> during the process.</p> 
                </div>
                <br />
                <br />
                <p>
                    <strong>Flight Information</strong><br/>
                    Once your flight is booked, please update your flight details here:<br/>
                    <strong>
                        <span style='margin-bottom:20px'>
                            <a href='javascript:;' class="btn btn-info" onclick="navigateStages(5,'5_flight_info');">
                                Click Here
                            </a>
                        </span>
                    </strong>
                </p> 
                <p>If you have any questions or need further assistance, please feel free to reach out to: <a href="mailto:ITNPredeparture@itnusa.com">ITNPredeparture@itnusa.com</a></p>
            </div>
            <div class="col-sm-12">
                <div class="d-flex justify-content-end align-items-center gap-2 mt-3"> 
                    <button type="button"
                        class="btn btn-success"
                        onclick="return viewPopup('U.S. Visa Outcome','{@$active_step_key}');">
                        Support <i class="mdi mdi-help-circle-outline step-help"></i>
                    </button> 
                    @if(!empty($next_step_key))
                        <button type="button" class="btn btn-info" onclick="navigateStages(5,'5_flight_info');">Next Step</button>
                    @endif  
                </div>
            </div>
        @else  
            @if($allow_visa_process == 1)
                @if(!empty($show_message))
                    <div class="alert alert-info m-t-10">
                        <p>{{ $show_message }}</p>
                    </div>
                @else
                    <div id="visa_status_form">
                        <form name="frm_visa_status" id="frm_visa_status"> 
                            @if($user->j1_status_id == 3010 || $user->j1_status_id == 3011)
                                <p>You recently updated the outcome of your J-1 Visa Interview at the U.S. Embassy as either having received a notice that your application is "Under Administrative Processing" or that you received "Form 221(g)".</p>
                                <p>If you have received a notification from the U.S. Embassy or Consulate regarding your application status, whether approved or denied, please click on the button below to update your status.</p> 
                            @endif 
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <div class="form-group text-center">
                                    <button type="button" name="visa_status" id="visa_approved" class="btn btn-success mb_width" value="visa_approved" onclick="frmsubmit(this.value)">Visa Approved</button>
                                    @if(!in_array($user->j1_status_id,[3010,3011]))
                                        <button type="button" name="visa_status" id="green_form" class="btn btn-info mb_width" value="green_form" onclick="frmsubmit(this.value)">221(g) Letter received (Green Form)</button>
                                        <button type="button" name="visa_status" id="admin_process" class="btn btn-info mb_width" value="admin_process" onclick="frmsubmit(this.value)">Under Administrative Processing</button>
                                    @endif

                                    <button type="button" name="visa_status" id="visa_denied" class="btn btn-danger mb_width" value="visa_denied" onclick="frmsubmit(this.value)">Visa Denied</button>
                                    <button type="button" name="visa_status" id="reschedule_appointment" class="btn btn-info mb_width" value="reschedule_appointment" onclick="frmsubmit(this.value)">Schedule Another J1 Visa Appointment</button>
                                    <button type="button" name="visa_status" id="visa_denied" class="btn btn-danger mb_width" value="cancel_embassy_interview" onclick="frmsubmit(this.value)">Embassy Interview Cancelled</button>
                                    <div class="clearfix"></div>
                                </div>
                            </div> 
                            @if(!empty($post_embassy_url))
                                <p><a href="{{$post_embassy_url}}" target="_blank" style="cursor: pointer;background-color: #538ac2;color: white;padding: 2px 5px;text-align: center;text-decoration: none;display: inline-block;">Click Here</a> if you would like to add or update Post Embassy Interview Questionnaire.</p>
                            @endif
                        </form>
                    </div> 
                @endif
            @elseif($allow_visa_process == 2)
                <div class="col-sm-12"> 
                    <p>We are sorry to hear that your application for your J-1 Visa was denied. You have several options moving forward:</p> 
                    <ol>
                        <li><p>You may make another J-1 Visa appointment and interview for your J-1 Visa again. Odyssey recommends most applicants attempt to interview for their J-1 Visa at least two times.</p></li>
                        <li><p>There are always ways to improve your interview and you will often speak with a different consular officer who may be more inclined to grant your visa.</p></li>
                        <li><p>If you have been denied your J-1 Visa for second time, or you do not wish to interview again, you may cancel your J-1 program with Odyssey.</p></li>
                    </ol>  
                    <div class="form-group text-center m-t-20">
                        <button type="button" name="visa_status" id="reschedule_appointment" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif mb_width" value="reschedule_appointment" onclick="frmsubmit(this.value)">Schedule Another J1 Visa Appointment</button>
                        <button type="button" name="visa_status" id="quit_program" class="btn btn-danger mb_width" value="quit_program" onclick="frmsubmit(this.value)">Quit Program</button>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12 m-t-20">
                        <p class="m-b-0">In case of you change your mind or you may denied visa by mistake then below is the option to get back to visa approve.</p>
                        <div class="form-group text-center">
                            <button type="button" name="visa_status" id="visa_denied_undo" class="btn btn-success mb_width" value="visa_denied_undo" onclick="frmsubmit(this.value)">Undo Visa Denied</button>
                        </div>
                        @if(!empty($post_embassy_url))
                            <p><a href="{{$post_embassy_url}}" target="_blank" style="cursor: pointer;background-color: #538ac2;color: white;padding: 2px 5px;text-align: center;text-decoration: none;display: inline-block;">Click Here</a> if you would like to add or update Post Embassy Interview Questionnaire.</p>
                        @endif
                    </div> 
                </div> 
            @elseif($allow_visa_process == 3)
                @if($consecutive_visa_denied_flag == 1)
                    <div id="visa_status_form">
                        <form name="frm_visa_status" id="frm_visa_status">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <p>We are sorry to hear that your application for your {{ __('application_term.exchange_visitor') }} Visa was denied. And that you decied to cancel to your J1 program, Please click on button below to confirm your decision </p>
                                <div class="form-group text-center mtop15">
                                    <button type="button" name="visa_status" id="quit_program" class="btn btn-danger mb_width" value="quit_program" onclick="frmsubmit(this.value)">Quit Program</button>
                                </div>
                            </div>
                        </form>
                    </div>
                @else
                    <div class="alert alert-gray">
                        <p class="m-b-0">Please contact <a href="mailto: @if(config('common.portal') == 'ODC') {{config('odc_common.contact_email')}} @elseif(config('common.portal') == 'ITN') {{config('itn_common.contact_email')}} @else {{config('common.contact_email')}} @endif">@if(config('common.portal') == 'ODC') {{config('odc_common.contact_email')}} @elseif(config('common.portal') == 'ITN') {{config('itn_common.contact_email')}} @else {{config('common.contact_email')}} @endif</a> to discuss your options moving forward.It maybe help you for approved next time</p>
                    </div>
                @endif
            @elseif($allow_visa_process == 4)
                <div class="alert alert-gray m-t-10">
                    <p class="m-b-0">Please contact <a href="mailto: @if(config('common.portal') == 'ODC') {{config('odc_common.contact_email')}} @elseif(config('common.portal') == 'ITN') {{config('itn_common.contact_email')}} @else {{config('common.contact_email')}} @endif">@if(config('common.portal') == 'ODC') {{config('odc_common.contact_email')}} @elseif(config('common.portal') == 'ITN') {{config('itn_common.contact_email')}} @else {{config('common.contact_email')}} @endif</a> to discuss your options moving forward.It maybe help you for approved next time</p>
                </div>
            @else
                @if($user->j1_status_id == 3010)
                    <div class="col-sm-12">
                        <p>You recently updated the outcome of your J-1 Visa Interview at the U.S. Embassy as either having received a notice that your application is "Under Administrative Processing" or that you received "Form 221(g)".</p>
                        <p>If you have received a notification from the U.S. Embassy or Consulate regarding your application status, whether approved or denied, please click on the button below to update your status.</p> 
                        <form name="frm_visa_status" id="frm_visa_status">  
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <div class="form-group text-center mtop15">
                                    <button type="button" name="visa_status" id="visa_approved" class="btn btn-success" value="visa_approved" onclick="frmsubmit(this.value)">J-1 Visa Approved</button>
                                    <button type="button" name="visa_status" id="visa_denied" class="btn btn-danger" value="visa_denied" onclick="frmsubmit(this.value)">J-1 Visa Denied</button> 
                                    <br/> 
                                    <button type="button" name="visa_status" id="reschedule_appointment" class="btn btn-info" value="reschedule_appointment" onclick="frmsubmit(this.value)">Schedule Another J-1 Visa Appointment</button>
                                    <button type="button" name="visa_status" id="visa_denied" class="btn btn-info" value="cancel_embassy_interview" onclick="frmsubmit(this.value)">Embassy Interview Cancelled</button>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </form>
                    </div>
                @elseif($user->j1_status_id == 3011)
                    <div class="col-sm-12">
                        <p>You recently updated the outcome of your J-1 Visa Interview at the U.S. Embassy as either having received a notice that your application is "Under Administrative Processing" or that you received "Form 221(g)".</p>
                        <p>If you have received a notification from the U.S. Embassy or Consulate regarding your application status, whether approved or denied, please click on the button below to update your status.</p> 
                        <form name="frm_visa_status" id="frm_visa_status">  
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <div class="form-group text-center mtop15">
                                    <button type="button" name="visa_status" id="visa_approved" class="btn btn-success" value="visa_approved" onclick="frmsubmit(this.value)">J-1 Visa Approved</button>
                                    <button type="button" name="visa_status" id="visa_denied" class="btn btn-danger" value="visa_denied" onclick="frmsubmit(this.value)">J-1 Visa Denied</button> 
                                    <br/>
                                    <button type="button" name="visa_status" id="reschedule_appointment" class="btn btn-info" value="reschedule_appointment" onclick="frmsubmit(this.value)">Schedule Another J-1 Visa Appointment</button>
                                    <button type="button" name="visa_status" id="visa_denied" class="btn btn-info" value="cancel_embassy_interview" onclick="frmsubmit(this.value)">Embassy Interview Cancelled</button>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </form>
                        <p class="mt-4">Please make sure to:</p>
                        <ul>
                            <li>Contact your in-country agency regarding your status</li>
                            <li>Inform <a href="mailto:info@campodcinternational.com">info@campodcinternational.com</a> regarding your current status</li>
                            <li>Please click <a href="mailto:info@campodcinternational.com">HERE</a> to update Odyssey <strong><u>if you receive any news from the embassy that your status has changed from "Under Administrative Processing" to either approved or denied.</u></strong></li>
                        </ul>
                    </div> 
                @elseif($user->j1_status_id == 3019)
                    <div class="col-sm-12">
                        <p>The date of your appointment at the US Embassy to interview for your J-1 Visa has recently passed. After the interview, you should have been informed by the consular officer whether your J-1 Visa has been approved or denied.</p> 
                        <p>Please take a moment to update your J-1 Visa status. This will allow Odyssey and your Host Organization to track your progress and plan for your arrival in the United States.</p> 
                        <p>Please click on the button below to update your status: <br/></p>
                        <form name="frm_visa_status" id="frm_visa_status">  
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <div class="form-group text-center mtop15">
                                    <button type="button" name="visa_status" id="visa_approved" class="btn btn-success" value="visa_approved" onclick="frmsubmit(this.value)">J-1 Visa Approved</button>
                                    <button type="button" name="visa_status" id="visa_denied" class="btn btn-danger" value="visa_denied" onclick="frmsubmit(this.value)">J-1 Visa Denied</button> 
                                    <button type="button" name="visa_status" id="green_form" class="btn btn-info" value="green_form" onclick="frmsubmit(this.value)">221(g) Letter received (Green Form)</button>  
                                    <br/> 
                                    <button type="button" name="visa_status" id="admin_process" class="btn btn-info" value="admin_process" onclick="frmsubmit(this.value)">Under Administrative Processing</button>
                                    <button type="button" name="visa_status" id="reschedule_appointment" class="btn btn-info" value="reschedule_appointment" onclick="frmsubmit(this.value)">Schedule Another J-1 Visa Appointment</button>
                                    <button type="button" name="visa_status" id="visa_denied" class="btn btn-info" value="cancel_embassy_interview" onclick="frmsubmit(this.value)">Embassy Interview Cancelled</button>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </form><br/> 
                        <p>Even if you have not received your actual passport with the J-1 Visa, as long as the consular officer confirmed that your J-1 Visa has been approved then you can update your Embassy outcome as “Visa Approved”. It often takes several days for the Embassy to return the passport with the J-1 Visa.</p> 
                    </div> 
                @else
                    <div class="col-sm-12">
                        <p>Your Embassy interview will take place on <strong>{{ dateformat($embassy_date_converted,DISPLAY_DATETIME) }}</strong> at your local timezone <strong>{{ get_timezone_label($embassy_timezone_converted) }}</strong></p> 
                        <div id="visa_status_form">
                            <form name="frm_visa_status" id="frm_visa_status"> 
                                <p>Let us know the outcome after your J-1 Visa Appointment at the U.S. Embassy or Consulate:</p>
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="form-group text-center mtop15">
                                        <button type="button" name="visa_status" id="visa_approved" class="btn btn-success" value="visa_approved" onclick="frmsubmit(this.value)">J-1 Visa Approved</button>
                                        <button type="button" name="visa_status" id="visa_denied" class="btn btn-danger" value="visa_denied" onclick="frmsubmit(this.value)">J-1 Visa Denied</button>
                                        @if(!in_array($user->j1_status_id,[3010,3011]))
                                            <button type="button" name="visa_status" id="green_form" class="btn btn-info" value="green_form" onclick="frmsubmit(this.value)">221(g) Letter received (Green Form)</button> 
                                        @endif
                                        <br/>
                                        <button type="button" name="visa_status" id="admin_process" class="btn btn-info" value="admin_process" onclick="frmsubmit(this.value)">Under Administrative Processing</button>
                                        <button type="button" name="visa_status" id="reschedule_appointment" class="btn btn-info" value="reschedule_appointment" onclick="frmsubmit(this.value)">Schedule Another J-1 Visa Appointment</button>
                                        <button type="button" name="visa_status" id="visa_denied" class="btn btn-info" value="cancel_embassy_interview" onclick="frmsubmit(this.value)">Embassy Interview Cancelled</button>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                @endif  
            @endif
            <div class="col-sm-12">
                <div class="d-flex justify-content-end align-items-center gap-2 mt-3"> 
                    <button type="button"
                        class="btn btn-success"
                        onclick="return viewPopup('U.S. Visa Outcome','{@$active_step_key}');">
                        Support <i class="mdi mdi-help-circle-outline step-help"></i>
                    </button>  
                </div>
            </div>
        @endif   
    </div>
</div>
<script>
    function frmsubmit(submit_btn)
    {
        if(submit_btn == "visa_denied"){
            var msg = "Are you sure you want to update your status as 'visa denied'?";
            confirmAlert('',msg,"warning","Confirm","Confirm",function(r,i){
                if(i){
                    submit_visa_form(submit_btn);
                }
            });
        }
        else if(submit_btn == "visa_approved"){
            var msg = "Are you sure you want to update your status as 'Visa Approved'?";
            confirmAlert('',msg,"warning","Confirm","Confirm",function(r,i){
                if(i){
                    submit_visa_form(submit_btn);
                }
            });
        }
        else if(submit_btn == "green_form"){
            var msg = "Are you sure you want to update your status as '221(g) Letter received (Green Form)'?";
            confirmAlert('',msg,"warning","Confirm","Confirm",function(r,i){
                if(i){
                    submit_visa_form(submit_btn);
                }
            });
        }
        else if(submit_btn == "admin_process"){
            var msg = "Are you sure you want to update your status as 'Under Administrative Processing'?";
            confirmAlert('',msg,"warning","Confirm","Confirm",function(r,i){
                if(i){
                    submit_visa_form(submit_btn);
                }
            });
        }
        else if(submit_btn == "reschedule_appointment"){
            var msg = "Are you sure you want to 'Schedule Another J1 Visa Appointment'?";
            confirmAlert('',msg,"warning","Confirm","Confirm",function(r,i){
                if(i){
                    submit_visa_form(submit_btn);
                }
            });
        }
        else if(submit_btn == "visa_denied_undo"){
            var msg = "Are you sure you want to Undo Visa Denied?";
            confirmAlert('',msg,"warning","Confirm","Confirm",function(r,i){
                if(i){
                    submit_visa_form(submit_btn);
                }
            });
        } 
        else if(submit_btn == "cancel_embassy_interview"){
            var msg = "Are you sure you want to update your status as <b>Embassy Interview Cancelled</b>?";
            confirmAlert('',msg,"warning","Confirm","Confirm",function(r,i){
                if(i){
                    submit_visa_form(submit_btn);
                }
            });
        }
        else if(submit_btn == "quit_program"){
            var msg = "Are you sure you want to quit program?";
            confirmAlert('',msg,"warning","Confirm","Confirm",function(r,i){
                if(i){
                    submit_visa_form(submit_btn);
                }
            });
        }
        else{
            submit_visa_form(submit_btn);
        }
    }
    $(document).ready(function(){
        var notify_id = "{{ $notify_id }}";
        var form_selector = "#frm_visa_status";
        
        @if($user->is_timeline_locked == 1)
            $(form_selector)
                .find('input, select, textarea, button[type=submit]')
                .attr("disabled",true);
        @endif
    });
    
    function submit_visa_form(submit_btn){
        show_inner_loader(".timeline_stp_desc1","#all_tab_data");
        var notify_id = "{{ $notify_id }}";
        var url = "{{route('visa.outcome')}}";
        var user_id = $('meta[name="user_token"]').attr('content');
        var ui_mode = "{{@$ui_mode}}"; 
        
        var form_data = new FormData();
        form_data.append('visa_status',submit_btn);
        form_data.append('ui_mode','{{@$ui_mode}}');
        $.ajax({
            url: url,
            type: 'post',
            data: form_data,
            dataType: 'json',
            processData: false,
            contentType: false,
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            success: function(response){
                $("#frm_visa_status").hide();
                hide_inner_loader(".timeline_stp_desc","#all_tab_data");
                notifyResponse("#"+notify_id,response.message,response.type);
                if((response.visa_status == "reschedule_appointment" && response.denied_order == 1) || response.visa_status == "cancel_embassy_interview" )
                {
                    setTimeout(function(){
                        if(ui_mode == 'newui'){
                            loadStepContent('4_us_embassy_interview','',document.getElementById('stp_4_us_embassy_interview')); 
                        }
                        else{ 
                            loadStepContent('3_us_embassy_interview','',document.getElementById('stp_3_us_embassy_interview')); 
                        }
                    },1000);
                }
                else
                {
                    setTimeout(function(){
                        if(ui_mode == 'newui'){
                            loadStepContent('4_us_visa_outcome','',document.getElementById('stp_4_us_visa_outcome'));
                        }
                        else{ 
                            loadStepContent('3_us_visa_outcome','',document.getElementById('stp_3_us_visa_outcome')); 
                        }  
                    },3000);
                }
            },
        });
    }
</script>