@php
    $flight_data = @$step_verified_data['flight_data'];
    $brand_agency = @$step_verified_data['brand_agency'];
    $agency_logo_url = @$step_verified_data['agency_logo_url'];
    $agency_bg_color = @$step_verified_data['agency_bg_color'];
    $agency_logo_class = @$step_verified_data['agency_logo_class'];
    $is_multi_placement = @$step_verified_data['is_multi_placement'];
    $second_flight_info = @$step_verified_data['second_flight_data'];
@endphp
<input type="hidden" name="active_key" id="active_key" value="{{$active_step_key}}" />
@include('user.app-status.brandtab')
<div class="app-status-panel-content">
    <div class="row"> 
      <div class="col-sm-12">
          <h3 class="d-inline-b">Arrival in the United States</h3>
          <button type="button" title="Contact Support" class="btn btn-success pull-right support_width" onclick="return viewPopup('Arrival in the United States','{{@$active_step_key}}');">Support<i class="mdi mdi-help-circle-outline step-help"></i></button> 
           @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($flight_data) ? "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">Placement 1 Arrival</a> 
                        </li>
                        <li class="{{$flight_2_class}}">
                            <a href="#pd_flight_2" data-toggle="tab" aria-expanded="false">Placement 2 Arrival</a> 
                        </li>
                    </ul>
                    <div class="tab-content br-n pn">
                         <div id="pd_flight_1" class="tab-pane fade in">
                            @if(!empty($flight_data))
                                @if($flight_data->is_date_passed == 1)
                                <div class="row m-b-10">
                                    <div class="col-md-12">
                                        <div class="col-md-2">
                                            <img src="{{asset($image_path.'welcome.png')}}">
                                        </div>
                                        <div class="col-md-10 alert alert-success">
                                            <p><strong>Welcome to The USA...</strong></p>
                                            <p>Start your program</p>
                                        </div>
                                    </div>
                                </div>
                                @else
                                <p>Your arrival date and time are recorded for <strong>{{ dateformat($flight_data->arrivalDate,DISPLAY_DATETIME) }}</strong> according to following time zone <strong>@if(!empty($flight_data->zone_label)){{ $flight_data->zone_label }}@endif</strong></p>
                                @endif
                            @else
                              <p>This will be final step of your application.</p>
                            @endif
                         </div>
                         <div id="pd_flight_2" class="tab-pane fade in active">
                            @if(!empty($second_flight_info))
                                @if($second_flight_info->is_date_passed == 1)
                                <div class="row m-b-10">
                                    <div class="col-md-12">
                                        <div class="col-md-2">
                                            <img src="{{asset($image_path.'welcome.png')}}">
                                        </div>
                                        <div class="col-md-10 alert alert-success">
                                            <p><strong>Start your program</strong></p>
                                        </div>
                                    </div>
                                </div>
                                @else
                                <p>Your arrival date and time are recorded for <strong>{{ dateformat($second_flight_info->arrivalDate,DISPLAY_DATETIME) }}</strong> according to following time zone <strong>@if(!empty($second_flight_info->zone_label)){{ $second_flight_info->zone_label }}@endif</strong></p>
                                @endif
                            @else
                              <p>This will be final step of your application.</p>
                            @endif
                         </div>
                    </div>
                </div>
            </div>
           @else
                @if(!empty($flight_data))
                    @if($flight_data->is_date_passed == 1)
                        <div class="alert alert-success text-center m-t-20">
                            <p><strong>Welcome to The USA...</strong></p>
                        </div>
                    @else
                    <p>Your arrival date and time are recorded for <strong>{{ dateformat($flight_data->arrivalDate,DISPLAY_DATETIME) }}</strong> according to following time zone <strong>@if(!empty($flight_data->zone_label)){{ $flight_data->zone_label }}@endif</strong></p>
                    @endif
                @else
                  <p>This will be final step of your application.</p>
                @endif
            @endif

            @if(!empty($portfolio->sponsor_agency_id) && false)
              <button type="button" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-xs-block" id="arrived">Next Stage</button>
            @endif
      </div>
  </div>  
</div>
<script>
    $("#arrived").click(function(){
        setTimeout(function(){
            navigateStages('4');
            document.location.href = document.location.href;
        },3000);
    });
</script>