@php
    $is_multi_placement = @$step_verified_data['is_multi_placement'];
    $step_status = @$step_verified_data['step_status'];
    $placement_data = @$step_verified_data['placement_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_medical_insurance = @$step_verified_data['is_medical_insurance'];
@endphp 
<div class="app-status-panel-content">
    <div class="row">
        <div class="col-sm-12 mb-4">
            <div class="d-flex flex-column flex-sm-row align-items-center"> 
                <h3 class="mb-2 mb-sm-0 text-center flex-grow-1 d-inline-b">
                    DS-7002 (Training Plan)
                </h3>  
            </div>    
        </div>
	@if($step_status == 1 || $step_status == 2)
	    @if($is_multi_placement == true)
		<div class="col-sm-12">
		    <ul class="nav nav-tabs" id="{{ $active_step_key }}" role="tablist">

			@foreach($placement_data as $item)
			    @php
				$is_complete = $item['is_complete_class'];
				$is_active = $item['is_active_class'];
			    @endphp
			    <li class="nav-item"> <button class="nav-link {{ $is_complete.$is_active }}" data-bs-target="#pd-{{ $item['pla_id'] }}" data-bs-toggle="tab" aria-expanded="false" title="Placement with {!! $item['emp_name'] !!}" type="button"	role="tab">Placement with {!! Str::limit($item['emp_name'], 20, '...') !!}</button> </li>
			@endforeach
		    </ul>
		    <div class="tab-content border border-top-0 p-3">
			@php $is_active = ""; @endphp
			@foreach($placement_data as $item)
			    @php $is_active = $item['is_active_class']; @endphp
			    <div id="pd-{{ $item['pla_id'] }}" class="tab-pane fade show {{ $is_active }}" role="tabpanel">
				<div class="col-sm-12">

				    @if($step_status == 1 && empty($item['document_download_link']) )
					<p>Our team is working in collaboration with your {{$item['emp_name']}} to develop your Form DS-7002 (Training Plan).</p> 
					<p>Once the Form DS-7002 (Training Plan) is issued, you will be able to proceed to the next step in the process. You will be informed here and via email to sign it.</p> 
					<!-- <p>Have question to ask? <a href="#" class="text-info">Join the discussion</a></p> --> 
				    @elseif( !empty($item['yousign_signer_link']) && empty($item['document_download_link']) ) 
					<div class="col-sm-12">  
					    <p>Your Form DS-7002 (Training Plan) has been issued for your digital signature.</p> 
					    <p>Please click the button below to review and sign it:</p> 
					    <p><a href="{{$item['yousign_signer_link']}}" target="_blank"><button type="button" class="btn btn-info btn-xs-block">Complete Form DS-7002</button></a></p> 
					    <p>After all the parties involved have completed their signatures, your signed Form DS-7002 will be issued, and we will proceed to the next step.</p> 
					</div>
				    @elseif( !empty($item['document_download_link']) )
					<div class="col-sm-12">  
					    <p>Your signed Form DS-7002 (Training Plan) was issued.</p> 
					    <p>You may download it from here:</p> 
					    <p><a href="{{$item['document_download_link']}}" target="_blank"><button type="button" class="btn btn-info btn-xs-block">Download Signed Form DS-7002</button></a></p>
					    <div class="d-flex justify-content-end align-items-center gap-2 mt-3">

						@if(@$is_medical_insurance == 1) 
						    <button type="button" class="btn btn-success" onclick="navigateStages(4,'4_medical_insurance')">Medical Insurance</button> 
						@endif
					    </div> 
					</div>
				    @endif
			    </div>
			</div>
			@endforeach
		    </div>
		</div>
	    @else
		@if($step_status == 1 && empty($placement_data[0]['yousign_signer_link']) && empty($placement_data[0]['document_download_link'])) 
		    <div class="col-sm-12">  
			<p>Our team is working in collaboration with your {{$placement_data[0]['emp_name']}} to develop your Form DS-7002 (Training Plan).</p> 
			<p>Once the Form DS-7002 (Training Plan) is issued, you will be able to proceed to the next step in the process. You will be informed here and via email to sign it.</p> 
		    </div>
		@elseif(!empty($placement_data[0]['yousign_signer_link']) && empty($placement_data[0]['document_download_link']))
		    <div class="col-sm-12">  
			<p>Your Form DS-7002 (Training Plan) has been issued for your digital signature.</p> 
			<p>Please click the button below to review and sign it:</p> 
			<p><a href="{{$placement_data[0]['yousign_signer_link']}}" target="_blank"><button type="button" class="btn btn-info btn-xs-block">Complete Form DS-7002</button></a></p> 
			<p>After all the parties involved have completed their signatures, your signed Form DS-7002 will be issued, and we will proceed to the next step.</p> 
		    </div>
		
		@elseif(!empty($placement_data[0]['document_download_link']))
		    <div class="col-sm-12">  
			<p>Your signed Form DS-7002 (Training Plan) was issued.</p> 
			<p>You may download it from here:</p> 
			<p><a href="{{$placement_data[0]['document_download_link']}}" target="_blank"><button type="button" class="btn btn-info btn-xs-block">Download Signed Form DS-7002</button></a></p>
			<div class="d-flex justify-content-end align-items-center gap-2 mt-3">

			    @if(@$is_medical_insurance == 1) 
				<button type="button" class="btn btn-success" onclick="navigateStages(4,'4_medical_insurance')">Medical Insurance</button> 
			    @endif
			</div> 
		    </div>
		@endif    
	    @endif
	    @if($step_status == 1)
	    <div class="d-flex justify-content-end align-items-center gap-2 mt-3"> 
		<button type="button"
		    class="btn btn-success"
		    onclick="return viewPopup('Determine your eligibility','{@$active_step_key}');">
		    Support <i class="mdi mdi-help-circle-outline step-help"></i>
		</button>  
	    </div>  
	    @elseif($step_status == 2 && !empty($next_step_key))
		<div class="d-flex justify-content-end align-items-center gap-2 mt-3">
		<button type="button"
		    class="btn btn-success"
		    onclick="return viewPopup('Determine your eligibility','{@$active_step_key}');">
		    Support <i class="mdi mdi-help-circle-outline step-help"></i>
		</button> 
            	<button type="button" class="btn btn-info" onclick="loadStepContent('{{ $next_step_key }}')">
		    Next Step
		</button>
		</div>
            
            @endif
	@else
            <div class="col-sm-12">
                <p>The {{ __('application_term.ds7002') }} is a Department of State form and serves as the official outline of the proposed internship.</p>
                <p>Once we managed to find a {{ strtolower(__('application_term.employer')) }} and you are offered a {{ __('application_term.job') }}, we will send you the {{ __('application_term.ds7002') }} Form for your signature. </p>
                
            </div>
        @endif    
   
    </div>
</div>