@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"> Application Details</span>
    <span class="col-sm-4 font-base text-white text-center p-0"> Enroll List of Application </span>
    <span class="col-sm-4 font-base text-white text-right p-0"> Year - {{ $year }} </span>
@endpush
@section('content')

    <div class="float-left w-100 py-3">
        &nbsp;
        <div class="float-right">
            <a href="{{ URL('customer/application/export/application?year=' . $year) }}"
                class="btn btn-sm btn-info mr-2">Export</a><a href="{{ URL('customer') }}"
                class="btn btn-sm btn-primary">Back</a>
        </div>
    </div>

    <div class="table-responsive">
        <form id="addapplication" action="{{ URL('customer/application/' . $year . '/add') }}" method="post"
            enctype="multipart/form-data">
            @csrf
            <table class="table table-striped font-14">
                <tr>
                    <th>S.No</th>
                    <th>Name of Eligible AAT Product</th>
                    <th>Variant</th>
                    <th>PLI Product Code</th>
                    <th>Estimated DVA%</th>
                    <th>Status of AAT Application</th>
                    <th>Date of Filling</th>
                    <th>Application Number <p class="p-0 m-0">(PIV 1 - </p>
                        <p class="p-0 m-0">TCA 1)</p>
                    </th>
                    <th>Product Spec</th>
                    <th>Address</th>
                    <th>Supplier </br>
                        <p class="p-0 m-0">(PIV 2 - </p>
                        <p class="p-0 m-0">TCA 2)</p>
                    </th>
                </tr>
                <tr>
                    <td>

                    </td>
                    <td>
                        <input type="text" name="name_aat_product" class="form-control"
                            value="{{ $draft->name_aat_product ?? old('name_aat_product') }}" required />
                    </td>
                    <td>
                        <input type="text" name="variant" class="form-control" value="{{ $draft->variant ?? old('variant') }}"
                            required />
                    </td>
                    <td>
                        <input type="text" name="pli_product_code" class="form-control"
                            value="{{ $draft->pli_product_code ?? old('pli_product_code') }}" required />
                    </td>
                    <td>
                        <input type="text" name="dva" class="form-control" value="{{ $draft->dva ?? old('dva') }}"
                            required />
                    </td>
                    <td>
                        <input type="text" name="status_aat_application" class="form-control"
                            value="{{ $draft->status_aat_application ?? old('status_aat_application') }}" required />
                    </td>
                    <td>
                                                <input type="text" name="date_of_filling" class="form-control flatpicker"
                            value="{{ isset($dateOfFilling) ? $dateOfFilling->format('d-m-Y') : date('d-m-Y') }}"
                            readonly />
                    </td>
                    <td>
                        <input type="text" name="application_no" class="form-control"
                            value="{{ $draft->application_no ?? old('application_no') }}" required />
                    </td>
                    <td>
                        <input type="text" name="product_spec" class="form-control"
                            value="{{ $draft->product_spec ?? old('product_spec') }}" required />
                    </td>
                    <td>
                        <input type="text" name="address" class="form-control" value="{{ $draft->address ?? old('address') }}"
                            required />
                    </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>
                </tr>
                @if (count($applications) > 0)
                    @foreach ($applications as $index => $a)
                        <tr>
                            <td>
                                {{ $index + $applications->firstItem() }}
                            </td>
                            <td>
                                {{ $a->name_aat_product }}
                            </td>
                            <td>
                                {{ $a->variant }}
                            </td>
                            <td>
                                {{ $a->pli_product_code }}
                            </td>
                            <td>
                                {{ $a->dva }}
                            </td>
                            <td>
                                {{ $a->status_aat_application }}
                            </td>
                            <td>
                                {{ \Carbon\Carbon::parse($a->date_of_filling)->format('d-M-Y') }}
                            </td>
                            <td>
                                <a href="{{ URL('customer/application/piv/' . $a->id) }}">{{ $a->application_no }}</a>
                            </td>
                            <td>
                                {{ $a->product_spec }}
                            </td>
                            <td>
                                {{ $a->address }}
                            </td>
                            <td>
                                <a href="{{ URL('customer/application/supplier/' . $a->id) }}">Supplier</a>
                            </td>
                        </tr>
                    @endforeach
                @endif
            </table>
        </form>
    </div>
    {{ $applications->appends(request()->input())->links('pagination.admin') }}

@endsection

@push('scripts')
    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
    <script>
        $(".flatpicker").flatpickr({
            dateFormat: "d-m-Y"
        });
    </script>
    <script>
        /* $(document).ready(function() {
                                                $("#addapplication input").focus(function() {
                                                    $(this).css('width', '350px');
                                                });
                                                $("#addapplication input").blur(function() {
                                                    $(this).css('width', '100%');
                                                });
                                            }); */

        $('body').on('click', '.savebtn', function(e) {
            e.preventDefault();
            let dataFor = $(this).attr('data-for');
            $('#addapplication').find('input[name="submit_type"]').val(dataFor);
            $('#addapplication').submit();
        });
    </script>
@endpush