@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"> View List of Suppliers for 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>
        </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/supplier-two/?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/supplier/' . $application->id) }}" class="btn btn-sm btn-primary">Back</a>
        </div>
    </div>

    <div class="table-responsive">
        <form id="addapplicationsupplier" action="{{ URL('customer/application/supplier-two/' . $application->id) }}"
            method="post" enctype="multipart/form-data">
            @csrf
            <table class="table table-striped font-14">
                <tr>
                    <th>S.No</th>
                    <th>Supplier Name</th>
                    <th>Place (City)</th>
                    <th>Address</th>
                    <th>Supplier Id</th>
                    <!-- <th>Version</th>
                                                        <th>Upload</th>
                                                        <th>View</th> -->

                    <!-- <th>Resubmit</th>
                                                        <th>History</th> -->
                                                        @can('edit')
                                                        <th>Action</th>
                                                        @endcan
                </tr>
                @if (count($suppliers) > 0)
                    @foreach ($suppliers as $index => $s)
                        <tr>
                            <td>
                                {{ $index + $suppliers->firstItem() }}
                                {{-- {{ $p->parent_id }} --}}
                            </td>
                            <td>
                                {{ $s->supplier_name }}
                            </td>
                            <td>
                                {{ $s->place }}
                            </td>
                            <td>
                                {{ $s->address }}
                            </td>
                            <td>
                                                                <a
                                    href="{{ URL('admin/application/piv-supplier-two/' . $pivlinkid) }}">{{ $s->supplier_id }}</a>
                            </td>
                            <!-- <td>
                                                                    v{{ $s->version }}
                                                                </td>
                                                                <td>

                                                                </td>
                                                                <td>
                                                                    <a href="{{ URL('customer/application/view-two/file/supplier-two/' . $s->id) }}">View File</a>
                                                                </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" supplier-id="{{ $s->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" supplier-id="{{ $s->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"
                                                                        data-id="{{ $s->id }}">
                                                                        Edit
                                                                    </a>
                                                                </td>
                                                                @endcan
                        </tr>
                    @endforeach
                @endif
            </table>
        </form>
    </div>
    {{ $suppliers->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 = '