@extends('layout.user')
@section('content')

    <div class="page-title">
        <div class="left-column">
            <h4>Files</h4>
        </div>
        <div class="right-column">
            <div class="search-field">
                <form>
                    <input type="text" class="white-field" onkeyup="searchFunction(this.value)"
                           placeholder="Search item"/>
                    <button type="button" role="button" class="btn-search"><img
                            src="{{asset('images/search-icon.png')}}"/></button>
                </form>
                @if( \App\Helpers\HelperMethods::checkIfSubscriptionExists() )
                    <button class="btn-add" data-toggle="modal" data-target="#upload_document1">
                        Upload Files
                        <i class="fa fa-info-circle"   style="color: white" data-toggle="tooltip" data-placement="bottom" title="Click here to upload a new document."></i>
                    </button>
                @else
                    <button class="btn-add" data-toggle="modal" data-target="#membership_expired_modal">
                        Upload Files
                        <i class="fa fa-info-circle"   style="color: white" data-toggle="tooltip" data-placement="bottom" title="Click here to upload a new document."></i>
                    </button>
                @endif
            </div>
        </div>
    </div>

    <section class="contact-form">
        <div class="tabs-table">
            <div class="tabs-head">
                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#all">All Files</a></li>
                    <li><a data-toggle="tab" href="#signed">Signature Files</a></li>
                    <li><a data-toggle="tab" href="#unsigned">Unsigned</a></li>
                    <li><a data-toggle="tab" href="#general">Documents</a></li>
                    <li><a data-toggle="tab" href="#photos">Photos</a></li>
                    <li><a data-toggle="tab" href="#videos">Videos</a></li>
                </ul>
                <div class="tabs-button">
                    <div class="action-btn">
                        @if( \App\Helpers\HelperMethods::checkIfSubscriptionExists() )
                            <button class="plan-btn blue-btn send_document_btn"   style="display: none;"
                                    data-toggle="modal" data-target="#send_documents_modal"><img
                                    src="{{asset('images/send.png')}}"/>Send Files
                            </button>
                        @else
                            <button class="plan-btn blue-btn send_document_expired_btn"   style="display: none;"
                                    data-toggle="modal" data-target="#membership_expired_modal"><img
                                    src="{{asset('images/send.png')}}"/>Send Files
                            </button>
                        @endif
                            @if( \App\Helpers\HelperMethods::checkIfSubscriptionExists() )
                            <button class="plan-btn gray-btn del_check_items"   style="display: none;"><img
                                    src="{{asset('images/delete.png')}}"/>Delete Selected
                            </button>
                        @else
                            <button class="plan-btn gray-btn del_check_expired_items" data-toggle="modal"
                                    data-target="#membership_expired_modal"   style="display: none;"><img
                                    src="{{asset('images/delete.png')}}"/>Delete Selected
                            </button>
                        @endif
                    </div>
                </div>
            </div>
            <div class="tab-content" id="tab-content">
                <div id="all" class="tab-pane fade in active">
                    <div class="table table-responsive">

                        @if(count($all)>0)
                            <table>
                                <thead>
                                <tr>
                                    <th></th>
                                    <th>Name</th>
                                    <th>Added on</th>
                                    <th>Signature</th>
                                    <th>Status</th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody>


                                @foreach($all as $key=>$doc)
                                    <tr class="tr-listing{{$key}} tr-search">
                                        <td>
                                            <div class="custom-checkbox">
                                                <input type="checkbox" value="{{$doc->id}}"   style="display:none;"
                                                       onclick="selectDocumentsFromCheckbox()"
                                                       id="all-checkbox{{$key}}"/>
                                                <label for="all-checkbox{{$key}}"></label>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="name-backup"   style="text-align: start">
                                                @if($doc->extension == 'pdf' || $doc->extension == 'xls' || $doc->extension == 'xlsx' || $doc->extension == 'doc' || $doc->extension == 'docx' || $doc->extension == 'mp4' || $doc->extension == 'mov'  || $doc->extension == 'mkv' || $doc->extension == 'flv')
                                                    <img src="{{asset('images/'.$doc->extension.'_icon.png')}}"/>

                                                @elseif($doc->extension == 'png' || $doc->extension == 'jpg' || $doc->extension == 'jpeg' || $doc->extension == 'bmp'|| $doc->extension == 'webp')
                                                    <img src="{{$doc->path}}"/>

                                                @endif
                                                <span>{{$doc->name}}</span>
                                            </div>
                                        </td>
                                        <td>
                                            {{ \Carbon\Carbon::parse($doc->created_at)->isoFormat(\App\AppConstants::DOCUMENT_DATE_FORMAT)}}
                                        </td>
                                        <td>
                                            @if($doc->extension == 'pdf')
                                                {{ $doc->signature_required == 1 ? 'Mandatory' : 'Optional'  }}
                                            @else
                                                N/A
                                            @endif

                                        </td>
                                        <td>
                                            @if($doc->extension == 'pdf')
                                                @if($doc->is_signed == 1)
                                                    <span class="green-btn">Signed</span>
                                                @else
                                                    @if( \App\Helpers\HelperMethods::checkIfSubscriptionExists() )
                                                        <a onclick="showInstructionPopUp({{$doc->id}})"><img
                                                                src="{{asset('images/sign_document.png')}}"/></a>

                                                    @else
                                                        <a data-toggle="modal" data-target="#membership_expired_modal"><img
                                                                src="{{asset('images/sign_document.png')}}"/></a>
                                                    @endif
                                                @endif
                                            @else
                                                N/A
                                            @endif

                                        </td>
                                        <td>
                                            <div class="action-btn">

                                                @if($doc->extension == 'pdf' || $doc->extension == 'webp' || $doc->extension == 'png' ||$doc->extension == 'jpg' ||$doc->extension == 'jpeg' || $doc->extension == 'bmp')
                                                    <button
                                                        onclick="openDocument('{{  $doc->is_signed == 1 ? ($doc->signed_path) : ($doc->path) }}')"
                                                        class="plan-btn gray-btn"><img
                                                            src="{{asset('images/icon-eye.png')}}"/>View
                                                    </button>

                                                @elseif ($doc->extension == 'doc' || $doc->extension == 'docx' )
                                                    <button
                                                        onclick="openDocFile('{{($doc->path) }}')"
                                                        class="plan-btn gray-btn"><img
                                                            src="{{asset('images/icon-eye.png')}}"/>View
                                                    </button>
                                                @elseif ($doc->extension == 'xlsx' || $doc->extension == 'xls' )
                                                    <button   class="plan-btn gray-btn"><a target="_blank" href="{{($doc->path) }}"><img src="{{asset('images/icon-eye.png')}}"/>View</a>
                                                    </button>

                                                @elseif ($doc->extension == 'mp4' || $doc->extension == 'mov'  || $doc->extension == 'mkv' || $doc->extension == 'flv')
                                                    <button
                                                        onclick="openVideo('{{ ($doc->path) }}', '{{$doc->extension}}')"
                                                        class="plan-btn gray-btn"><img
                                                            src="{{asset('images/icon-eye.png')}}"/>View
                                                    </button>

                                                @endif

                                                <button class="plan-btn gray-btn"
                                                        onclick="deleteDocument({{$doc->id}},{{$doc}},{{$key}}, 1)"><img
                                                        src="{{asset('images/delete-icon.png')}}"/>Delete
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach


                                </tbody>
                            </table>
                        @else
                            <div>
                                @if(\App\Helpers\HelperMethods::checkIfSubscriptionExists())
                                    @include('snippets.no_records', ['title' => "No Document Found", 'message' => 'Add at least one document to continue.', 'target'=>'#upload_document1','button'=> '+ Upload Document' , 'image'=> asset('images/menu_icon3.png')])
                                @else
                                    @include('snippets.no_records', ['title' => "No Document Found", 'message' => 'Add at least one document to continue.', 'target'=>'#membership_expired_modal','button'=> '+ Upload Document' , 'image'=> asset('images/menu_icon3.png')])
                                @endif
                            </div>
                        @endif

                    </div>
                </div>
                <div id="signed" class="tab-pane fade">
                    <div class="table table-responsive">
                        @if(count($signed)>0)
                            <table>
                                <thead>
                                <tr>
                                    <th></th>
                                    <th>Name</th>
                                    <th>Added on</th>
                                    <th>Signature</th>
                                    <th>Status</th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody>


                                @foreach($signed as $key=>$doc)
                                    <tr class="tr-listing{{$key}} tr-search">
                                        <td>
                                            <div class="custom-checkbox">
                                                <input type="checkbox" value="{{$doc->id}}"   style="display:none;"
                                                       onclick="selectDocumentsFromCheckbox()"
                                                       id="signed-checkbox{{$key}}"/>
                                                <label for="signed-checkbox{{$key}}"></label>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="name-backup"   style="text-align: start">
                                                <img src="{{asset('images/pdf.png')}}"/> <span>{{$doc->name}}</span>
                                            </div>
                                        </td>
                                        <td>
                                            {{ \Carbon\Carbon::parse($doc->created_at)->isoFormat(\App\AppConstants::DOCUMENT_DATE_FORMAT)}}
                                        </td>
                                        <td>
                                            {{ $doc->signature_required == 1 ? 'Mandatory' : 'Optional'  }}
                                        </td>
                                        <td>
                                            @if($doc->is_signed == 1)
                                                <span class="green-btn">Signed</span>
                                            @else
                                                @if( \App\Helpers\HelperMethods::checkIfSubscriptionExists() )
                                                    <a href="{{route('policyholder.signature', $doc->id)}}"><img
                                                            src="{{asset('images/sign_document.png')}}"/></a>
                                                @else
                                                    <a data-toggle="modal" data-target="#membership_expired_modal"><img
                                                            src="{{asset('images/sign_document.png')}}"/></a>
                                                @endif
                                            @endif
                                        </td>
                                        <td>
                                            <div class="action-btn">
                                                @if($doc->extension == 'pdf' || $doc->extension == 'webp' || $doc->extension == 'png' ||$doc->extension == 'jpg' ||$doc->extension == 'jpeg' || $doc->extension == 'bmp')
                                                    <button
                                                        onclick="openDocument('{{  $doc->is_signed == 1 ? ($doc->signed_path) : ($doc->path) }}')"
                                                        class="plan-btn gray-btn"><img
                                                            src="{{asset('images/icon-eye.png')}}"/>View
                                                    </button>

                                                @elseif ($doc->extension == 'doc' || $doc->extension == 'docx' )
                                                    <button
                                                        onclick="openDocFile('{{($doc->path) }}')"
                                                        class="plan-btn gray-btn"><img
                                                            src="{{asset('images/icon-eye.png')}}"/>View
                                                    </button>
                                                @elseif ($doc->extension == 'xlsx' || $doc->extension == 'xls' )
                                                    <button   class="plan-btn gray-btn"><a target="_blank" href="{{($doc->path) }}"><img src="{{asset('images/icon-eye.png')}}"/>View</a>
                                                    </button>
                                                @elseif ($doc->extension == 'mp4' || $doc->extension == 'mov' || $doc->extension == 'mkv' || $doc->extension == 'flv')
                                                    <button
                                                        onclick="openVideo('{{ ($doc->path) }}', '{{$doc->extension}}')"
                                                        class="plan-btn gray-btn"><img
                                                            src="{{asset('images/icon-eye.png')}}"/>View
                                                    </button>

                                                @endif
{{--                                                    <button class="plan-btn gray-btn"><img--}}
{{--                                                            src="{{asset('images/delete.png')}}"/>Delete--}}
{{--                                                    </button>--}}
                                                    <button class="plan-btn gray-btn"
                                                            onclick="deleteDocument({{$doc->id}},{{$doc}},{{$key}}, 1)"><img
                                                            src="{{asset('images/delete-icon.png')}}"/>Delete
                                                    </button>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach


                                    </tbody>
                                </table>
                            @else
                                <div>
                                    @if(\App\Helpers\HelperMethods::checkIfSubscriptionExists())
                                        @include('snippets.no_records', ['title' => "No Document Found", 'message' => 'Add at least one document to continue.', 'target'=>'#upload_document1','button'=> '+ Upload Document' , 'image'=> asset('images/menu_icon3.png')])
                                    @else
                                        @include('snippets.no_records', ['title' => "No Document Found", 'message' => 'Add at least one document to continue.', 'target'=>'#membership_expired_modal','button'=> '+ Upload Document' , 'image'=> asset('images/menu_icon3.png')])
                                    @endif
                                </div>

                            @endif
                        </div>

                    </div>
                    <div id="unsigned" class="tab-pane fade">
                        <div class="table table-responsive">
                            @if(count($un_signed)>0)
                                <table>
                                    <thead>
                                    <tr>
                                        <th></th>
                                        <th>Name</th>
                                        <th>Added on</th>
                                        <th>Signature</th>
                                        <th>Status</th>
                                        <th></th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    @foreach($un_signed as $key=>$doc)
                                        <tr class="tr-listing{{$key}} tr-search">
                                            <td>
                                                <div class="custom-checkbox">
                                                    <input type="checkbox" value="{{$doc->id}}"   style="display:none;"
                                                           onclick="selectDocumentsFromCheckbox()"
                                                           id="unsigned-checkbox{{$key}}"/>
                                                    <label for="unsigned-checkbox{{$key}}"></label>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="name-backup"   style="text-align: start">
                                                    <img src="{{asset('images/pdf.png')}}"/><span>{{$doc->name}}</span>
                                                </div>
                                            </td>
                                            <td>
                                                {{ \Carbon\Carbon::parse($doc->created_at)->isoFormat(\App\AppConstants::DOCUMENT_DATE_FORMAT)}}

                                            </td>
                                            <td>
                                                {{ $doc->signature_required == 1 ? 'Mandatory' : 'Optional'  }}
                                            </td>
    {{--                                            <td>--}}
    {{--                                                @if($doc->is_signed == 1)--}}
    {{--                                                    <span class="green-btn">Signed</span>--}}
    {{--                                                @else--}}
    {{--                                                    @if( \App\Helpers\HelperMethods::checkIfSubscriptionExists() )--}}
    {{--                                                        <a href="{{route('policyholder.signature', $doc->id)}}"><img--}}
    {{--                                                                src="{{asset('images/sign_document.png')}}"/></a>--}}
    {{--                                                    @else--}}
    {{--                                                        <a data-toggle="modal" data-target="#membership_expired_modal"><img--}}
    {{--                                                                src="{{asset('images/sign_document.png')}}"/></a>--}}
    {{--                                                    @endif--}}
    {{--                                                @endif--}}
    {{--                                            </td>--}}
                                            <td>
                                                @if($doc->extension == 'pdf')
                                                    @if($doc->is_signed == 1)
                                                        <span class="green-btn">Signed</span>
                                                    @else
                                                        @if( \App\Helpers\HelperMethods::checkIfSubscriptionExists() )
                                                            <a onclick="showInstructionPopUp({{$doc->id}})"><img
                                                                    src="{{asset('images/sign_document.png')}}"/></a>

                                                        @else
                                                            <a data-toggle="modal" data-target="#membership_expired_modal"><img
                                                                    src="{{asset('images/sign_document.png')}}"/></a>
                                                        @endif
                                                    @endif
                                                @else
                                                    N/A
                                                @endif

                                            </td>
                                            <td>
                                                <div class="action-btn">
                                                    @if($doc->extension == 'pdf' || $doc->extension == 'webp' || $doc->extension == 'png' ||$doc->extension == 'jpg' ||$doc->extension == 'jpeg' || $doc->extension == 'bmp')
                                                        <button
                                                            onclick="openDocument('{{  $doc->is_signed == 1 ? ($doc->signed_path) : ($doc->path) }}')"
                                                            class="plan-btn gray-btn"><img
                                                                src="{{asset('images/icon-eye.png')}}"/>View
                                                        </button>

                                                    @elseif ($doc->extension == 'doc' || $doc->extension == 'docx' )
                                                        <button
                                                            onclick="openDocFile('{{($doc->path) }}')"
                                                            class="plan-btn gray-btn"><img
                                                                src="{{asset('images/icon-eye.png')}}"/>View
                                                        </button>
                                                    @elseif ($doc->extension == 'xlsx' || $doc->extension == 'xls' )
                                                        <button   class="plan-btn gray-btn"><a target="_blank" href="{{($doc->path) }}"><img src="{{asset('images/icon-eye.png')}}"/>View</a>
                                                        </button>
                                                    @elseif ($doc->extension == 'mp4' || $doc->extension == 'mov'  || $doc->extension == 'mkv' || $doc->extension == 'flv')
                                                        <button
                                                            onclick="openVideo('{{ ($doc->path) }}', '{{$doc->extension}}')"
                                                            class="plan-btn gray-btn"><img
                                                                src="{{asset('images/icon-eye.png')}}"/>View
                                                        </button>

                                                    @endif
{{--                                                    <button class="plan-btn gray-btn"><img--}}
{{--                                                            src="{{asset('images/delete.png')}}"/>Delete--}}
{{--                                                    </button>--}}
                                                        <button class="plan-btn gray-btn"
                                                                onclick="deleteDocument({{$doc->id}},{{$doc}},{{$key}}, 1)"><img
                                                                src="{{asset('images/delete-icon.png')}}"/>Delete
                                                        </button>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach


                                    </tbody>
                                </table>
                            @else
                                <div>
                                    @if(\App\Helpers\HelperMethods::checkIfSubscriptionExists())
                                        @include('snippets.no_records', ['title' => "No Document Found", 'message' => 'Add at least one document to continue.', 'target'=>'#upload_document1','button'=> '+ Upload Document' , 'image'=> asset('images/menu_icon3.png')])
                                    @else
                                        @include('snippets.no_records', ['title' => "No Document Found", 'message' => 'Add at least one document to continue.', 'target'=>'#membership_expired_modal','button'=> '+ Upload Document' , 'image'=> asset('images/menu_icon3.png')])
                                    @endif
                                </div>

                            @endif
                        </div>

                    </div>
                    <div id="general" class="tab-pane fade">
                        <div class="table table-responsive">
                            @if(count($general)>0)
                                <table>
                                    <thead>
                                    <tr>
                                        <th></th>
                                        <th>Name</th>
                                        <th>Added on</th>
                                        <th>Signature</th>
                                        <th>Status</th>
                                        <th></th>
                                    </tr>
                                    </thead>
                                    <tbody>


                                    @foreach($general as $key=>$doc)
                                        <tr class="tr-listing{{$key}} tr-search">
                                            <td>
                                                <div class="custom-checkbox">
                                                    <input type="checkbox" value="{{$doc->id}}"   style="display:none;"
                                                           onclick="selectDocumentsFromCheckbox()"
                                                           id="general-checkbox{{$key}}"/>
                                                    <label for="general-checkbox{{$key}}"></label>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="name-backup"   style="text-align: start">
                                                    @if($doc->extension == 'pdf' || $doc->extension == 'xls' || $doc->extension == 'xlsx' || $doc->extension == 'doc' || $doc->extension == 'docx' || $doc->extension == 'mp4' || $doc->extension == 'mov'  || $doc->extension == 'mkv' || $doc->extension == 'flv')
                                                        <img src="{{asset('images/'.$doc->extension.'_icon.png')}}"/>

                                                    @elseif($doc->extension == 'png' || $doc->extension == 'jpg' || $doc->extension == 'jpeg' || $doc->extension == 'bmp'|| $doc->extension == 'webp')
                                                        <img src="{{($doc->path)}}"/>

                                                    @endif
                                                    <span>{{$doc->name}}</span>
                                                </div>
                                            </td>
                                            <td>
                                                {{ \Carbon\Carbon::parse($doc->created_at)->isoFormat(\App\AppConstants::DOCUMENT_DATE_FORMAT)}}
                                            </td>
                                            <td>
                                                @if($doc->extension == 'pdf')
                                                    {{ $doc->signature_required == 1 ? 'Mandatory' : 'Optional'  }}
                                                @else
                                                    N/A
                                                @endif
                                            </td>
                                            <td>
                                                @if($doc->extension == 'pdf')
                                                    @if($doc->is_signed == 1)
                                                        <span class="green-btn">Signed</span>
                                                    @else
                                                        @if( \App\Helpers\HelperMethods::checkIfSubscriptionExists() )
                                                            <a onclick="showInstructionPopUp({{$doc->id}})"><img
                                                                    src="{{asset('images/sign_document.png')}}"/></a>
                                                        @else
                                                            <a data-toggle="modal" data-target="#membership_expired_modal"><img
                                                                    src="{{asset('images/sign_document.png')}}"/></a>
                                                        @endif
                                                    @endif
                                                @else
                                                    N/A
                                                @endif
                                            </td>
                                            <td>
                                                <div class="action-btn">
                                                    @if($doc->extension == 'pdf' || $doc->extension == 'webp' || $doc->extension == 'png' ||$doc->extension == 'jpg' ||$doc->extension == 'jpeg' || $doc->extension == 'bmp')
                                                        <button
                                                            onclick="openDocument('{{  $doc->is_signed == 1 ? ($doc->signed_path) : ($doc->path) }}')"
                                                            class="plan-btn gray-btn"><img
                                                                src="{{asset('images/icon-eye.png')}}"/>View
                                                        </button>

                                                    @elseif ($doc->extension == 'doc' || $doc->extension == 'docx' )
                                                        <button
                                                            onclick="openDocFile('{{($doc->path) }}')"
                                                            class="plan-btn gray-btn"><img
                                                                src="{{asset('images/icon-eye.png')}}"/>View
                                                        </button>
                                                    @elseif ($doc->extension == 'xlsx' || $doc->extension == 'xls' )
                                                        <button   class="plan-btn gray-btn"><a target="_blank" href="{{($doc->path) }}"><img src="{{asset('images/icon-eye.png')}}"/>View</a>
                                                        </button>

                                                    @elseif ($doc->extension == 'mp4' || $doc->extension == 'mov'  || $doc->extension == 'mkv' || $doc->extension == 'flv')
                                                        <button
                                                            onclick="openVideo('{{ ($doc->path) }}', '{{$doc->extension}}')"
                                                            class="plan-btn gray-btn"><img
                                                                src="{{asset('images/icon-eye.png')}}"/>View
                                                        </button>

                                                    @endif
                                                        <button class="plan-btn gray-btn"
                                                                onclick="deleteDocument({{$doc->id}},{{$doc}},{{$key}}, 1)"><img
                                                                src="{{asset('images/delete-icon.png')}}"/>Delete
                                                        </button>
{{--                                                    <button class="plan-btn gray-btn"><img--}}
{{--                                                            src="{{asset('images/delete.png')}}"/>Delete--}}
{{--                                                    </button>--}}
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach


                                    </tbody>
                                </table>
                            @else
                                <div>
                                    @if(\App\Helpers\HelperMethods::checkIfSubscriptionExists())
                                        @include('snippets.no_records', ['title' => "No Document Found", 'message' => 'Add at least one document to continue.', 'target'=>'#upload_document1','button'=> '+ Upload Document' , 'image'=> asset('images/menu_icon3.png')])
                                    @else
                                        @include('snippets.no_records', ['title' => "No Document Found", 'message' => 'Add at least one document to continue.', 'target'=>'#membership_expired_modal','button'=> '+ Upload Document' , 'image'=> asset('images/menu_icon3.png')])
                                    @endif
                                </div>

                            @endif
                        </div>

                    </div>
                    <div id="photos" class="tab-pane fade">
                        <div class="table table-responsive">
                            @if(count($photos)>0)
                                <table>
                                    <thead>
                                    <tr>
                                        <th></th>
                                        <th>Name</th>
                                        <th>Added on</th>
                                        <th>Signature</th>
                                        <th>Status</th>
                                        <th></th>
                                    </tr>
                                    </thead>
                                    <tbody>


                                    @foreach($photos as $key=>$doc)
                                        <tr class="tr-listing{{$key}} tr-search">
                                            <td>
                                                <div class="custom-checkbox">
                                                    <input type="checkbox" value="{{$doc->id}}"   style="display:none;"
                                                           onclick="selectDocumentsFromCheckbox()"
                                                           id="photos-checkbox{{$key}}"/>
                                                    <label for="photos-checkbox{{$key}}"></label>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="name-backup"   style="text-align: start">
                                                    @if($doc->extension == 'pdf' || $doc->extension == 'xls' || $doc->extension == 'xlsx'|| $doc->extension == 'doc' || $doc->extension == 'docx' || $doc->extension == 'mp4' || $doc->extension == 'mov'  || $doc->extension == 'mkv' || $doc->extension == 'flv')
                                                        <img src="{{asset('images/'.$doc->extension.'_icon.png')}}"/>

                                                    @elseif($doc->extension == 'png' || $doc->extension == 'jpg' || $doc->extension == 'jpeg' || $doc->extension == 'bmp'|| $doc->extension == 'webp')
                                                        <img src="{{($doc->path)}}"/>

                                                    @endif
                                                    <span>{{$doc->name}}</span>
                                                </div>
                                            </td>
                                            <td>
                                                {{ \Carbon\Carbon::parse($doc->created_at)->isoFormat(\App\AppConstants::DOCUMENT_DATE_FORMAT)}}
                                            </td>
                                            <td>
                                                @if($doc->extension == 'pdf')
                                                    {{ $doc->signature_required == 1 ? 'Mandatory' : 'Optional'  }}
                                                @else
                                                    N/A
                                                @endif
                                            </td>
                                            <td>
                                                @if($doc->extension == 'pdf')
                                                    @if($doc->is_signed == 1)
                                                        <span class="green-btn">Signed</span>
                                                    @else
                                                        @if( \App\Helpers\HelperMethods::checkIfSubscriptionExists() )
                                                            <a href="{{route('policyholder.signature', $doc->id)}}"><img
                                                                    src="{{asset('images/sign_document.png')}}"/></a>
                                                        @else
                                                            <a data-toggle="modal" data-target="#membership_expired_modal"><img
                                                                    src="{{asset('images/sign_document.png')}}"/></a>
                                                        @endif
                                                    @endif
                                                @else
                                                    N/A
                                                @endif
                                            </td>
                                            <td>
                                                <div class="action-btn">
                                                    @if($doc->extension == 'pdf' || $doc->extension == 'webp' || $doc->extension == 'png' ||$doc->extension == 'jpg' ||$doc->extension == 'jpeg' || $doc->extension == 'bmp')
                                                        <button
                                                            onclick="openDocument('{{  $doc->is_signed == 1 ? ($doc->signed_path) : ($doc->path) }}')"
                                                            class="plan-btn gray-btn"><img
                                                                src="{{asset('images/icon-eye.png')}}"/>View
                                                        </button>

                                                    @elseif ($doc->extension == 'doc' || $doc->extension == 'docx' )
                                                        <button
                                                            onclick="openDocFile('{{($doc->path) }}')"
                                                            class="plan-btn gray-btn"><img
                                                                src="{{asset('images/icon-eye.png')}}"/>View
                                                        </button>
                                                    @elseif ($doc->extension == 'xlsx' || $doc->extension == 'xls' )
                                                        <button   class="plan-btn gray-btn"><a target="_blank" href="{{($doc->path) }}"><img src="{{asset('images/icon-eye.png')}}"/>View</a>
                                                        </button>

                                                    @elseif ($doc->extension == 'mp4' || $doc->extension == 'mov'  || $doc->extension == 'mkv' || $doc->extension == 'flv')
                                                        <button
                                                            onclick="openVideo('{{ ($doc->path) }}', '{{$doc->extension}}')"
                                                            class="plan-btn gray-btn"><img
                                                                src="{{asset('images/icon-eye.png')}}"/>View
                                                        </button>

                                                    @endif
{{--                                                    <button class="plan-btn gray-btn"><img--}}
{{--                                                            src="{{asset('images/delete.png')}}"/>Delete--}}
{{--                                                    </button>--}}
                                                        <button class="plan-btn gray-btn"
                                                                onclick="deleteDocument({{$doc->id}},{{$doc}},{{$key}}, 1)"><img
                                                                src="{{asset('images/delete-icon.png')}}"/>Delete
                                                        </button>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach


                                    </tbody>
                                </table>
                            @else
                                <div>
                                    @if(\App\Helpers\HelperMethods::checkIfSubscriptionExists())
                                        @include('snippets.no_records', ['title' => "No Document Found", 'message' => 'Add at least one document to continue.', 'target'=>'#upload_document1','button'=> '+ Upload Document' , 'image'=> asset('images/menu_icon3.png')])
                                    @else
                                        @include('snippets.no_records', ['title' => "No Document Found", 'message' => 'Add at least one document to continue.', 'target'=>'#membership_expired_modal','button'=> '+ Upload Document' , 'image'=> asset('images/menu_icon3.png')])
                                    @endif
                                </div>

                            @endif
                        </div>

                    </div>
                    <div id="videos" class="tab-pane fade">
                        <div class="table table-responsive">
                            @if(count($videos)>0)
                                <table>
                                    <thead>
                                    <tr>
                                        <th></th>
                                        <th>Name</th>
                                        <th>Added on</th>
                                        <th>Signature</th>
                                        <th>Status</th>
                                        <th></th>
                                    </tr>
                                    </thead>
                                    <tbody>


                                    @foreach($videos as $key=>$doc)
                                        <tr class="tr-listing{{$key}} tr-search">
                                            <td>
                                                <div class="custom-checkbox">
                                                    <input type="checkbox" value="{{$doc->id}}"   style="display:none;"
                                                           onclick="selectDocumentsFromCheckbox()"
                                                           id="video-checkbox{{$key}}"/>
                                                    <label for="video-checkbox{{$key}}"></label>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="name-backup"   style="text-align: start">
                                                    @if($doc->extension == 'pdf' || $doc->extension == 'xls' || $doc->extension == 'xlsx'|| $doc->extension == 'doc' || $doc->extension == 'docx' || $doc->extension == 'mp4' || $doc->extension == 'mov'  || $doc->extension == 'mkv' || $doc->extension == 'flv')
                                                        <img src="{{asset('images/'.$doc->extension.'_icon.png')}}"/>

                                                    @elseif($doc->extension == 'png' || $doc->extension == 'jpg' || $doc->extension == 'jpeg' || $doc->extension == 'bmp'|| $doc->extension == 'webp')
                                                        <img src="{{($doc->path)}}"/>

                                                    @endif
                                                    <span>{{$doc->name}}</span>
                                                </div>
                                            </td>
                                            <td>
                                                {{ \Carbon\Carbon::parse($doc->created_at)->isoFormat(\App\AppConstants::DOCUMENT_DATE_FORMAT)}}
                                            </td>
                                            <td>
                                                @if($doc->extension == 'pdf')
                                                    {{ $doc->signature_required == 1 ? 'Mandatory' : 'Optional'  }}
                                                @else
                                                    N/A
                                                @endif
                                            </td>
                                            <td>
                                                @if($doc->extension == 'pdf')
                                                    @if($doc->is_signed == 1)
                                                        <span class="green-btn">Signed</span>
                                                    @else
                                                        @if( \App\Helpers\HelperMethods::checkIfSubscriptionExists() )
                                                            <a href="{{route('policyholder.signature', $doc->id)}}"><img
                                                                    src="{{asset('images/sign_document.png')}}"/></a>
                                                        @else
                                                            <a data-toggle="modal" data-target="#membership_expired_modal"><img
                                                                    src="{{asset('images/sign_document.png')}}"/></a>
                                                        @endif
                                                    @endif
                                                @else
                                                    N/A
                                                @endif
                                            </td>
                                            <td>
                                                <div class="action-btn">
                                                    @if($doc->extension == 'pdf' || $doc->extension == 'webp' || $doc->extension == 'png' ||$doc->extension == 'jpg' ||$doc->extension == 'jpeg' || $doc->extension == 'bmp')
                                                        <button
                                                            onclick="openDocument('{{  $doc->is_signed == 1 ? ($doc->signed_path) : ($doc->path) }}')"
                                                            class="plan-btn gray-btn"><img
                                                                src="{{asset('images/icon-eye.png')}}"/>View
                                                        </button>

                                                    @elseif ($doc->extension == 'doc' || $doc->extension == 'docx' )
                                                        <button
                                                            onclick="openDocFile('{{($doc->path) }}')"
                                                            class="plan-btn gray-btn"><img
                                                                src="{{asset('images/icon-eye.png')}}"/>View
                                                        </button>
                                                    @elseif ($doc->extension == 'xlsx' || $doc->extension == 'xls' )
                                                        <button   class="plan-btn gray-btn"><a target="_blank" href="{{($doc->path) }}"><img src="{{asset('images/icon-eye.png')}}"/>View</a>
                                                        </button>

                                                    @elseif ($doc->extension == 'mp4' || $doc->extension == 'mov'  || $doc->extension == 'mkv' || $doc->extension == 'flv')
                                                        <button
                                                            onclick="openVideo('{{ ($doc->path) }}', '{{$doc->extension}}')"
                                                            class="plan-btn gray-btn"><img
                                                                src="{{asset('images/icon-eye.png')}}"/>View
                                                        </button>

                                                    @endif
                                                        <button class="plan-btn gray-btn"
                                                                onclick="deleteDocument({{$doc->id}},{{$doc}},{{$key}}, 1)"><img
                                                                src="{{asset('images/delete-icon.png')}}"/>Delete
                                                        </button>
{{--                                                    <button class="plan-btn gray-btn">--}}
{{--                                                        <img src="{{asset('images/delete.png')}}"/>Delete--}}
{{--                                                    </button>--}}
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach


                                    </tbody>
                                </table>
                            @else
                                <div>
                                    @if(\App\Helpers\HelperMethods::checkIfSubscriptionExists())
                                        @include('snippets.no_records', ['title' => "No Document Found", 'message' => 'Add at least one document to continue.', 'target'=>'#upload_document1','button'=> '+ Upload Document' , 'image'=> asset('images/menu_icon3.png')])
                                    @else
                                        @include('snippets.no_records', ['title' => "No Document Found", 'message' => 'Add at least one document to continue.', 'target'=>'#membership_expired_modal','button'=> '+ Upload Document' , 'image'=> asset('images/menu_icon3.png')])
                                    @endif
                                </div>

                            @endif
                        </div>

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

        </section>


        @include('modal.sign_document')
        @include('modal.sign_document_instructions')
        @include('modal.document')
        @include('modal.upload_document1')

    @endsection

    @section('js_file')
        <script nonce="{{config('app.nonce')}}" type="text/javascript" src="{{ asset('js/upload_document.js?v=').time()}}"></script>

        <script nonce="{{config('app.nonce')}}">
            var main_count = 1;
            function showInstructionPopUp(docId) {
                $('#docId').val(docId);
                $('#sign_doc_popup').attr('href', '{{asset('policyholder/documents/signature')}}/' + docId);
                $('#sign_document_instructions').modal('show');
            }

        </script>
    @endsection