@extends('layouts.app')

@section('title', \App\CPU\translate('Shelf Expiry List'))
@push('css_or_js')
    <link rel="stylesheet" href="{{ asset('assets') }}/css/bootstrap-datepicker.min.css" />
@endpush

@section('content')
    <div id="kt_app_content" class="app-content flex-column-fluid">
        <div id="kt_app_content_container" class="app-container container-xxxl">
            @include('includes.breadcrumb', [
                'title' => 'Shelf Expiry List',
                'model' => 'Expiry Goods',
                'sub_model' => 'List',
                'model_object' => null,
            ])
            <div class="card">
                <div class="px-3 py-4">
                    <div class="row flex-grow-1">
                        <form class="row" action="{{ url()->current() }}" method="GET">
                            <div class="row col-9">
                                <div class="row col-12 align-items-center">
                                    <div class="col-4 form-group">
                                        @include('includes.vendorSelect', [
                                            'vendors' => $vendors,
                                            'required' => false,
                                            'id' => 'select_vendor_no_1',
                                        ])
                                    </div>
                                    <div class="col-4 form-group">
                                        @include('includes.businessSelect', [
                                            'required' => false,
                                            'id' => 'select_business_1',
                                        ])
                                    </div>
                                    {{-- requests numbers --}}
                                    <div class="col-4 form-group">
                                        @include('includes.select', [
                                            'name' => 'search_request_no',
                                            'id' => 'search_request_no',
                                            'label' => 'Request number',
                                            'required' => false,
                                            'data' => $requests_no,
                                            'nested' => false,
                                        ])
                                    </div>
                                    {{-- status of goods --}}
                                    <div class="col-4 form-group">
                                        @include('includes.select', [
                                            'name' => 'search_status',
                                            'id' => 'search_status',
                                            'label' => 'Request Status',
                                            'required' => false,
                                            'data' => $goodsStatus,
                                            'nested' => false,
                                        ])
                                    </div>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="d-flex align-items-center justify-content-end">
                                    <button type="submit"
                                        class="filterBtn btn btn-sm fw-bold btn-primary bigMainBtn">Display</button>
                                        @include('includes.exportBtn', [
                                            'route' => route(
                                                'admin.expiry.exportHeaders',
                                                array_merge(['action' => 'export'], request()->all())),
                                        ])
                                    </div>
                                    <div class="d-flex align-items-center justify-content-end">

                                    @if (\App\CPU\Helpers::module_permission_check('shelf_expiry_upload'))
                                        <a class="filterBtn btn btn-sm fw-bold btn-success bigMainBtn ms-2" href="#"
                                            data-bs-toggle="modal" data-bs-target="#kt_modal_create_app" id="modalOpener">
                                            Upload Expiry Request</a>
                                    @endif
                                </div>
                            </div>
                        </form>
                    </div>
                </div>


                <div class="card-body pt-0">
                    <div id="kt_customers_table_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer"
                        style="overflow-x:auto">
                        <table class="table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer">
                            <thead>
                                <tr class="text-start text-gray-400 fw-bold fs-7  gs-0">
                                    {{-- <th>
                                    {{ \App\CPU\translate('Seq#') }}
                                </th> --}}
                                    <th>{{ \App\CPU\translate('Request#') }}</th>
                                    <th>{{ \App\CPU\translate('vendor') }}</th>
                                    <th>{{ \App\CPU\translate('business') }}</th>
                                    <th>{{ \App\CPU\translate('status') }}</th>
                                    <th>{{ \App\CPU\translate('type') }}</th>
                                    <th>{{ \App\CPU\translate('Creation Date') }}</th>
                                    <th>{{ \App\CPU\translate('View Details') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if (!empty($shelfExpiry))
                                    @foreach ($shelfExpiry as $expiry_index => $expiry)
                                        <tr>
                                            <td>{{ $expiry['request_no'] }}</td>
                                            <td>{{ $expiry['vendor'] }}</td>
                                            <td>{{ $expiry['business'] }}</td>
                                            <td>{{ $expiry['status'] }}</td>
                                            <td>{{ $expiry['type'] }}</td>
                                            <td>{{ Carbon\Carbon::parse($expiry['created_at'])->format('d-m-Y') }}</td>
                                            <td>
                                                <a href="{{ route('admin.expiry.details', $expiry['id']) }}"
                                                    class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
                                                    @include('includes.detailsArrowIcon')
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="table-responsive mt-4">
                    <div class="d-flex justify-content-lg-end">
                        {{ $shelfExpiry->links() }}
                    </div>
                </div>
                @if (count($shelfExpiry) == 0)
                    <div class="text-center p-4">
                        <p class="mb-0">{{ \App\CPU\translate('No_data_to_show') }}</p>
                    </div>
                @endif
            </div>
        </div>
        <div class="modal fade zIndexClass" id="kt_modal_create_app" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered mw-900px">
                <div class="modal-content">
                    <div class="modal-header">
                        <h2>Upload Expiry Goods Request</h2>
                        <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
                            @include('includes.closeIcon')
                        </div>
                    </div>
                    <div class="modal-body py-lg-10 px-lg-10">
                        <form class="add_new_form" action="{{ route('admin.expiry.upload') }}" method="post"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="flex-row-fluid py-lg-5 px-lg-15">
                                <button type="button" class="btn btn-primary" id="btnfile">
                                    @include('includes.uploadIcon') Upload File
                                </button>
                                <span id="fname"></span>
                                <div class="wrapper" style="display:none;">
                                    <input type="file" id="uplodfile" required name="expiryFile" />
                                </div>
                                <div class="fs-7 text-muted downloadTemplateBtn" style="float:right"><a
                                        href="{{ asset('assets') }}/expiry-goods-upload-template.xlsx">Download
                                        Template</a></div>
                            </div>
                            <div class="flex-row-fluid py-lg-5 px-lg-15">
                                <div class="current" data-kt-stepper-element="content">
                                    <div class="row w-100">
                                        <div class="col-6 fv-row mb-10">
                                            @include('includes.vendorSelect', [
                                                'vendors' => $vendors,
                                                'required' => true,
                                                'id' => 'select_vendor_no_2',
                                            ])
                                        </div>
                                        <div class="col-6 fv-row mb-10">
                                            @include('includes.businessSelect', [
                                                'required' => true,
                                                'id' => 'select_business_2',
                                            ])
                                        </div>

                                        {{-- <div class="col-6 fv-row mb-10">
                                            <label class="d-flex align-items-center fs-5 fw-semibold mb-2">
                                                <span class="required">Type</span>
                                            </label>
                                            <select aria-label="Select a Type" id="type" name="type"
                                                data-control="select2" data-placeholder="Type"
                                                class="form-select form-select-sm form-select-solid">
                                                @foreach ($goodsType as $type)
                                                    <option value="{{ $type }}">
                                                        {{ $type }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div> --}}
                                        <div class="col-6">
                                            <label class="fs-6 fw-semibold mb-2">Note</label>
                                            <textarea class="form-control mb-3" rows="5" data-kt-element="input" name="note" placeholder="Type a Note"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="flex-row-fluid py-lg-5 px-lg-15">
                                <div class="current" data-kt-stepper-element="content">
                                    <div class="col-md-12 form-group justify-content-end" style="max-height:45px;">
                                        <button type="submit" class="btn btn-primary px-4"
                                            id="sendNewContract">{{ \App\CPU\translate('Submit') }}</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('script')
    <script>
        $('#kt_modal_create_app').on('shown.bs.modal', function() {
            $('#select_vendor_no_2').select2({
                dropdownParent: $('#kt_modal_create_app')
            });
            $('#select_business_2').select2({
                dropdownParent: $('#kt_modal_create_app')
            });
        });
        $("#btnfile").click(function() {
            $("#uplodfile").click();
        });

        $("#uplodfile").change(function() {
            var file = $(this).val().replace(/C:\\fakepath\\/ig, '');
            $("#fname").text(file);
        });
        $(document).ready(function() {
            $('#select_vendor_no_1').trigger('change');
        })

        $(document).on('change', '#select_vendor_no_1', function() {
            var vendor = $(this).val();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.ajax({
                url: "{{ route('admin.filter.vendor-business') }}",
                method: 'GET',
                data: {
                    vendor: vendor,
                },
                success: function(data) {
                    $('#select_business_1').empty();
                    $('#select_business_1').append(new Option('No select', 'no', true, true))
                    $(data).each(function(i, z) {
                        var select_business = '{{ $_GET['select_business'] ?? '' }}';
                        if (select_business != '' && select_business == z) {
                            $('#select_business_1').append(new Option(z, z, true, true))
                        } else {
                            $('#select_business_1').append(new Option(z, z, false, false))
                        }
                        $('#select_business_1').trigger('change');
                    })
                }
            });
        });

        $(document).on('change', '#select_vendor_no_2', function() {
            var vendor = $(this).val();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.ajax({
                url: "{{ route('admin.filter.vendor-business') }}",
                method: 'GET',
                data: {
                    vendor: vendor,
                },
                success: function(data) {
                    $('#select_business_2').empty();
                    $('#select_business_2').append(new Option('No select', 'no', true, true))
                    $(data).each(function(i, z) {
                        var select_business = '{{ $_GET['select_business'] ?? '' }}';
                        if (select_business != '' && select_business == z) {
                            $('#select_business_2').append(new Option(z, z, true, true))
                        } else {
                            $('#select_business_2').append(new Option(z, z, false, false))
                        }
                    })
                    $('#select_business_2').trigger('change');
                }
            });
        });
    </script>
@endpush