@php
    $arrival_timezone_list = @$step_verified_data['arrival_timezone_list'];
    $step_status = @$step_verified_data['step_status'];
    $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";
    $arrival_method = config('common.arrival_method');
    $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'];
    $coe_prog_id_array = config('common.coe_prog_id_array');
    $current_date = \Carbon\Carbon::now()->toDateTimeString();
    $is_r66_prg = @$step_verified_data['is_r66_prg'];
    
@endphp
@include('user.app-status.brandtab')
<div class="app-status-panel-content">
<div class="row">
    <div class="col-sm-12">
        <h3 class="d-inline-b">When is your flight?</h3>
        <button type="button" title="Contact Support" class="btn btn-success pull-right support_width" onclick="return viewPopup('Flight Info','{{@$active_step_key}}');">Support<i class="mdi mdi-help-circle-outline step-help"></i></button> 
        @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";
                                        $flight2_name =  ($is_r66_prg==1)?'Travel Information for Rte66(2) placement':'Flight Information 2';
                                    @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">{{@$flight2_name}}</a> 
                                    </li>
                                </ul>
                                <div class="tab-content br-n pn">
                                    <div id="pd_flight_1" class="tab-pane fade in">
                                        <div id="flight_info">
                                            @if(empty($first_flight_info))
                                                <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-md-12 col-sm-12 col-xs-12 text-right"> 
                                                        <small class="required_instruction">
                                                            All fields with star (<span style="font-size: 15px;">*</span>) are required
                                                        </small>
                                                    </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 Airport <small class="text-danger text-required">*</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 text-required">*</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 text-required">*</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 @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-xs-block" value="Save">Submit</button>
                                                            <button type="reset" class="btn btn-danger btn-xs-block" >Cancel</button>
                                                        </div>
                                                    </div>
                                                </form>
                                            @else
                                                <table class="table color-table info-table @if(config('common.portal') == 'ODC') color-table-odc @endif">
                                                    <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>
                                            @endif
                                        </div>
                                    </div>
                                    <div id="pd_flight_2" class="tab-pane fade in active">
                                        <div id="flight_info">
                                            <div id="flight_info_form_second" class="main_flight_info_form_second {{empty($second_flight_info) ? 'show' :'hide' }}">
                                                <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-md-12 col-sm-12 col-xs-12 text-right"> 
                                                        <small class="required_instruction">
                                                            All fields with star (<span style="font-size: 15px;">*</span>) are required
                                                        </small>
                                                    </div>
                                                    <div class="col-sm-12">
                                                        <div class="form-group">
                                                            <input type="checkbox" name="already_arrived" class="already_arrived" id="already_arrived" value='y' style="margin-top: 10px;" /> I already arrived to this location where i will be doing my Exchange Visitor Program 
                                                        </div>
                                                    </div>
                                                    <div class="second_flight_info_already_arrived_div">
                                                    <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') : ''}}" 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 text-required">*</small></label>
                                                                    <select name="arrival_timezone" id="arrival_timezone_2" 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 text-required">*</small></label>
                                                                    <input type="text" name="arrival_date" id="arrival_date_2" class="form-control datetimepicker mobile_readonly" value="{{!empty($second_flight_info->arrival_date) ? dateformat($second_flight_info->arrival_date,'m/d/Y H:i') : ''}}" 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 text-required">*</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 text-required">*</small></label>
                                                                    <select name="arrival_state" id="arrival_state" class="form-control" required>
                                                                        <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 text-required">*</small></label>
                                                                    <input type="text" name="arrival_city" id="arrival_city" class="form-control" value="{{!empty($second_flight_info->arrival_city) ? $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>
                                                    <div class="col-sm-12">
                                                        <div class="form-actions">
                                                            <button type="button" name="save" class="btn btn-sm @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-xs-block" onclick="validate_flight_info_2();">Submit</button>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            
                                                @php
                                                    $arrival_method_name =  (!empty($second_flight_info->arrival_method)) ? $arrival_method[$second_flight_info->arrival_method] : "";
                                                @endphp
                                            <div id="flight_info_second" class="main_flight_info_form_second_detail {{!empty($second_flight_info) ? 'show' :'hide' }}">
                                                <table class="table color-table info-table @if(config('common.portal') == 'ODC') color-table-odc @endif">
                                                    <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( !empty($second_flight_info->arrival_date) && $second_flight_info->arrival_date > $current_date)
                                                    <div class="form-actions">
                                                        <button type="button" id="edit_flight_two_info" name="edit" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-xs-block" value="edit">Edit</button>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                           </div>
                       </div>
                @else
                    @if(in_array($portfolio->program_id, $coe_prog_id_array))
                        <div class="">
                            <div id="flight_info_form_second" class="row main_flight_info_form_second {{empty($second_flight_info) ? 'show' :'hide' }}">
                                <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-md-12 col-sm-12 col-xs-12 text-right"> 
                                        <small class="required_instruction">
                                            All fields with star (<span style="font-size: 15px;">*</span>) are required
                                        </small>
                                    </div>
                                    <div class="col-sm-12">
                                                        <div class="form-group">
                                                            <input type="checkbox" name="already_arrived" class="already_arrived" id="already_arrived" value='y' style="margin-top: 10px;" /> I already arrived to this location where i will be doing my Exchange Visitor Program 
                                                        </div>
                                                    </div>
                                    <div class="second_flight_info_already_arrived_div">
                                    <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') : ''}}" 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 text-required">*</small></label>
                                                    <select name="arrival_timezone" id="arrival_timezone_2" 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 text-required">*</small></label>
                                                    <input type="text" name="arrival_date" id="arrival_date_2" class="form-control datetimepicker mobile_readonly" value="{{!empty($second_flight_info->arrival_date) ? dateformat($second_flight_info->arrival_date,'m/d/Y H:i') : ''}}" 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 text-required">*</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 text-required">*</small></label>
                                                    <select name="arrival_state" id="arrival_state" class="form-control" required>
                                                        <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 text-required">*</small></label>
                                                    <input type="text" name="arrival_city" id="arrival_city" class="form-control" value="{{!empty($second_flight_info->arrival_city) ? $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>
                                    <div class="col-sm-12">
                                        <div class="form-actions">
                                            <button type="button" name="save" class="btn btn-sm @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-xs-block" onclick="validate_flight_info_2();">Submit</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            
                                @php
                                    $arrival_method_name =  (!empty($second_flight_info->arrival_method)) ? $arrival_method[$second_flight_info->arrival_method] : "";
                                @endphp
                            <div id="flight_info_second" class="main_flight_info_form_second_detail {{!empty($second_flight_info) ? 'show' :'hide' }}">
                                <table class="table color-table info-table @if(config('common.portal') == 'ODC') color-table-odc @endif">
                                    <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($user->j1_status_id < 4002 && !empty($second_flight_info->arrival_date) && $second_flight_info->arrival_date > $current_date)
                                    <div class="form-actions">
                                        <button type="button" id="edit_flight_two_info" name="edit" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-xs-block" value="edit">Edit</button>
                                    </div>
                                @endif
                            </div>
                        </div>
                    @else
                        
                            <div id="flight_info_form" class="row main_flight_info_form {{empty($first_flight_info) ? 'show' :'hide' }}">
                                <form name="frm_flight_info" id="frm_flight_info" method="post" class="m-b-10 custom_form" >
                                    <input type="hidden" name="flight_order" id="flight_order" value="1">
                                    <div class="col-md-12 col-sm-12 col-xs-12 text-right"> 
                                        <small class="required_instruction">
                                            All fields with star (<span style="font-size: 15px;">*</span>) are required
                                        </small>
                                    </div>
                                    <div class="clearfix"></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 Airport <small class="text-danger text-required">*</small></label>
                                                    <select class="form-control" name="arrival_airport" id="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') : ''}}" 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 text-required">*</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 text-required">*</small></label>
                                                    <input type="text" name="arrival_date" id="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') : ''}}" 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="button" name="save" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-xs-block"  onclick="validate_flight_info();">Submit</button>
                                            <button type="reset" class="btn btn-danger btn-xs-block" >Cancel</button>
                                            
                                            <button type="button" name="arrival_postpone" id="arrival_postpone" class="{{!empty($first_flight_info) ? '' :'hide' }} btn btn-warning btn-xs-block" >Arrival Postponed</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                         
                            <div id="flight_info" class="main_flight_info_form_detail {{!empty($first_flight_info) ? 'show' :'hide' }}">
                                <table class="table color-table info-table @if(config('common.portal') == 'ODC') color-table-odc @endif">
                                    <thead>
                                        <tr>
                                            <th><strong>Arrival Airport</strong></th>
                                            <td>{{ !empty($first_flight_info) ? $first_flight_info->airport_data->airport_label : '' }}</td>
                                        </tr>
                                        <tr>
                                            <th><strong>Airline</strong></th>
                                            <td>{{ !empty($first_flight_info) ? $first_flight_info->airline :''}}</td>
                                        </tr>
                                        <tr>
                                            <th><strong>Flight Number</strong></th>
                                            <td>{{ !empty($first_flight_info) ? $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($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>{{ !empty($first_flight_info) ? $first_flight_info->arr_timezone_data->zone_label :''}}</td>
                                        </tr>
                                        <tr>
                                            <th><strong>Arrival Date (US time)</strong></th>
                                            <td>{{ !empty($first_flight_info) ? dateformat($first_flight_info->arrival_date,DISPLAY_DATETIME) :'' }}</td>
                                        </tr>
                                    </thead>
                                </table>
                                @if($user->j1_status_id < 4002 && !empty($first_flight_info->arrival_date) && $first_flight_info->arrival_date > $current_date)
                                    <div class="form-actions">
                                        <button type="button" id="edit_flight_one_info" name="edit" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-xs-block" value="edit">Edit</button>
                                    </div>
                                @endif
                            </div>
                         
                    @endif
                    
                @endif
        @endif
    </div>
</div>
<div id="custom_popup_confirm_flight_info" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">Confirm Flight Information</h4> 
            </div>
            <div class="modal-body custom_model_ht_flight">
                <div class="alert alert-warning"><p><i class="fa fa-exclamation-triangle fa-fw"></i> Please confirm you have entered the correct arrival date to the United States! Your arrival date is very important. Your insurance, social security and J-1 program status are all connected to the arrival date you enter, so please double check that you have entered the correct date before continuing.</p></div>
                <form id="frm_popup" name="frm_popup" method="post">
                    <input type="hidden" name="flight_info_form_data" id="flight_info_form_data" value="" />
                    <div class="form-group">
                        <label for="recipient-name" class=" col-md-3 control-label">Arrival Date (US Time):</label>
                        <span id="confirm_arrival_date" class="col-md-6 col-sm-4 col-xs-12" style="display: inline-block;  float: revert;font-weight:700;" ></span>
                        
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="col-md-3 control-label">Arrival Timezone:</label>
                        <span id="confirm_arrival_timezone" class="col-md-6 col-sm-4 col-xs-12" style="display: inline-block;  float: revert;font-weight:700;" ></span>
                        
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="col-md-3 control-label">Arrival Airport:</label>
                        <span id="confirm_arrival_airport" class="col-md-8 col-sm-5 col-xs-12"> </span>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default waves-effect btn-xs-block" data-dismiss="modal" style="margin-bottom: 0;">Close</button>
                <button type="button" id="confirm_button_custom" onclick="add_flight_info()" class="btn btn-danger waves-effect waves-light btn-xs-block">Confirm Flight Information</button>
            </div>
        </div>
    </div>
</div>
<div id="custom_popup_confirm_flight_info_2" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">Confirm Flight Information</h4> 
            </div>
            <div class="modal-body custom_model_ht_flight">
                <div class="alert alert-warning"><p><i class="fa fa-exclamation-triangle fa-fw"></i> Please confirm you have entered the correct arrival date to the United States! Your arrival date is very important. Your insurance, social security and J-1 program status are all connected to the arrival date you enter, so please double check that you have entered the correct date before continuing.</p></div>
                <form id="frm_popup" name="frm_popup" method="post">
                    <input type="hidden" name="flight_info_form_data_2" id="flight_info_form_data_2" value="" />
                    <div class="form-group">
                        <label for="recipient-name" class=" col-md-3 control-label">Arrival Date (US Time):</label>
                        <span id="confirm_arrival_date_2" class="col-md-6 col-sm-4 col-xs-12" style="display: inline-block;  float: revert;font-weight:700;" ></span>
                        
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="col-md-3 control-label">Arrival Timezone:</label>
                        <span id="confirm_arrival_timezone_2" class="col-md-6 col-sm-4 col-xs-12" style="display: inline-block;  float: revert;font-weight:700;" ></span>
                        
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="col-md-3 control-label">Arrival Method:</label>
                        <span id="confirm_arrival_method" class="col-md-8 col-sm-5 col-xs-12" style="display: inline-block;  float: revert;font-weight:700;" > </span>
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="col-md-3 control-label">Arrival State:</label>
                        <span id="confirm_arrival_state" class="col-md-8 col-sm-5 col-xs-12" style="display: inline-block;  float: revert;font-weight:700;" > </span>
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="col-md-3 control-label">Arrival City:</label>
                        <span id="confirm_arrival_city" class="col-md-8 col-sm-5 col-xs-12" style="display: inline-block;  float: revert;font-weight:700;" > </span>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default waves-effect btn-xs-block" data-dismiss="modal" style="margin-bottom: 0;">Close</button>
                <button type="button" id="confirm_button_custom" onclick="add_flight_info_2()" class="btn btn-danger waves-effect waves-light btn-xs-block">Confirm Flight Information</button>
            </div>
        </div>
    </div>
</div>    
<div id="custom_popup_confirm_postpone" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">Alert</h4> 
            </div>
            <div class="">
                <div class="alert alert-warning"><p><i class="fa fa-exclamation-triangle fa-fw"></i>Are you sure want to change status to Arrival Postponed? </p></div>
                
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default waves-effect btn-xs-block" data-dismiss="modal" style="margin-bottom: 0;">No</button>
                <button type="button" id="confirm_postpone_button_custom" onclick="postpone_flight()" class="btn btn-danger waves-effect waves-light btn-xs-block">Yes</button>
            </div>
        </div>
    </div>
</div>
@if(($step_status == 2 && !empty($next_step_key)) || $user->is_timeline_locked == 1)
    <button type="button" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-xs-block" onclick="loadStepContent('{{ $next_step_key }}')">Next Step</button>
@endif
</div>
<script>
    var notify_id = "{{ $notify_id }}";
    function custom_popup_confirm_flight_info()
    {
        var arrival_date = $("#arrival_date").val();
        var arrival_timezone_text = $("#arrival_timezone option:selected").text();
        var arrival_airport_text = $("#arrival_airport option:selected").text();
        arrival_date = formatDate(new Date($("#arrival_date").val()));
        
        $("#confirm_arrival_date").html(arrival_date);
        $("#confirm_arrival_timezone").html(arrival_timezone_text);
        $("#confirm_arrival_airport").html(arrival_airport_text); 
        show_popup("custom_popup_confirm_flight_info");
    }
    function custom_popup_confirm_flight_info_2()
    {
        var arrival_date = $("#arrival_date_2").val();
        arrival_date = formatDate(new Date($("#arrival_date_2").val()));
        var arrival_timezone_text = $("#arrival_timezone_2 option:selected").text();
        var arrival_method_text = $("#arrival_method option:selected").text();
        if($("#already_arrived").is(':checked')){
            var arrival_method_text = 'Other';
        }
        var arrival_state_text = $("#arrival_state option:selected").text();
        var arrival_city = $("#arrival_city").val(); 
        $("#confirm_arrival_date_2").html(arrival_date);
        $("#confirm_arrival_timezone_2").html(arrival_timezone_text);
        $("#confirm_arrival_method").html(arrival_method_text);
        $("#confirm_arrival_state").html(arrival_state_text);
        $("#confirm_arrival_city").html(arrival_city);
        show_popup("custom_popup_confirm_flight_info_2");
    }
    function validate_flight_info()
    {
        var form_data = $("#frm_flight_info").serialize();
        $("#flight_info_form_data").val(form_data);
        var arrival_date = $("#arrival_date").val();
        var arrival_timezone_text = $("#arrival_timezone option:selected").val();
        var arrival_airport_text = $("#arrival_airport option:selected").val();
        if(arrival_date != "" && arrival_timezone_text != "" && arrival_airport_text != ""){ 
            $.ajax({
                url: "{{ route('validate.arrival.date') }}",
                type: 'post',
                data: {arrival_date : arrival_date},
                dataType: 'json',
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                success: function(response){ 
                    if(response.type == "success"){ 
                        custom_popup_confirm_flight_info(); 
                    }
                    else{
                        var Html = '<div class="alert swl-alert-warning"><ul><li>'+ response.message+ '</li></ul></div>'; 
                        notifyResponseTimerAlert(Html,"error","Error",10000); 
                    } 
                },
            }); 
        }
        
        return false;
    } 
    function validate_flight_info_2()
    {
        var form_data = $("#frm_flight_info_2").serialize();
        $("#flight_info_form_data_2").val(form_data);
        var arrival_date = $("#arrival_date_2").val();
        var arrival_timezone_text = $("#arrival_timezone_2 option:selected").val();
        var arrival_method = $("#arrival_method option:selected").val();
        var arrival_state = $("#arrival_state option:selected").val();
        var arrival_city = $("#arrival_city").val();
       
        if(arrival_date != "" && arrival_timezone_text != "" && arrival_method != "" && arrival_state != "" && arrival_city != ""){
            custom_popup_confirm_flight_info_2();
        }
        
        return false;
    }
    function add_flight_info(){
        $("#confirm_button_custom").attr("disabled",true);
        $('#frm_flight_info').submit();
    }
    function add_flight_info_2(){
        $("#confirm_button_custom").attr("disabled",true);
        $('#frm_flight_info_2').submit();
    }
    function postpone_flight(){
        $("#confirm_postpone_button_custom").attr("disabled",true);
        var url = " {{ route('arrival.postpone') }} ";
        var user_id = $('meta[name="user_token"]').attr('content');

        $.ajax({
            url: url,
            type: 'post',
            data: {'action': 'postpone', user_id : user_id},
            dataType: 'json',
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            success: function(response){
                hide_popup("custom_popup_confirm_postpone");
                var messages = response.message;
                if(response.type == "success"){
                    var Html = '<div class="alert swl-alert-success"><ul><li>'+ response.message+ '</li></ul></div>'; 
                    notifyResponseTimerAlert(Html,"success","Success");
                    setTimeout(function(){
                        navigateStages('3','{{ $next_step_key }}');
                    }, 3000); 
                }
                else{
                    notifyResponse("#"+notify_id,messages,response.type);
                }
                hide_inner_loader(".timeline_stp_desc","#all_tab_data");
            },
        });
    }
    
    $(document).off('change', '.already_arrived').on('change', '.already_arrived', function(){
            var url = " {{ route('get.hc.details') }} ";
            var $this = $(this); 

            if ($(this).is(':checked')) {
                $.ajax({
                    url: url,
                    type: 'post',
                    data: {action : 'get_hc_details'},
                    dataType: 'json',
                    beforeSend: function(){
                        show_inner_loader(".timeline_stp_desc","#all_tab_data");
                    },
                    headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                    success: function(res){

                        var messages = res.message;
                        if(res.type == "success"){
                            var flight_content = $this.parents('#flight_info_form_second');
                            flight_content.find("#arrival_date_2").val(res.data.current_time);
                            flight_content.find("#arrival_timezone_2").val(res.data.default_timezone);
                            flight_content.find("#arrival_method").val('5');
                            flight_content.find("#arrival_state").val(res.data.emp_state.toString());
                            flight_content.find("#arrival_city").val(res.data.emp_city.toString());
                            $(".second_flight_info_already_arrived_div").hide();
                        }
                        else{
                            notifyResponse("#"+notify_id,messages,r.type);
                        }
                        hide_inner_loader(".timeline_stp_desc","#all_tab_data");
                    },
                });
            } else {
                var flight_content = $this.parents('#flight_info_form_second');
                flight_content.find("#arrival_date_2").val('');
                flight_content.find("#arrival_timezone_2").val('');
                flight_content.find("#arrival_method").val('');
                flight_content.find("#arrival_state").val('');
                flight_content.find("#arrival_city").val('');
                $(".second_flight_info_already_arrived_div").show();
            }
        });
        
    $(document).ready(function(){
        
        $( "#edit_flight_one_info" ).click(function( event ) {
            $('.main_flight_info_form').removeClass('hide');
            $('.main_flight_info_form_detail').addClass('hide').removeClass('show');
        });
        $( "#edit_flight_two_info" ).click(function( event ) {
            $('.main_flight_info_form_second').removeClass('hide');
            $('.main_flight_info_form_second_detail').addClass('hide').removeClass('show');
        });
        
        $( "#arrival_postpone" ).click(function( event ) {
            show_popup("custom_popup_confirm_postpone");
        });
        
        
        $( ".datetimepicker" ).keydown(function( event ) {
            return false;
        });
        
        var form_selector = "#frm_flight_info,#frm_flight_info_1,#frm_flight_info_2";
        @if($user->is_timeline_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);
                show_inner_loader(".timeline_stp_desc","#all_tab_data");

                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){
                        hide_popup("custom_popup_confirm_flight_info");
                        hide_popup("custom_popup_confirm_flight_info_2");
                        var messages = response.message;
                        if(response.type == "success"){
                            var Html = '<div class="alert swl-alert-success"><ul><li>'+ response.message+ '</li></ul></div>'; 
                            notifyResponseTimerAlert(Html,"success","Success");
                            setTimeout(function(){
                                navigateStages('3','{{ $next_step_key }}');
                            }, 3000); 
                        }
                        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",10000);
                        }
                        else{
                            notifyResponse("#"+notify_id,messages,response.type);
                        }
                        hide_inner_loader(".timeline_stp_desc","#all_tab_data");
                    },
                });
            });
        @endif
    });

</script>