@extends('customer.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 Details</span>
    <span class="col-sm-4 font-base text-white text-center p-0"> Upload List of Document for Applicant - 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">
        {{-- <div class="alert alert-primary d-inline-block w-auto" role="alert">
                    <strong>Application Number:</strong> {{ $application->application_no }}
                </div> --}}
        &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="float-right">
            <a href="{{ URL('customer/application/export/tca/?application_id=' . $application->id) }}"
                class="btn btn-sm btn-info mr-2">Export</a><a
                href="{{ URL('customer/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>Upload</th>
                    <th>View</th>
                    <th>Download</th>
                    <th>Submit</th>
                    <th>Resubmit</th>
                    <th>History</th>
                </tr>
                <tr>
                    <td>

                    </td>
                    <td>
                        <input type="text" name="document_no" class="form-control"
                            value="{{ $draft->document_no ?? '' }}" required />
                    </td>
                    <td>
                        <input type="text" name="index_reference_no" class="form-control"
                            value="{{ $draft->index_reference_no ?? '' }}" required />
                    </td>
                    <td>
                        <input type="text" name="desc_of_file" class="form-control"
                            value="{{ $draft->desc_of_file ?? '' }}" required />
                    </td>
                    <td>
                                                <input type="text" name="date" class="form-control flatpicker"
                            value="{{ isset($dateOfFilling) ? $dateOfFilling->format('d-m-Y') : date('d-m-Y') }}"
                            readonly />
                    </td>
                    <td>
                        <select name="version" class="form-control" style="width: 100px;" readonly>
                            @for ($i = 1; $i <= 1; $i++)
                                <option value="{{ $i }}" @if ($i == 1) selected @endif>
                                    v{{ $i }}
                                </option>
                            @endfor
                        </select>
                    </td>
                    <td>
                        <input type="file" name="file" class="form-control" required />
                        @if ($draft)
                            <a href="{{ URL('customer/application/view/file/drafttca/' . $draft->id) }}">View
                                Draft File</a>
                        @endif
                    </td>
                    <td>

                    </td>
                    <td>

                    </td>
                    <td>
                        <input type="hidden" name="submit_type" value="submit" />
                        <button type="button" class="btn btn-sm btn-success savebtn" data-for="submit">Submit</button>
                        <button type="button" class="btn btn-sm btn-warning savebtn" data-for="draft">Draft</button>
                    </td>
                    <td>
                        {{-- <button type="submit" class="btn btn-success">Resubmit</button> --}}
                    </td>
                    <td>

                    </td>
                </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>

                            </td>
                            <td>
                                <a href="{{ URL('customer/application/view/file/tca/' . $p->id) }}">View
                                    File</a>
                            </td>
                            <td>
                                <a href="{{ URL('customer/application/download/file/tca/' . $p->id) }}">Download
                                    File</a>
                                @if ($p->version > 1)
                                    <br>
                                    <a href="{{ URL('customer/application/download/file/tca/' . $p->id . '?all=true') }}"
                                        class="text-warning">Download
                                        All</a>
                                @endif
                            </td>
                            <td>

                            </td>
                            <td>
                                <a href="javascript:;" class="btn resubmit-btn btn-warning btn-sm" data-placement="top"
                                    title="" data-original-title="Resubmit" data-toggle="modal"
                                    data-target="#resubmitModal" tca-id="{{ $p->id }}">
                                    Resubmit
                                </a>
                            </td>
                            <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>
                        </tr>
                    @endforeach
                @endif
            </table>
        </form>
    </div>

    {{ $tcas->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>
@endsection

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