@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 PIV 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?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-two/' . $application->id) }}"
                class="btn btn-sm btn-warning mr-2">View List of suppliers for TCA 2</a><a
                href="{{ URL('admin/application/' . $application->year . '?user=' . $user->id) }}"
                class="btn btn-sm btn-primary">Back</a>
        </div>
    </div>



    <div class="table-responsive">
        <form id="addapplicationsupplier" action="{{ URL('admin/application/supplier/' . $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</th>
                    <th>Address</th>
                    <th>Supplier Id</th>
                    <th>Action</th>
                </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/' . $pivlinkid) }}">{{ $s->supplier_id }}</a>
                            </td>
                            <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>
                        </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 = '