@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'];
    $post_embassy_url = @$step_verified_data['post_embassy_url'];
    
@endphp 
@include('user.app-status.brandtab')
<div class="app-status-panel-content">
    <div class="row">
        <div class="col-sm-12 visa_status_form">
            <h3 class="d-inline-b">US Visa</h3>
            <button type="button" title="Contact Support" class="btn btn-success pull-right support_width" onclick="return viewPopup('US Visa','{{@$active_step_key}}');">Support<i class="mdi mdi-help-circle-outline step-help"></i></button> 
            <div id="{{ $notify_id }}"></div>
            @if($step_status == 2)
            <div>
                <p><strong>Congratulations on receiving your visa! </strong></p>   
                <p>It's time to do some packing...</p>
                
                @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
                
                <!-- <p>Check our forum for latest. You will get other candidates feedback on the interview and some cool tips to help you during the interview.</p>
                <ul class="list-style-none m-b-20">
                    <li><a href="#">8 Expert TSA Tips To Get Through Airport Security Faster</a></li>
                    <li><a href="#">10 Ways to Survive a Long-Haul Flight</a></li>
                    <li><a href="#">15 Smart Travel Packing Tip</a></li>
                </ul> -->
                @if(!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="navigateStages('{{ $active_stage }}','{{ $next_step_key }}')">Next Step</button>
                @endif
            </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">
                                <p>Were you granted your J1 visa at the US Embassy?</p>
                                 @if(in_array($user->j1_status_id,[3010,3011]))
                                    <h4>Update Status <strong>if you receive any news from the embassy that your status has changed from "Under Administrative Processing/ 221(g) Letter received (Green Form) " to either approved or denied</strong></h4>
                                @endif
    <!--                                <button type="submit" name="visa_status" class="btn btn-info" value="visa_approved">Yes</button>
                                <button type="submit" name="visa_status" class="btn btn-info" value="visa_denied">No</button>-->

                                <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 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 @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif 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 @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif 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-warning 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 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. You have several options like below.</p>
                            <div class="form-group text-center mtop15">
                                <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>
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <p>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 mtop15">
                                <button type="button" name="visa_status" id="visa_denied_undo" class="btn 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>
                    </form>
                </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-warning">
                            <p>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-warning m-t-10">
                        <p>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
                    <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>
                    <p>As soon as you are done with your interview at your local U.S. Consulate / Embassy, please inform us of the result. </p>
                @endif
            @endif
            <!-- <p>Have question to ask? <a href="#" class="text-info">Join the discussion</a></p> -->
        </div>
    </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_desc","#all_tab_data");
        var notify_id = "{{ $notify_id }}";
        var url = "{{route('visa.outcome')}}";
        var user_id = $('meta[name="user_token"]').attr('content');
        
        var form_data = new FormData();
        form_data.append('visa_status',submit_btn);
        $.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(){
                        loadStepContent('3_us_embassy_interview');
                    },1000);
                }
                else
                {
                    setTimeout(function(){
                        loadStepContent('3_us_visa_outcome');
                    },3000);
                }
            },
        });
    }
</script>