@php
    $arrival_timezone_list = @$step_verified_data['arrival_timezone_list'];
    $arrival_method = config('common.arrival_method');
    $step_status = @$step_verified_data['step_status'];
    $diplay_flight2_form = @$step_verified_data['diplay_flight2_form'];
    $first_flight_info = @$step_verified_data['flight_1_data'];
    $second_flight_info = @$step_verified_data['flight_2_data'];
    $is_multi_placement = @$step_verified_data['is_multi_placement'];
    $step_success = @$step_verified_data['is_step_success'];
    $class = $step_success == 1 ? "" : "hide";
    $is_itn_user = (!empty($portfolio->sponsor_agency_id) && $portfolio->sponsorAgency->checkAgencySync()) ? 1 : 0;
    $coe_prog_id_array = config('common.coe_prog_id_array');

@endphp
<div class="row"> 
    <div class="col-sm-12">
        <h3>When is your flight?</h3> 
        @if(empty($step_status)) 
            <p>This step is disable until user will reach to step.</p>  
        @else
            <p>Once everything is in place and you have your visa stamp on your passport. <strong>Please provide your flight information.</strong></p>
            <div id="{{ $notify_id }}"></div>
            @if($is_multi_placement == true)
                <div class="col-sm-12">
                        <div class="multi_tab_view m-b-20">
                            <ul class="nav nav-pills" id="{{ $active_step_key }}">
                                @php
                                    $flight_1_class = !empty($first_flight_info) ? "tab-success" : "tab-progress active";
                                    $flight_2_class = !empty($second_flight_info) ? "tab-success active" : "tab-progress active";
                                @endphp
                                <li class="{{$flight_1_class}}">
                                    <a href="#pd_flight_1" data-toggle="tab" aria-expanded="false">Flight Information 1</a> 
                                </li>
                                <li class="{{$flight_2_class}}">
                                    <a href="#pd_flight_2" data-toggle="tab" aria-expanded="false">Flight Information 2</a> 
                                </li>
                            </ul>
                            <div class="tab-content br-n pn">
                                <div id="pd_flight_1" class="tab-pane fade in">
                                        <div id="flight_info_form_1" class="row {{$class}}">
                                            @if($is_itn_user == 1)
                                                <div class="text-center response alert alert-info">Flight Information will be update by ITN admin or user.</div> 
                                            @else
                                                <form name="frm_flight_info_1" id="frm_flight_info_1" method="post" class="m-b-10 custom_form">
                                                    <input type="hidden" name="flight_order" id="flight_order" value="1">
                                                    <div class="col-sm-12">
                                                        <div class="row">
                                                            <div class="col-sm-12 col-md-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">Arrival Airport <small class="text-danger">*</small></label>
                                                                    <select class="form-control" name="arrival_airport" required="">
                                                                        <option value="">-- Select Airport --</option>
                                                                        @if(!empty($airports))
                                                                        @foreach($airports as $airport)
                                                                        <option value="{{ $airport->ap_abbr }}" {{ is_selected(@$first_flight_info->arrival_airport,$airport->ap_abbr) }}>{{ $airport->airport_label }}</option>
                                                                        @endforeach
                                                                        @endif
                                                                    </select>
                                                                    <div class="help-block with-errors"></div>
                                                                    <div class="form-control-feedback"></div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12 col-md-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">Airline</label>
                                                                    <input type="text" name="airline" value="{{@$first_flight_info->airline}}" class="form-control" />
                                                                    <div class="help-block with-errors"></div>
                                                                    <div class="form-control-feedback"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12">
                                                        <div class="form-group">
                                                            <label class="control-label">Flight Number</label>
                                                            <input type="text" name="flight" value="{{@$first_flight_info->flight}}" class="form-control" />
                                                            <div class="help-block with-errors"></div>
                                                            <div class="form-control-feedback"></div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12">
                                                        <div class="row">
                                                            <div class="col-sm-12 col-md-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">Departure Timezone</label>
                                                                    <select name="departure_timezone" id="departure_timezone" class="form-control">
                                                                        <option value="">-- Select Timezone --</option>
                                                                        @if(!empty($timezones))
                                                                        @foreach($timezones as $zone)
                                                                        <option value="{{ $zone->zone_id }}" {{ is_selected(@$first_flight_info->departure_timezone,$zone->zone_id) }}>{{ $zone->zone_label }}</option>
                                                                        @endforeach
                                                                        @endif
                                                                    </select>
                                                                    <div class="help-block with-errors"></div>
                                                                    <div class="form-control-feedback"></div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12 col-md-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">Departure Date (User date)</label>
                                                                    <input  type="text" name="departure_date" class="form-control datetimepicker mobile_readonly" value="{{!empty($first_flight_info->departure_date) ? dateformat($first_flight_info->departure_date,'m/d/Y H:i A') : ''}}" autocomplete="off"/>
                                                                    <div class="help-block with-errors"></div>
                                                                    <div class="form-control-feedback"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12">
                                                        <div class="row">
                                                            <div class="col-sm-12 col-md-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">Arrival Timezone <small class="text-danger">*</small></label>
                                                                    <select name="arrival_timezone" id="arrival_timezone" class="form-control" required>
                                                                        <option value="">-- Select Timezone --</option>
                                                                        @if(!empty($arrival_timezone_list))
                                                                        @foreach($arrival_timezone_list as $zone)
                                                                        <option value="{{ $zone->zone_id }}" {{ is_selected(@$first_flight_info->arrival_timezone,$zone->zone_id) }}>{{ $zone->zone_label }}</option>
                                                                        @endforeach
                                                                        @endif
                                                                    </select>
                                                                    <div class="help-block with-errors"></div>
                                                                    <div class="form-control-feedback"></div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12 col-md-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">Arrival Date (US date) <small class="text-danger">*</small></label>
                                                                    <input type="text" name="arrival_date" class="form-control datetimepicker mobile_readonly" value="{{!empty(@$first_flight_info->arrival_date) ? dateformat($first_flight_info->arrival_date,'m/d/Y H:i A') : ''}}" required autocomplete="off" />
                                                                    <div class="help-block with-errors"></div>
                                                                    <div class="form-control-feedback"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12">
                                                        <div class="form-group">
                                                            <label class="control-label">Additional Info</label>
                                                            <textarea class="form-control" name="additional_info">{{@$first_flight_info->additional_info}}</textarea>
                                                            <div class="help-block with-errors"></div>
                                                            <div class="form-control-feedback"></div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12">
                                                        <div class="form-actions">
                                                            <button type="submit" name="save" class="btn btn-info" value="Save">Submit</button>
                                                            <button type="reset" class="btn btn-danger" onclick="flightInfofrm('flightdata','1')">Cancel</button>
                                                        </div>
                                                    </div>
                                                </form>
                                            @endif
                                        </div>
                                    <div id="flight_info_1" class="">
                                            <table class="table color-table info-table">
                                                <thead>
                                                    <tr>
                                                        <th><strong>Arrival Airport</strong></th>
                                                        <td>{{ $first_flight_info->airport_data->airport_label }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th><strong>Airline</strong></th>
                                                        <td>{{ $first_flight_info->airline }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th><strong>Flight Number</strong></th>
                                                        <td>{{ $first_flight_info->flight }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2"></td>
                                                    </tr>
                                                    <tr>
                                                        <th><strong>Departure Time zone</strong></th>
                                                        <td>{{ !empty($first_flight_info->departure_timezone) ? $first_flight_info->dep_timezone_data->zone_label : '-' }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th><strong>Departure Date (cand time)</strong></th>
                                                         <td>{{ !empty(strtotime($first_flight_info->departure_date)) ? dateformat($first_flight_info->departure_date,DISPLAY_DATETIME) : '-' }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2"></td>
                                                    </tr>
                                                    <tr>
                                                        <th><strong>Arrival Time zone</strong></th>
                                                        <td>{{ $first_flight_info->arr_timezone_data->zone_label }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th><strong>Arrival Date (US time)</strong></th>
                                                        <td>{{ dateformat($first_flight_info->arrival_date,DISPLAY_DATETIME) }}</td>
                                                    </tr>
                                                </thead>
                                            </table>
                                            @if($is_itn_user == 0)
                                                <button type="button" class="btn btn-info" onclick="flightInfofrm('showfrm','1')">Change Flight Information</button>
                                            @endif
                                        </div>
                                </div>
                                <div id="pd_flight_2" class="tab-pane fade in active">
                                    @if($diplay_flight2_form == 1)
                                        <div id="flight_info_form_2" class="row {{$class}}">
                                            @if($is_itn_user == 1)
                                                <div class="text-center response alert alert-info">Flight Information will be update by ITN admin or user.</div> 
                                            @else
                                                <form name="frm_flight_info_2" id="frm_flight_info_2" method="post" class="m-b-10 custom_form">
                                                    <input type="hidden" name="flight_order" id="flight_order" value="2">
                                                    <div class="col-sm-12">
                                                        <div class="form-group">
                                                            <label class="control-label">Departure Date (cand date)</label>
                                                            <input  type="text" name="departure_date" class="form-control datetimepicker mobile_readonly" value="{{!empty($second_flight_info->departure_date) ? dateformat($second_flight_info->departure_date,'m/d/Y H:i A') : ''}}" autocomplete="off"/>
                                                            <div class="help-block with-errors"></div>
                                                            <div class="form-control-feedback"></div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12">
                                                        <div class="row">
                                                            <div class="col-sm-12 col-md-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">Arrival Timezone <small class="text-danger">*</small></label>
                                                                    <select name="arrival_timezone" id="arrival_timezone" class="form-control" required>
                                                                        <option value="">-- Select Timezone --</option>
                                                                        @if(!empty($arrival_timezone_list))
                                                                            @foreach($arrival_timezone_list as $zone)
                                                                                <option value="{{ $zone->zone_id }}" {{ is_selected(@$second_flight_info->arrival_timezone,$zone->zone_id) }}>{{ $zone->zone_label }}</option>
                                                                            @endforeach
                                                                        @endif
                                                                    </select>
                                                                    <div class="help-block with-errors"></div>
                                                                    <div class="form-control-feedback"></div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12 col-md-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">Arrival Date (US date) <small class="text-danger">*</small></label>
                                                                    <input type="text" name="arrival_date" class="form-control datetimepicker mobile_readonly" value="{{!empty($second_flight_info->arrival_date) ? dateformat($second_flight_info->arrival_date,'m/d/Y H:i A') : ''}}" required autocomplete="off" />
                                                                    <div class="help-block with-errors"></div>
                                                                    <div class="form-control-feedback"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12">
                                                        <div class="row">
                                                            <div class="col-sm-12 col-md-4">
                                                                <div class="form-group">
                                                                    <label class="control-label">Arrival Method <small class="text-danger">*</small></label>
                                                                    <select name="arrival_method" id="arrival_method" class="form-control" required>
                                                                        <option value="">-- Select Arrival Method --</option>
                                                                        @if(!empty($arrival_method))
                                                                            @foreach($arrival_method as $key => $value)
                                                                                <option value="{{ $key }}" {{ is_selected(@$second_flight_info->arrival_method,$key) }}>{{ $value }}</option>
                                                                            @endforeach
                                                                        @endif
                                                                    </select>
                                                                    <div class="help-block with-errors"></div>
                                                                    <div class="form-control-feedback"></div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12 col-md-4">
                                                                <div class="form-group">
                                                                    <label class="control-label">Arrival State <small class="text-danger">*</small></label>
                                                                    <select name="arrival_state" id="arrival_state" class="form-control">
                                                                        <option value="">-- Select Arrival State --</option>
                                                                        @if(!empty($states))
                                                                            @foreach($states as $state)
                                                                                <option value="{{ $state->state_id }}" {{ is_selected(@$second_flight_info->arrival_state,$state->state_id) }}>{{ $state->state_name }}</option>
                                                                            @endforeach
                                                                        @endif
                                                                    </select>
                                                                    <div class="help-block with-errors"></div>
                                                                    <div class="form-control-feedback"></div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12 col-md-4">
                                                                <div class="form-group">
                                                                    <label class="control-label">Arrival City <small class="text-danger">*</small></label>
                                                                    <input type="text" name="arrival_city" class="form-control" value="{{@$second_flight_info->arrival_city}}" required/>
                                                                    <div class="help-block with-errors"></div>
                                                                    <div class="form-control-feedback"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12">
                                                        <div class="form-group">
                                                            <label class="control-label">Additional Info </label>
                                                            <textarea class="form-control" name="additional_info">{{@$second_flight_info->additional_info}}</textarea>
                                                            <div class="help-block with-errors"></div>
                                                            <div class="form-control-feedback"></div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12">
                                                        <div class="form-actions">
                                                            <button type="submit" name="save" class="btn btn-info" value="Save">Submit</button>
                                                            <button type="reset" class="btn btn-danger" onclick="flightInfofrm('flightdata','2')">Cancel</button>
                                                        </div>
                                                    </div>
                                                </form>
                                            @endif
                                        </div>
                                    @endif
                                        @php
                                            $arrival_method_name =  (!empty($second_flight_info->arrival_method)) ? $arrival_method[$second_flight_info->arrival_method] : "";
                                        @endphp
                                        <div id="flight_info_2">
                                            <table class="table color-table info-table">
                                                <thead>
                                                    <tr>
                                                        <th><strong>Departure Date (cand time)</strong></th>
                                                        <td>{{ dateformat($second_flight_info->departure_date,DISPLAY_DATETIME) }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2"></td>
                                                    </tr>
                                                    <tr>
                                                        <th><strong>Arrival Time zone</strong></th>
                                                        <td>{{ @$second_flight_info->arr_timezone_data->zone_label }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th><strong>Arrival Date (US time)</strong></th>
                                                        <td>{{ dateformat($second_flight_info->arrival_date,DISPLAY_DATETIME) }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2"></td>
                                                    </tr>
                                                    <tr>
                                                        <th><strong>Arrival Method </strong></th>
                                                        <td>{{ $arrival_method_name }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th><strong>Arrival State </strong></th>
                                                        <td>{{ @$second_flight_info->state_name }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th><strong>Arrival City </strong></th>
                                                        <td>{{ @$second_flight_info->arrival_city }}</td>
                                                    </tr>
                                                </thead>
                                            </table>
                                            @if($is_itn_user == 0)
                                                <button type="button" class="btn btn-info" onclick="flightInfofrm('showfrm','2')">Change Flight Information</button>
                                            @endif
                                        </div>
                                </div>
                            </div>
                       </div>
                   </div>
            @elseif(in_array($portfolio->program_id, $coe_prog_id_array))
                <div class="row">
                    @if(empty($second_flight_info))
                        <div class="text-center response alert alert-info">Flight Information will be update by ITN admin or user.</div> 
                    @else
                        @php
                            $arrival_method_name =  (!empty($second_flight_info->arrival_method)) ? $arrival_method[$second_flight_info->arrival_method] : "";
                        @endphp
                        <table class="table color-table info-table">
                            <thead>
                                <tr>
                                    <th><strong>Departure Date (cand time)</strong></th>
                                    <td>{{ dateformat($second_flight_info->departure_date,DISPLAY_DATETIME) }}</td>
                                </tr>
                                <tr>
                                    <td colspan="2"></td>
                                </tr>
                                <tr>
                                    <th><strong>Arrival Time zone</strong></th>
                                    <td>{{ $second_flight_info->arr_timezone_data->zone_label }}</td>
                                </tr>
                                <tr>
                                    <th><strong>Arrival Date (US time)</strong></th>
                                    <td>{{ dateformat($second_flight_info->arrival_date,DISPLAY_DATETIME) }}</td>
                                </tr>
                                <tr>
                                    <td colspan="2"></td>
                                </tr>
                                <tr>
                                    <th><strong>Arrival Method </strong></th>
                                    <td>{{ $arrival_method_name }}</td>
                                </tr>
                                <tr>
                                    <th><strong>Arrival State </strong></th>
                                    <td>{{ @$second_flight_info->state_name }}</td>
                                </tr>
                                <tr>
                                    <th><strong>Arrival City </strong></th>
                                    <td>{{ @$second_flight_info->arrival_city }}</td>
                                </tr>
                            </thead>
                        </table>
                    @endif
                </div>               
            @else
                @if(empty($first_flight_info))
                    <div id="flight_info_form_3" class="row">
                    @if($is_itn_user == 1)
                        <div class="text-center response alert alert-info">Flight Information will be update by ITN admin or user.</div> 
                    @else
                        <form name="frm_flight_info_3" id="frm_flight_info_3" method="post" class="m-b-10 custom_form">
                            <input type="hidden" name="flight_order" id="flight_order" value="1">
                            <div class="col-sm-12">
                                <div class="row">
                                    <div class="col-sm-12 col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Arrival Airport <small class="text-danger">*</small></label>
                                            <select class="form-control" name="arrival_airport" required="">
                                                <option value="">-- Select Airport --</option>
                                                @if(!empty($airports))
                                                    @foreach($airports as $airport)
                                                        <option value="{{ $airport->ap_abbr }}" {{ is_selected(@$first_flight_info->arrival_airport,$airport->ap_abbr) }}>{{ $airport->airport_label }}</option>
                                                    @endforeach
                                                @endif
                                            </select>
                                            <div class="help-block with-errors"></div>
                                            <div class="form-control-feedback"></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Airline</label>
                                            <input type="text" name="airline" value="{{@$first_flight_info->airline}}" class="form-control" />
                                            <div class="help-block with-errors"></div>
                                            <div class="form-control-feedback"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label class="control-label">Flight Number</label>
                                    <input type="text" name="flight" value="{{@$first_flight_info->flight}}" class="form-control" />
                                    <div class="help-block with-errors"></div>
                                    <div class="form-control-feedback"></div>
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="row">
                                    <div class="col-sm-12 col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Departure Timezone</label>
                                            <select name="departure_timezone" id="departure_timezone" class="form-control">
                                                <option value="">-- Select Timezone --</option>
                                                @if(!empty($timezones))
                                                @foreach($timezones as $zone)
                                                <option value="{{ $zone->zone_id }}" {{ is_selected(@$first_flight_info->departure_timezone,$zone->zone_id) }}>{{ $zone->zone_label }}</option>
                                                @endforeach
                                                @endif
                                            </select>
                                            <div class="help-block with-errors"></div>
                                            <div class="form-control-feedback"></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Departure Date (User date)</label>
                                            <input  type="text" name="departure_date" class="form-control datetimepicker mobile_readonly" value="{{!empty($first_flight_info->departure_date) ? dateformat($first_flight_info->departure_date,'m/d/Y H:i A') : ''}}" autocomplete="off"/>
                                            <div class="help-block with-errors"></div>
                                            <div class="form-control-feedback"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="row">
                                    <div class="col-sm-12 col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Arrival Timezone <small class="text-danger">*</small></label>
                                            <select name="arrival_timezone" id="arrival_timezone" class="form-control" required>
                                                <option value="">-- Select Timezone --</option>
                                                @if(!empty($arrival_timezone_list))
                                                @foreach($arrival_timezone_list as $zone)
                                                <option value="{{ $zone->zone_id }}" {{ is_selected(@$first_flight_info->arrival_timezone,$zone->zone_id) }}>{{ $zone->zone_label }}</option>
                                                @endforeach
                                                @endif
                                            </select>
                                            <div class="help-block with-errors"></div>
                                            <div class="form-control-feedback"></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Arrival Date (US date) <small class="text-danger">*</small></label>
                                            <input type="text" name="arrival_date" class="form-control datetimepicker mobile_readonly" value="{{!empty(@$first_flight_info->arrival_date) ? dateformat($first_flight_info->arrival_date,'m/d/Y H:i A') : ''}}" required autocomplete="off" />
                                            <div class="help-block with-errors"></div>
                                            <div class="form-control-feedback"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label class="control-label">Additional Info</label>
                                    <textarea class="form-control" name="additional_info">{{@$first_flight_info->additional_info}}</textarea>
                                    <div class="help-block with-errors"></div>
                                    <div class="form-control-feedback"></div>
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="form-actions">
                                    <button type="submit" name="save" class="btn btn-info" value="Save">Submit</button>
                                    <button type="reset" class="btn btn-danger" onclick="flightInfofrm('flightdata','3')">Cancel</button>
                                </div>
                            </div>
                        </form>
                    @endif
                </div>
                @else
                    <div id="flight_info_1">
                        <table class="table color-table info-table">
                            <thead>
                                <tr>
                                    <th><strong>Arrival Airport</strong></th>
                                    <td>{{ $first_flight_info->airport_data->airport_label }}</td>
                                </tr>
                                <tr>
                                    <th><strong>Airline</strong></th>
                                    <td>{{ $first_flight_info->airline }}</td>
                                </tr>
                                <tr>
                                    <th><strong>Flight Number</strong></th>
                                    <td>{{ $first_flight_info->flight }}</td>
                                </tr>
                                <tr>
                                    <td colspan="2"></td>
                                </tr>
                                <tr>
                                    <th><strong>Departure Time zone</strong></th>
                                    <td>{{ $first_flight_info->dep_timezone_data->zone_label }}</td>
                                </tr>
                                <tr>
                                    <th><strong>Departure Date (cand time)</strong></th>
                                    <td>{{ dateformat($first_flight_info->departure_date,DISPLAY_DATETIME) }}</td>
                                </tr>
                                <tr>
                                    <td colspan="2"></td>
                                </tr>
                                <tr>
                                    <th><strong>Arrival Time zone</strong></th>
                                    <td>{{ $first_flight_info->arr_timezone_data->zone_label }}</td>
                                </tr>
                                <tr>
                                    <th><strong>Arrival Date (US time)</strong></th>
                                    <td>{{ dateformat($first_flight_info->arrival_date,DISPLAY_DATETIME) }}</td>
                                </tr>
                            </thead>
                        </table>
                        @if($is_itn_user == 0)
                            <button type="button" class="btn btn-info" onclick="flightInfofrm('showfrm','1')">Change Flight Information</button>
                        @endif
                    </div>
                @endif
            @endif
        @endif
    </div>
</div>

<script>
    function flightInfofrm(type,form_number)
    {
        showLoader("#full-overlay");
        if(type == 'showfrm')
        {
            $("#flight_info_form_"+form_number).removeClass( "hide" );
            $("#flight_info_"+form_number).addClass( "hide" );
            hideLoader("#full-overlay");
        }
        else{
            $(".with-errors").empty();
            $("#flight_info_form_"+form_number).find('.has-error').removeClass("has-error");
            $("#flight_info_form_"+form_number).find('.has-success').removeClass("has-success");

            if("{{$step_success}}" == 2)
            {
                $("#flight_info_form_"+form_number).addClass( "hide" );
                $("#flight_info_"+form_number).removeClass( "hide" );
            }
            hideLoader("#full-overlay");
        }
    }
    
    var notify_id = "{{ $notify_id }}";
    $(document).ready(function(){
        
        $( ".datetimepicker" ).keydown(function( event ) {
            return false;
        });
        
        var form_selector = "#frm_flight_info_1,#frm_flight_info_2,#frm_flight_info_3";
        @if(@$is_step_locked == 1)
            $(form_selector)
                .find('input, select, textarea, button[type=submit]')
                .attr("disabled",true);
        @else
            ajaxFormValidator(form_selector,function(ele,event){
                event.preventDefault();
                clearValidatorErr(ele);
                showLoader("#full-overlay");

                var url = " {{ route('flight.info') }} ";
                var user_id = $('meta[name="user_token"]').attr('content');
                var form_data = new FormData(ele);
                form_data.append('user_id',user_id);

                $.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){
                        var messages = response.message;
                        if(response.type == "success"){
                            swal({
                                title: "",   
                                text: "Thank you for submitting your flight information.",   
                                type: "success",
                                showCancelButton: true,
                                cancelButtonText: "Change Schedule?",
                                confirmButtonColor: "#1faae6",
                                confirmButtonText: "Let's Go to Next Step",
                            },function(btn){
                                if(btn === true){
                                    navigateStages('3','{{ $next_step_key }}');
                                }
                            });
                        }
                        else if(response.type == "validation_error"){
                            var Html = '<div class="alert swl-alert-danger"><ul>'; 
                            $.each( messages, function( key, value ) {
                                Html += '<li>' + value+ '</li>';  
                            });
                            Html += '</ul></div>';  
                            notifyResponseTimerAlert(Html,"error","Error");
                        }
                        else{
                            notifyResponse("#"+notify_id,messages,response.type);
                        }
                        hideLoader("#full-overlay");
                    },
                });
            });
        @endif
    });

</script>