@php
$documents = @$step_verified_data['documents'];
$pre_placement_doc = @$step_verified_data['pre_placement_doc'];
$step_status = @$step_verified_data['step_status'];
$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'];
@endphp 
@include('user.app-status.brandtab')
<div class="app-status-panel-content">
    <div class="row m-b-20"> 
        <div class="col-sm-12">
            <h3 class="d-inline-b">{{ $step_title }}</h3>
            <button type="button" title="Contact Support" class="btn btn-success pull-right support_width" onclick="return viewPopup('{{ $step_title }}','{{@$active_step_key}}');">Support<i class="mdi mdi-help-circle-outline step-help"></i></button> 
            <br/><br/>
            <span class="pull-right text-danger">All fields with star (<i class="fa fa-asterisk text-danger"></i>) are required</span>
            <div id="{{ $notify_id }}"></div>
        </div>
        @if(@$active_stage == 2)
            <div class="col-sm-12 well m-top-60">
                <div class="row docs">
                    <div class="col-sm-12">
                        <p class="doc-sec-title @if(config('common.portal') == 'ODC') doc-sec-title-odc @endif"><strong>Documents required to start the placement process with a Host Company in the USA</strong></p>
                    </div>
                    @if(!empty($pre_placement_doc))
                    @foreach($pre_placement_doc as $doc)
                    <div class="col-sm-6 col-md-4 col-xs-12 m-b-10 text-center">
                        <div class="upload-title tooltip_info" title="{{ $doc['document_label'] }}">
                            @php
                            $required_class = "text-warning";
                            $doc_desc = $doc['doc_desc'];
                            if($doc['requirement_type'] == 1)
                            {
                                $required_class = "text-danger";
                                if(!empty($doc_desc)){
                                    $doc_desc .= "<br> (required)";
                                }else{
                                    $doc_desc .= "(required)";
                                }
                            }
                            @endphp
                            @if(!empty($doc_desc))
                            <a data-html="true" data-toggle="tooltip" title="{{ $doc_desc }}" data-placement="left" data-container="body"><i class="fa fa-asterisk {{ $required_class }}"></i></a> 
                            @endif
                            {{ $doc['document_label'] }}
                            @php
                            if(!empty($doc['document_note_text']))
                            {
                            @endphp
                            <a data-html="true" data-toggle="tooltip" title="{{ $doc['document_note_text'] }}" data-placement="top" class="tooltip_info_a" data-container="body">
                                <img class="tooltip_info_img" src="{{ url('assets/images/information-ocre.png') }}" alt="file-Note Text" />
                            </a>
                            @php
                            }
                            @endphp
                        </div>
                        <div class="clearfix"></div>
                        <div class="upload-wrapper" title="{{ $doc['document_label'] }}">
                            @if(!empty($doc['document_id']))
                            @if(!empty($doc['document_download_link']) && !in_array($doc['document_status'],array(3,5)))
                            <div class="doc-tag">
                                @if(array_key_exists('document_download_code', $doc))
                                    @php
                                        $dcode = encrypt([
                                                    'dcode' => $doc['document_download_code'], 
                                                    'doc_filename' => $doc['document_filename'] 
                                                ]);
                                    @endphp
                                    @if(empty($doc["is_received_mannually"]))
                                    <a href="{{ !empty($doc["document_download_code"]) ? route('download', array('dcode',$dcode)) : 'javascript:void(0);' }}">
                                        <img class="file-download" src="{{ url('assets/images/file-download.png') }}" alt="file-download" />
                                    </a>
                                    @else
                                    <a href="javascript: return false">
                                        <img class="file-download" src="{{ url('assets/images/file-download.png') }}" alt="file-download" />
                                    </a>
                                    @endif
                                @else
                                    <a href="{{ $doc['document_download_link'] }}"><img class="file-download" src="{{ url('assets/images/file-download.png') }}" alt="file-download" /></a>
                                @endif
                            </div>
                            @else
                            <div class="doc-tag">
                                @if($user->is_timeline_locked == 1)
                                <img class="file-download" src="{{ url('assets/images/file-upload-lock.png') }}" alt="file-upload-lock" title="File Upload Locked" />
                                @else
                                <form id="frm_upload_{{ $doc['document_type_id'] }}" class="frm_file_upload" method="post" enctype="multipart/form-data">
                                    <input type="hidden" name="document_type" value="{{ $doc['document_type_id'] }}"/>
                                    <input type="hidden" name="stage_number" value="{{ @$active_stage }}"/>
                                    <input type="file" name="document_file" onchange="return uploadDocument('{{ $doc['document_type_id'] }}', '1','{{ $active_step_key }}');" />
                                    <img class="file-download" src="{{ url('assets/images/file-upload.png') }}" alt="file-upload" />
                                </form>
                                @endif
                            </div>
                            @endif
                            <div class="doc-tag">
                                <div class="doc-status">@if(empty($doc["is_received_mannually"])) Uploaded @else Received @endif On</div>
                                @if(!empty($doc['document_uploaded_converted_data']->dest_datetime))
                                <div>{{ dateformat($doc['document_uploaded_converted_data']->dest_datetime,DISPLAY_DATETIME) }}</div>
                                @endif
                            </div>
                            <div class="doc-tag">
                                <div class="doc-status doc-{{ strtolower($doc['document_status_name']) }}">{{ ucfirst($doc['document_status_name']) }}</div>
                                @if(!empty($doc['document_status_date_converted_data']->dest_datetime))
                                <div>{{ dateformat($doc['document_status_date_converted_data']->dest_datetime,DISPLAY_DATETIME) }}</div>
                                @endif
                            </div>
                            @else
                            <div class="file-upload-block">
                                @if($user->is_timeline_locked == 1)
                                <img class="file-upload" src="{{ url('assets/images/file-upload-lock.png') }}" alt="file-upload-lock" title="File Upload Locked" />
                                @else
                                <form id="frm_upload_{{ $doc['document_type_id'] }}" class="frm_file_upload" method="post" enctype="multipart/form-data">
                                    <input type="hidden" name="document_type" value="{{ $doc['document_type_id'] }}"/>
                                    <input type="hidden" name="stage_number" value="{{ @$active_stage }}"/>
                                    <input type="file" name="document_file" onchange="return uploadDocument('{{ $doc['document_type_id'] }}', '1','{{ $active_step_key }}');" />
                                    <img class="file-upload" src="{{ url('assets/images/file-upload.png') }}" alt="file-upload" />
                                </form>
                                @endif
                            </div>
                            <div>
                                <a href="javascript:void(0);" onclick="return showUploadInstruction('{{ $doc['document_requirement_id']}}','{{@$active_stage}}');">Upload Instructions</a>
                            </div>
                            @endif
                        </div>
                        @if(!empty($doc['document_id']))
                        <a href="javascript:void(0);" onclick="return viewUploadHistory('{{ $doc['document_type_id'] }}','{{@$active_stage}}');">View upload history</a>
                        @else
                        &nbsp;
                        @endif
                    </div>
                    @endforeach
                    @endif
                </div>
            </div>
        @endif
        
        <div class="col-sm-12 well m-top-60" tabindex="0" id="doc">
            <div class="row docs">
                <div class="col-sm-12">
                    @if(@$active_stage == 2)
                    <p class="doc-sec-title @if(config('common.portal') == 'ODC') doc-sec-title-odc @endif"><strong>Documents required to expedite the J-1 visa filing process after your placement is confirmed </strong>(obtaining some documents might take some time, that’s why we ask you to start collecting these documents as early as possible, in order not to delay your arrival in the USA)</p>
                    @else
                    <p class="doc-sec-title @if(config('common.portal') == 'ODC') doc-sec-title-odc @endif"><strong>As part of the U.S. Department of State regulations, we need the following documents for completing your visa file... </strong></p>
                    @endif
                </div>
                @if(!empty($documents))
                @foreach($documents as $doc)
                <div class="col-sm-6 col-md-4 col-xs-12 m-b-10 text-center">
                    <div class="upload-title tooltip_info" title="{{ $doc['document_label'] }}">
                        @php
                        $required_class = "text-warning";
                        $doc_desc = $doc['doc_desc'];
                        if($doc['requirement_type'] == 1)
                        {
                            $required_class = "text-danger";
                            if(!empty($doc_desc)){
                                $doc_desc .= "<br> (required)";
                            }else{
                                $doc_desc .= "(required)";
                            }
                        }
                        @endphp
                        @if(!empty($doc_desc))
                        <a data-html="true" data-toggle="tooltip" title="{{ $doc_desc }}" data-placement="left" data-container="body"><i class="fa fa-asterisk {{ $required_class }}"></i></a> 
                        @endif
                        <span class="tooltip_info_label">{{ $doc['document_label'] }}</span>
                        @php
                        if(!empty($doc['document_note_text']))
                        {
                        @endphp
                        <a data-html="true" data-toggle="tooltip" title="{{ $doc['document_note_text'] }}" data-placement="top" class="tooltip_info_a" data-container="body">
                            <img class="tooltip_info_img" src="{{ url('assets/images/information-ocre.png') }}" alt="file-Note Text" />
                        </a>
                        @php
                        }
                        @endphp
                    </div>
                    <div class="clearfix"></div>
                    <div class="upload-wrapper" title="{{ $doc['document_label'] }}">
                        @if(!empty($doc['document_id']))
                        @if(!empty($doc['document_download_link']) && !in_array($doc['document_status'],array(3,5)))
                        <div class="doc-tag">
                            @if(array_key_exists('document_download_code', $doc))
                                @php
                                    $dcode = encrypt([
                                                'dcode' => $doc['document_download_code'], 
                                                'doc_filename' => $doc['document_filename'] 
                                            ]);
                                @endphp
                                @if(empty($doc["is_received_mannually"]))
                                <a href="{{ !empty($doc["document_download_code"]) ? route('download', array('dcode',$dcode)) : 'javascript:void(0);' }}">
                                    <img class="file-download" src="{{ url('assets/images/file-download.png') }}" alt="file-download" />
                                </a>
                                @else
                                <a href="javascript: return false">
                                    <img class="file-download" src="{{ url('assets/images/file-download.png') }}" alt="file-download" />
                                </a>
                                @endif
                            @else
                                <a href="{{ $doc['document_download_link'] }}"><img class="file-download" src="{{ url('assets/images/file-download.png') }}" alt="file-download" /></a>
                            @endif
                        </div>
                        @else
                        <div class="doc-tag">
                            @if($user->is_timeline_locked == 1)
                            <img class="file-download" src="{{ url('assets/images/file-upload-lock.png') }}" alt="file-upload-lock" title="File Upload Locked" />
                            @else
                            <form id="frm_upload_{{ $doc['document_type_id'] }}" class="frm_file_upload" method="post" enctype="multipart/form-data">
                                <input type="hidden" name="document_type" value="{{ $doc['document_type_id'] }}"/>
                                <input type="hidden" name="stage_number" value="{{ @$active_stage }}"/>
                                <input type="file" name="document_file" onchange="return uploadDocument('{{ $doc['document_type_id'] }}', '1','{{ $active_step_key }}');" />
                                <img class="file-download" src="{{ url('assets/images/file-upload.png') }}" alt="file-upload" />
                            </form>
                            @endif
                        </div>
                        @endif
                        <div class="doc-tag">
                            <div class="doc-status">@if(empty($doc["is_received_mannually"])) Uploaded @else Received @endif On</div>
                            @if(!empty($doc['document_uploaded_converted_data']->dest_datetime))
                            <div>{{ dateformat($doc['document_uploaded_converted_data']->dest_datetime,DISPLAY_DATETIME) }}</div>
                            @endif
                        </div>
                        <div class="doc-tag">
                            <div class="doc-status doc-{{ strtolower($doc['document_status_name']) }}">{{ ucfirst($doc['document_status_name']) }}</div>
                            @if(!empty($doc['document_status_date_converted_data']->dest_datetime))
                            <div>{{ dateformat($doc['document_status_date_converted_data']->dest_datetime,DISPLAY_DATETIME) }}</div>
                            @endif
                        </div>
                        @else
                        <div class="file-upload-block">
                            @if($user->is_timeline_locked == 1)
                            <img class="file-upload" src="{{ url('assets/images/file-upload-lock.png') }}" alt="file-upload-lock" title="File Upload Locked" />
                            @else
                            <form id="frm_upload_{{ $doc['document_type_id'] }}" class="frm_file_upload" method="post" enctype="multipart/form-data">
                                <input type="hidden" name="document_type" value="{{ $doc['document_type_id'] }}"/>
                                <input type="hidden" name="stage_number" value="{{ @$active_stage }}"/>
                                <input type="file" name="document_file" onchange="return uploadDocument('{{ $doc['document_type_id'] }}', '1','{{ $active_step_key }}');" />
                                <img class="file-upload" src="{{ url('assets/images/file-upload.png') }}" alt="file-upload" />
                            </form>
                            @endif
                        </div>
                        <div>
                            <a href="javascript:void(0);" onclick="return showUploadInstruction('{{ $doc['document_requirement_id']}}','{{@$active_stage}}');">Upload Instructions</a>
                        </div>
                        @endif
                    </div>
                    @if(!empty($doc['document_id']))
                    <a href="javascript:void(0);" onclick="return viewUploadHistory('{{ $doc['document_type_id'] }}','{{@$active_stage}}');">View upload history</a>
                    @else
                    &nbsp;
                    @endif
                </div>
                @endforeach
                @endif
            </div>
        </div>
        <div class="col-sm-12">
            @if(!empty($next_step_key) && $step_status == 2)
            <button type="button" class="btn @if(config('common.portal') == 'ODC') btn-odc btn-info-ODC @else btn-info @endif btn-xs-block" onclick="navigateStages('{{ $active_stage }}','{{ $next_step_key }}')">Next Step</button>
            @endif
        </div>
    </div>
    <script>
        $(document).ready(function(){
            $('[data-toggle="tooltip"]').tooltip();
            $('#doc').focus();
        });
    </script>
</div>