@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 Document for TCA 1 </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>
        </div>
        {{-- <div class="alert alert-primary d-inline-block w-auto" role="alert">
                    <strong>Application Number:</strong> {{ $application->application_no }}
                </div> --}}
        <div class="float-right">
            <a href="{{ URL('admin/application/export/tca?application_id=' . $application->id . '&user_id=' . $user->id) }}"
                class="btn btn-sm btn-info mr-2 @cannot('download') hidden @endcannot">Export</a><a
                href="{{ URL('admin/application/piv/' . $application->id) }}" class="btn btn-sm btn-primary">Back</a>
        </div>
    </div>

    <div class="table-responsive">
        <form id="addapplicationtca" action="{{ URL('customer/application/tca/' . $application->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($tcas) > 0)
                    @foreach ($tcas as $index => $p)
                        <tr>
                            <td>
                                {{ $index + $tcas->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="{{ asset('admin/application/view/file/tca/' . $p->id) }}">View
                                    File</a>
                            </td>
                            @can('download')
                                <td>
                                    <a href="{{ asset('admin/application/download/file/tca/' . $p->id) }}">Download
                                        File</a>
                                    @if ($p->version > 1)
                                        <br>
                                        <a href="{{ URL('admin/application/download/file/tca/' . $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" tca-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"
                                        tca-id="{{ $p->id }}">
                                        Edit
                                    </a>
                                </td>
                            @endcan
                        </tr>
                    @endforeach
                @endif
            </table>
        </form>
    </div>
    {{ $tcas->appends(request()->input())->links('pagination.admin') }}

    <!-- 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 = '