@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>DS7002 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 = ((empty(@$item['document_filename']) && empty(@$item['document_download_code'])) || empty(@$item['document_download_link'])) ? "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 m-t-20 p-10">
                                @php 
                                    $is_active = ""; 
                                @endphp
                                @foreach($document_data as $key => $item)
                                    @php
                                        $is_active = ($key == 1) ? "active" : "";
                                        $document_status = $item['document_status'];
                                    @endphp
                                    <div id="pd-{{ $item['pla_id'] }}" class="tab-pane fade in {{ $is_active }}">
                                        @if((empty(@$item['document_filename']) && empty(@$item['document_download_code'])) || empty(@$item['document_download_link'])) 
                                            <div class="text-center response alert alert-info"> DS7002 Signed will be upload by ITN admin.</div> 
                                        @else
                                            <p>Document name: <a href="">{{ @$item['document_filename'] }}</a></p>
                                            <p>Document Status:
                                                @if($document_status == 1) 
                                                    <span class="label label-table label-warning">Pending to review  </span>
                                                @elseif($document_status == 2)
                                                    <span class="label label-table label-success">Pre-approved By ITN</span>
                                                @elseif($document_status == 3)
                                                    <span class="label label-table label-danger">Rejected by ITN</span>
                                                @elseif($document_status == 4)
                                                    <span class="label label-table label-success">Validated by ODYSSEY</span>  
                                                @elseif($document_status == 5)
                                                    <span class="label label-table label-danger">Rejected by ODYSSEY</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
                                                @if(!empty(@$item['document_download_link']))
                                                <a href="{{ @$item['document_download_link'] }}" class="btn btn-info m-r-15" title="View Document">View</a>
                                                @endif
                                            @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($document_status==1)
                                                    <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($document_status==2)
                                                    <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);})">Approve</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);})">Approve</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
                <p>Document name: <a href="">{{ @$document_data['document_filename'] }}</a></p>
                <p>Document Status: 
                @if(@$document_data['document_status'] == 1) 
                    <span class="label label-table label-warning">Pending to review  </span>
                @elseif($document_data['document_status'] == 2)
                    <span class="label label-table label-success">Pre-approved By ITN</span>
                @elseif($document_data['document_status'] == 3)
                    <span class="label label-table label-danger">Rejected by ITN</span>
                @elseif($document_data['document_status'] == 4)
                    <span class="label label-table label-success">Validated by ODYSSEY</span>  
                @elseif($document_data['document_status'] == 5)
                    <span class="label label-table label-danger">Rejected by ODYSSEY</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))
                    @php
                        $dcode = encrypt([
                                    'dcode' => $document_data['document_download_code'], 
                                    'doc_filename' => $document_data['document_filename'] 
                                ]);
                    @endphp
                    <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
                    @if(!empty($document_data['document_download_link']))
                    <a href="{{ @$document_data['document_download_link'] }}" class="btn btn-info m-r-15" title="View Document">View</a>
                    @endif
                @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(@$document_data['document_status'] == 1)
                        <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> 
                    @elseif(@$document_data['document_status'] == 2)
                        <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>
                    @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
        @else
            @if($is_itn_user == 1)
                <div class="text-center response alert alert-info"> DS7002 Signed will be upload by ITN admin.</div> 
            @else
                <form name="ds72002_upload" id="ds72002_upload" enctype="multipart/form-data" action=""> 
                    <p class="text-muted">Training Plan - DS 7002 (Signed) should be a {{ $allow_file_ext }} and doesn't exceed {{ $upload_file_size }} MB.</p><br>
                    <div class="form-group m-b-10">
                        <div class="row">
                            <div class="col-xs-12"> 
                                <input type="checkbox" name="auto_approve" id="auto_approve" required value="1"> <label for="auto_approve">Auto Approve DS7002 Signed?</label>
                                <div class="clearfix"></div>
                                <div class="help-block with-errors"></div>  
                            </div>
                        </div> 
                    </div>
                    <div class="form-group m-b-10 uploadresume">
                        <div class="row">
                            <div class="col-xs-12">
                                <label>Select a file: <span class="text-danger">*</span></label> 
                                <input type="file" name="ds72002_file" class="di"id="ds72002_file" onchange="return ds7002Upload();"/>
                                <div class="clearfix"></div>
                                <div class="help-block with-errors"></div>  
                            </div>
                        </div> 
                    </div>  
                    <div class="text-center response"></div>  
                </form>
            @endif
        @endif
     @endif
    </div>
</div> 
<script>  
function ds7002Upload(url){
    var user_id = $('meta[name="user_token"]').attr('content');
    var url = "{{ route('ds7002.signed') }}";
    
    showLoader("#full-overlay"); 
    var fd = new FormData();
    var files = $('#ds72002_file')[0].files[0];
    fd.append('ds72002_file',files);
    fd.append('user_id',user_id);
    fd.append('action','ds7002_signed');
    fd.append('auto_approve',$('#auto_approve:checked').val());
    
    $.ajax({
        url: url,
        type: 'post',
        data: fd,
        dataType: 'json',
        contentType: false,
        processData: false, 
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        success: function(response){ 
            $("#ds72002_upload").trigger("reset");
            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('{{ $active_stage }}',"{{$active_step_key}}");
                }, 3000); 
            } 
            else{
                var Html = '<div class="alert swl-alert-danger"><ul>';
                $.each( response.message, function( key, value ) {
                    Html += '<li>'+value+'</li>';
                });
                Html += '</ul></div>';
                notifyResponseTimerAlert(Html,"error","Error");
            }
            hideLoader("#full-overlay");
        },
    });
}
</script>