@php
    $placement_data = @$step_verified_data['placement_data'];
    $interview_details = @$step_verified_data['interview_details'];
    $step_status = @$step_verified_data['step_status'];
    $is_multi_placement = @$step_verified_data['is_multi_placement'];
    $is_placement_confirmed = @$step_verified_data['is_placement_confirmed'];
    $hc_interview_text = @$step_verified_data['hc_interview_text']; 
    $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'];
@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">Search Vacancies</h3>
            <button type="button" title="Contact Support" class="btn btn-success pull-right support_width" onclick="return viewPopup('Search Vacancies','{{@$active_step_key}}');">Support<i class="mdi mdi-help-circle-outline step-help"></i></button>
            <div class="clearfix"></div>
            @if($step_status == 1 || $step_status == 2)
                @if($is_multi_placement == true)
                    <div class="multi_tab_view m-b-20 m-t-10">
                        <ul class="nav nav-pills" id="{{ $active_step_key }}">
                            @php
                                $second_tab_order = 2;
                                $total_placement = count($placement_data);
                            @endphp
                            @if(count($placement_data) == 1 && in_array($portfolio->program_id,['23']))
                            <li class="active tab-progress"> <a href="#pd-0" data-toggle="tab" aria-expanded="false" title="Placement 1">Placement 1</a> </li> 
                            @endif
                            @foreach($placement_data as $item)
                                @php
                                    $is_complete = $item['is_complete_class'];
                                    $is_active = (count($placement_data) == $item['pla_order'] && count($placement_data) > 1) ? " active " : "";
                                    $second_tab_order = ($item['pla_order'] == 2) ?  1 : 2;
                                @endphp
                                <li class="{{ $is_complete.$is_active }}"> <a href="#pd-{{ $item['pla_id'] }}" data-toggle="tab" aria-expanded="false" title="Placement with {!! $item['emp_name'] !!}">
                                    @if($total_placement != 1 && $is_placement_confirmed == 1)
                                        Placement with {!! Str::limit($item['emp_name'], 20, '...') !!}
                                    @else
                                        Placement {{ $item['pla_order'] }}
                                    @endif
                                </a> </li>
                            @endforeach

                            @if(count($placement_data) == 1 && !in_array($portfolio->program_id,['23']))
                            <li class="active tab-progress"> <a href="#pd-0" data-toggle="tab" aria-expanded="false" title="Placement {{ $second_tab_order }}">Placement {{ $second_tab_order }}</a> </li> 
                            @endif
                        </ul>
                        <div class="tab-content br-n pn">
                            @foreach($placement_data as $item)
                                @php
                                    $is_active = (count($placement_data) == $item['pla_order'] && count($placement_data) > 1) ? " active " : "";
                                    $emp_interview_data = @$item['emp_interview_data'];
                                @endphp
                                <div id="pd-{{ $item['pla_id'] }}" class="tab-pane fade in {{ $is_active }}">
                                    <div class="col-sm-12">
                                        @if($item['pla_type'] == 2)
                                            <div class="alert alert-success">Your placement confirmed with {{ strtolower(__('application_term.employer')) }} <strong>{!! $item['emp_name'] !!}</strong>.</div>
                                            @else
                                            <p>We are currently searching for a suitable {{ strtolower(__('application_term.position')) }} for your <strong>@if($portfolio->program_id) {{ @$portfolio->program->program_name }} @endif</strong> program. This step can take some time so please be patient, you will receive an update on your email.</p>
                                            <div class="alert alert-success">Your profile is currently reviewed by at least one {{ strtolower(__('application_term.employer')) }}.</div>
                                            <!-- {{--<div class="alert alert-success">Congratulations! {{ __('application_term.host_company') }} <strong>{{ $item->hostCompany->hc_name }}</strong> is reviewing your profile.</div>--}} -->
                                        @endif
                                    </div>
                                </div>
                            @endforeach

                            @if(count($placement_data) == 1)
                                <div id="pd-0" class="tab-pane fade in active">
                                    <div class="col-sm-12">
                                        <p>We are currently searching for a suitable {{ strtolower(__('application_term.position')) }} for your <strong>@if($portfolio->program_id) {{ @$portfolio->program->program_name }} @endif</strong> program. This step can take some time so please be patient, you will receive an update on your email.</p>
                                    </div>
                                </div>
                            @endif
                        </div>
                        <!-- Bootstrap Accordion for mobile view -->
                        <div class="panel-group" id="application_status_accordion" role="tablist" aria-multiselectable="true"></div>
                        <!-- /Bootstrap Accordion for mobile view -->
                        <div class="clearfix"></div>
                    </div>
                @else
                    @php
                        $emp_interview_data = @$placement_data[0]['emp_interview_data'];
                    @endphp
                    <div class="m-b-20 m-t-20">
                        @if(!empty($placement_data[0]['pla_type']) && $placement_data[0]['pla_type'] == 1)
                            <p><strong>"{!! @$placement_data[0]['emp_name'] !!}"</strong> has secured the following interview with you, 
                                @if(empty($emp_interview_data)) Your interview schedule will be arrange shortly.@endif
                            </p>
                            <div class="alert alert-warning p-25 m-b-20"> 
                                <ul>
                                    @if(!empty($emp_interview_data))
                                    <li><strong>Interview Duration:</strong> 30 Minutes</li>
                                    <li>
                                        {{ dateformat($emp_interview_data->dest_datetime,'H:i:a - l, F d, Y') }}
                                        <!--<a href="#"> Change time </a>  Pending to implement change time link--> 
                                    </li>
                                    <li>{{ get_timezone_label($emp_interview_data->dest_timezone_id) }}</li> 
                                    @endif
                                    <li><strong>{{ __('application_term.position') }}:</strong> {!! @$placement_data[0]['pos_name'] !!}</li>
                                </ul>
                            </div>
                            @if(!empty($emp_interview_data->admin_email))
                                <p>Please contact responsible person, if you are not able to attend the interview (<a href="mailto:{{ $emp_interview_data->admin_email }}">{{ $emp_interview_data->admin_email }}</a>)</p>
                            @endif 
                        @elseif(!empty($placement_data[0]['pla_type']) && $placement_data[0]['pla_type'] == 2)
                            <div class="alert alert-success">Congratulations! Your placement is confirmed with {{ __('application_term.employer') }} <strong>{!! $placement_data[0]['emp_name'] !!}</strong>.</div>
                        @else
                            <p>We are currently searching for a suitable {{ strtolower(__('application_term.position')) }} for your @if($portfolio->program_id)<strong>{{ @$portfolio->program->program_name }}</strong>@endif program. This step can take some time so please be patient, you will receive an update on your email.</p>
			    @if (!empty($interview_details) && (!empty($interview_details['decline_description']) || !empty($interview_details['ev_decline_reason']) ))
			    <div class="alert alert-warning p-25 m-b-20"> 
				<strong>Host Company Interview Status:</strong> {{$interview_details['status_name']}}<br>
				@if ($interview_details['hc_interview_status_id'] == 5)
				    <strong>Host Company Decline Description:</strong> {{$interview_details['decline_description']}}
				@elseif($interview_details['hc_interview_status_id'] == 6)
				    <strong>EV Decline Description:</strong> {{$interview_details['ev_decline_reason']}}
				@endif
			    </div>
			    @endif
                        @endif
                    </div>
                @endif
                <div>
                    @if($step_status == 2 && !empty($next_step_key))
                        <button type="button" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-xs-block" onclick="loadStepContent('{{ $next_step_key }}')">Next Step</button>
                    @endif
                    <!-- <hr class="full_dotted_line m-b-20" />
                    <p>Get some wild tips from previous J1 Visa students ...</p>
                    <ul class="list-style-none m-b-10">
                        <li><a href="#">How to Pass a {{ __('application_term.job') }} Interview</a></li>
                        <li><a href="#">How To Write A Killer Resume Objective</a></li>
                        <li><a href="#">Seven Secrets of the Killer Resume</a></li>
                        <li><a href="#">100 Things You Can Do To Improve Your English</a></li>
                    </ul>
                    <p>Have question to ask? <a href="#">Join the discussion</a></p> -->
                </div>
            @else
                <p>We start searching for available vacancies once you complete the <strong>Registration with J1</strong> stage.</p>     
            @endif

        </div>
    </div>
</div>