@php  
    $upload_file_size = config('common.upload_file_size');
    $allow_file_ext = collect(config('common.allow_doc_ext'))->implode(', ');
    $step_status = @$step_verified_data['step_status'];
    $document_data = @$step_verified_data['document_data'];
    $is_multi_placement = @$step_verified_data['is_multi_placement'];
    $is_itn_user = (!empty($portfolio->placement_agency_id) && $portfolio->placementAgency->checkAgencySync()) ? 1 : 0;
@endphp
<div class="row">
    <div class="col-sm-12">
    <h3>Job offer Signed</h3> 
    @if(empty($step_status)) 
        <p>This step is disable until user will reach to step.</p>  
    @else
        @if(!empty($document_data))
            @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 }}">
                                @if(count($document_data) == 1)
                                    @php
                                        $second_tab_order = ($document_data[0]['pla_order'] == 2) ?  1 : 2;
                                    @endphp
                                    <li class="tab-success active"> <a href="#pd-{{ $document_data[0]['pla_id'] }}" data-toggle="tab" aria-expanded="false" title="Placement with {!! $document_data[0]['emp_name'] !!}">Placement with {!! Str::limit($document_data[0]['emp_name'], 20, '...') !!}</a> </li>
                                    <li class="disabled"> <a title="Disabled Placement {{ $second_tab_order }}">Placement {{ $second_tab_order }}</a> </li>
                                @else
                                    @foreach($document_data as $key => $item)
                                        @php
                                            $is_complete = ($key == 1) ? "tab-progress" : "tab-success";
                                            $is_active = ($key == 1) ? "active" : "";
                                        @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'] !!}">Placement with {!! Str::limit($item['emp_name'], 20, '...') !!}</a> </li>
                                    @endforeach
                                @endif
                            </ul>
                            <div class="tab-content br-n pn">
                                @php 
                                    $is_active = ""; 
                                @endphp
                                @foreach($document_data as $key => $item)
                                    @php
                                        $is_active = ($key == 1) ? "active" : "";
                                        $document_status = $item['document_status'];
                                        $document_status_name = $item['document_status_name'];
                                    @endphp
                                    <div id="pd-{{ $item['pla_id'] }}" class="tab-pane fade in {{ $is_active }}">
                                        @if(empty(@$item['document_filename']) || empty(@$item['document_download_code']))
                                            <div class="text-center response alert alert-info"> Job offer Signed will be upload by ITN admin.</div> 
                                        @else
                                            <p>Document name: <a href="">{{ @$item['document_filename'] }}</a></p>
                                            <p>Document Status: 
                                                @if(in_array($document_status,array(2,4))) 
                                                    <span class="label label-table label-success">{{$document_status_name}}</span>
                                                @elseif(in_array($document_status,array(3,5))) 
                                                    <span class="label label-table label-danger">{{$document_status_name}}</span>
                                                @else 
                                                    <span class="label label-table label-info">{{$document_status_name}}</span>
                                                @endif 
                                            </p>
                                            <hr/>
                                            <div class="clearfix"></div>
                                            <div class="text-center response"></div> 
                                            <div class="clearfix"></div>
                                            @if(array_key_exists('document_download_code', @$item))
                                                @php
                                                    $dcode = encrypt([
                                                    'dcode' => @$item['document_download_code'], 
                                                    'doc_filename' => @$item['document_filename'] 
                                                    ]);
                                                @endphp
                                                <a href="{{ !empty(@$item["document_download_code"]) ? route('download',array('dcode',$dcode)) : 'javascript:void(0);' }}" class="btn btn-info m-r-15" title="View Document">View</a>
                                            @else
                                                <a href="{{ @$item['document_download_link'] }}" class="btn btn-info m-r-15" title="View Document">View</a>
                                            @endif

                                            @if($is_itn_user == 0)
                                                <button type="button" class="btn btn-danger m-r-15" title="Delete Document" onclick="return deleteDocument({{@$item['id']}},function(){ setTimeout(function(){ navigateStages('{{ $active_stage }}','{{ $active_step_key }}'); }, 3000);})">Delete</button>
                                                @if(in_array($document_status,array(3,5))) 
                                                    <button type="button" class="btn btn-danger m-r-15" title="Reject Document" onclick="return rejectDocumentReason('{{ route("document.reject.reason.form") }}',{{@$item['id']}},'{{ @$active_step_key }}','{{ $active_stage }}')">Reject</button> 
                                                @elseif(in_array($document_status,array(2,4))) 
                                                    <button type="button" class="btn btn-success m-r-15" title="Approve Document" onclick="return documentAction({{@$item['id']}}, 'approve', function(){ setTimeout(function(){ navigateStages('{{ $active_stage }}','{{ $active_step_key }}'); }, 3000);})">{{$document_status_name}}</button>
                                                @else
                                                    <button type="button" class="btn btn-success m-r-15" title="Approve Document" onclick="return documentAction({{@$item['id']}}, 'approve', function(){ setTimeout(function(){ navigateStages('{{ $active_stage }}','{{ $active_step_key }}'); }, 3000);})">{{$document_status_name}}</button>
                                                    <button type="button" class="btn btn-danger m-r-15" title="Reject Document" onclick="return rejectDocumentReason('{{ route("document.reject.reason.form") }}',{{@$item['id']}},'{{ @$active_step_key }}', '{{ $active_stage }}')">Reject</button>
                                                @endif
                                            @endif
                                        @endif
                                    </div>
                                @endforeach
                            </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>
                </div>
            @else
                @if(array_key_exists('document_download_code', $document_data))
                    @php
                            $dcode = encrypt([
                                        'dcode' => $document_data['document_download_code'], 
                                        'doc_filename' => $document_data['document_filename'] 
                                    ]);
				    
                    @endphp
                    <p>Document name: <a href="{{ !empty($document_data["document_download_code"]) ? route('download',array('dcode',$dcode)) : 'javascript:void(0);' }}">{{ @$document_data['document_filename'] }}</a></p>
                @else    
                   <p>Document name: <a href="javascript:void(0);">{{ @$document_data['document_filename'] }}</a></p>
                @endif
                <p>Document Status: 
                @if(in_array(@$document_data['document_status'],array(2,4)) )
                    <span class="label label-table label-success">{{ @$document_data['document_status_name'] }}</span>
                @elseif(in_array(@$document_data['document_status'],array(3,5)))
                    <span class="label label-table label-danger">{{ @$document_data['document_status_name'] }}</span>
                @else 
                    <span class="label label-table label-info">Pending</span>
                @endif </p>
                <hr/>
                <div class="clearfix"></div>
                <div class="text-center response"></div> 
                <div class="clearfix"></div>
                @if(array_key_exists('document_download_code', $document_data))
                    <a href="{{ !empty($document_data["document_download_code"]) ? route('download',array('dcode',$dcode)) : 'javascript:void(0);' }}" class="btn btn-info m-r-15" title="View Document">View</a>
                @else
                    <a href="{{ @$document_data['document_download_link'] }}" class="btn btn-info m-r-15" title="View Document">View</a>
                @endif
                @if($is_itn_user == 0)
                    <button type="button" class="btn btn-danger m-r-15" title="Delete Document" onclick="return deleteDocument({{@$document_data['id']}},function(){ setTimeout(function(){ navigateStages('{{ $active_stage }}','{{ $active_step_key }}'); }, 3000);})">Delete</button>
                    @if(in_array(@$document_data['document_status'],array(3,5)) )
                        <button type="button" class="btn btn-danger m-r-15" title="Reject Document" onclick="return rejectDocumentReason('{{ route("document.reject.reason.form") }}',{{@$document_data['id']}},'{{ @$active_step_key }}','{{ $active_stage }}')">{{ @$document_data['document_status_name'] }}</button> 
                    @elseif(in_array(@$document_data['document_status'],array(2,4)))
                        <button type="button" class="btn btn-success m-r-15" title="Approve Document" onclick="return documentAction({{@$document_data['id']}}, 'approve', function(){ setTimeout(function(){ navigateStages('{{ $active_stage }}','{{ $active_step_key }}'); }, 3000);})">{{ @$document_data['document_status_name'] }}</button>
                    @else
                        <button type="button" class="btn btn-success m-r-15" title="Approve Document" onclick="return documentAction({{@$document_data['id']}}, 'approve', function(){ setTimeout(function(){ navigateStages('{{ $active_stage }}','{{ $active_step_key }}'); }, 3000);})">Approve</button>
                        <button type="button" class="btn btn-danger m-r-15" title="Reject Document" onclick="return rejectDocumentReason('{{ route("document.reject.reason.form") }}',{{@$document_data['id']}},'{{ @$active_step_key }}', '{{ $active_stage }}')">Reject</button>
                    @endif
                @endif
            @endif
        @endif
     @endif
    </div>
</div>