@extends('admin.layouts.app')

@push('stylesheets')
    {{-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"> --}}
@endpush
@push('topnav')
    <span class="col-sm-4 font-base text-white p-0"> Applicant: {{ $user->compay_name ?? $user->name }}</span>
    <span class="col-sm-4 font-base text-white text-center p-0"> List of Documents for Suppliers - TCA 2 </span>
    <span class="col-sm-4 font-base text-white text-right p-0"> Year - {{ $application->year }}</span>
@endpush
@section('content')

    <div class="float-left w-100 py-3">
        &nbsp;
        <div class="float-left mr-4">
            <a href="javascript:;" class="btn btn-sm btn-primary mr-2"><strong>Application Number:</strong>
                {{ $application->application_no }}</a><a href="javascript:;"
                class="btn btn-sm btn-warning mr-2"><strong>Supplier Id:</strong> {{ $supplier->supplier_id }}</a><a
                href="javascript:;" class="btn btn-sm btn-warning mr-2">{{ $supplier->supplier_name }}</a>
        </div>
        {{-- <div class="alert alert-primary d-inline-block w-auto" role="alert">
                    <strong>Application Number:</strong> {{ $application->application_no }}
                </div>
                <div class="alert alert-warning d-inline-block w-auto" role="alert">
                    <strong>Supplier Id:</strong> {{ $supplier->supplier_id }}
                </div>
                <div class="alert alert-warning d-inline-block w-auto" role="alert">
                    {{ $supplier->supplier_name }}
                </div> --}}
        <div class="float-right">
            <a href="{{ URL('admin/application/export/piv-supplier-two/?supplier_id=' . $supplier->id . '&user_id=' . $user->id) }}"
                class="btn btn-sm btn-info mr-2 @cannot('download') hidden @endcannot">Export</a><a
                href="{{ URL('admin/application/supplier-two/' . $supplier->application_id) }}"
                class="btn btn-sm btn-primary">Back</a>
        </div>
    </div>

    <div class="table-responsive">
        <form id="addapplicationpiv" action="{{ URL('customer/application/piv-supplier-two/' . $supplier->id) }}"
            method="post" enctype="multipart/form-data">
            @csrf
            <table class="table table-striped font-14">
                <tr>
                    <th>S.No</th>
                    <th>Control / Document No</th>
                    <th>Index Reference No</th>
                    <th>Description of the file</th>
                    <th>Date</th>
                    <th>Version</th>
                    <th>View</th>
                    @can('download')
                    <th>Download</th>
                    @endcan
                    <th>History</th>
                    @can('edit')
                    <th>Action</th>
                    @endcan
                </tr>
                @if (count($supplierPivs) > 0)
                    @foreach ($supplierPivs as $index => $p)
                        <tr>
                            <td>
                                {{ $index + $supplierPivs->firstItem() }}
                                {{-- {{ $p->parent_id }} --}}
                            </td>
                            <td>
                                {{ $p->document_no }}
                            </td>
                            <td>
                                {{ $p->index_reference_no }}
                            </td>
                            <td>
                                {{ $p->desc_of_file }}
                            </td>
                            <td>
                                {{ \Carbon\Carbon::parse($p->date)->format('d-M-Y') }}
                            </td>
                            <td>
                                v{{ $p->version }}
                            </td>
                            <td>
                                <a href="{{ URL('admin/application/view-two/file/piv2/' . $p->id) }}">View File</a>
                            </td>
                            @can('download')
                            <td>
                                <a href="{{ URL('admin/application/download-two/file/piv2/' . $p->id) }}">Download File</a>
                                @if ($p->version > 1)
                                    <br>
                                    <a href="{{ URL('admin/application/download-two/file/piv2/' . $p->id . '?all=true') }}"
                                        class="text-warning">Download
                                        All</a>
                                @endif
                            </td>
                            @endcan
                            <td>
                                <a href="javascript:;" class="btn history-btn btn-info btn-sm" data-placement="top"
                                    title="" data-original-title="History" data-toggle="modal"
                                    data-target="#historyModal" piv-id="{{ $p->id }}">
                                    History
                                </a>
                            </td>
                            @can('edit')
                            <td>
                                <a href="javascript:;" class="btn edit-btn btn-primary btn-sm" data-placement="top"
                                    title="" data-original-title="Edit" data-toggle="modal" data-target="#editModal"
                                    piv-id="{{ $p->id }}">
                                    Edit
                                </a>
                            </td>
                            @endcan
                        </tr>
                    @endforeach
                @endif
            </table>
        </form>
    </div>
    {{ $supplierPivs->appends(request()->input())->links('pagination.admin') }}

    <!-- Resubmit Modal -->
    <div class="modal fade" id="resubmitModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-body">

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

    <!-- History Modal -->
    <div class="modal fade" id="historyModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-body">

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-sm btn-secondary ml-auto" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Edit Modal -->
    <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-body">

                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    {{-- <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<script>
    $(".flatpicker").flatpickr({
        dateFormat: "d-M-Y"
    });
</script> --}}
    <script>
        var site_url = '