@extends('layouts.app')

@section('title', \App\CPU\translate('Destruction process 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' => 'Destruction process List',
                'model' => 'Destruction',
                'sub_model' => 'List',
                'model_object' => null,
            ])
            <div class="card">
{{-- Buttons Header --}}
<div class="card-header justify-content-end">
    <div class="d-flex align-items-center gap-2 gap-lg-3">
        {{-- Display Button --}}
        <button type="submit" form="searchForm" class="btn btn-sm fw-bold btn-primary">
            <i class="fas fa-search me-1"></i> {{ \App\CPU\translate('Display') }}
        </button>

        {{-- Export Button --}}
        <a href="{{ route('admin.destruction.export', array_merge(['action' => 'export'], request()->all())) }}"
           class="btn btn-sm fw-bold btn-primary d-flex align-items-center">
            <i class="fas fa-file-export me-2"></i>
            {{ \App\CPU\translate('Export') }}
        </a>

        {{-- Upload Button --}}
        @if (\App\CPU\Helpers::module_permission_check('destruction_upload'))
            <a class="btn btn-sm fw-bold btn-success ms-2"
               href="#" data-bs-toggle="modal" data-bs-target="#kt_modal_create_app" id="modalOpener">
                {{ \App\CPU\translate('Upload Destruction Request') }}
            </a>
        @endif
    </div>
</div>

{{-- Filter Form --}}
<div class="card-header justify-content-center pt-5">
    <form class="row w-100" action="{{ url()->current() }}" method="GET" id="searchForm">
        <div class="row col-12">
            <div class="col-md-3 mb-5">
                @include('includes.vendorSelect', [
                    'vendors' => $vendors,
                    'required' => false,
                    'id' => 'select_vendor_no_1',
                ])
            </div>

            <div class="col-md-3 mb-5">
                @include('includes.businessSelect', [
                    'required' => false,
                    'id' => 'select_business_1',
                ])
            </div>

            <div class="col-md-3 mb-5">
                <label class="title-color fw-semibold text-muted mb-2">{{ \App\CPU\translate('Start date') }}</label>
                <input type="text" class="form-control form-control-solid startdate input"
                    name="search_start_date" placeholder="Search Date From"
                    value="{{ request()->search_start_date ?? '' }}" readonly>
            </div>

            <div class="col-md-3 mb-5">
                <label class="title-color fw-semibold text-muted mb-2">{{ \App\CPU\translate('End date') }}</label>
                <input type="text" class="form-control form-control-solid enddate input dateSelect"
                    name="search_end_date" placeholder="Search Date To"
                    value="{{ request()->search_end_date ?? '' }}" readonly>
            </div>

            <div class="col-md-3 mb-5">
                @include('includes.select', [
                    'name' => 'search_destruction_status[]',
                    'id' => 'search_destruction_status',
                    'label' => 'Destruction Status',
                    'required' => false,
                    'data' => $destructionStatus,
                    'nested' => false,
                    'multiple' => 'multiple',
                ])
            </div>

            <div class="col-md-3 mb-5">
                @include('includes.select', [
                    'name' => 'search_source',
                    'id' => 'search_source',
                    'label' => 'Source',
                    'required' => false,
                    'data' => $source,
                    'nested' => false,
                ])
            </div>

            <div class="col-md-3 mb-5">
                @include('includes.itemSelect', [
                    'items' => $items ?? null,
                    'required' => false,
                    'id' => 'select_item',
                ])
            </div>

            <div class="col-md-3 mb-5">
                @include('includes.simpleTextField', [
                    'label' => 'Lot',
                    'name' => 'search_lot',
                    'required' => false,
                    'id' => 'search_lot',
                    'inputType' => 'text',
                    'placeHolder' => 'Search Lot',
                    'value' => request()->search_lot ?? null,
                ])
            </div>
        </div>
    </form>
</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('Product#') }}</th>
                                    <th>{{ \App\CPU\translate('Product Description') }}</th>
                                    <th>{{ \App\CPU\translate('business') }}</th>
                                    <th>{{ \App\CPU\translate('Lot') }}</th>
                                    {{-- <th>{{ \App\CPU\translate('Location') }}</th> --}}
                                    <th>{{ \App\CPU\translate('Expiry Date') }}</th>
                                    <th>{{ \App\CPU\translate('Shelf Life Days') }}</th>
                                    <th>{{ \App\CPU\translate('Qty') }}</th>
                                    <th>{{ \App\CPU\translate('Approved Qty') }}</th>
                                    <th>{{ \App\CPU\translate('Line Status') }}</th>
                                    <th>{{ \App\CPU\translate('Warehouse') }}</th>
                                    <th>{{ \App\CPU\translate('Subinventory') }}</th>
                                    <th>{{ \App\CPU\translate('Source') }}</th>
                                    <th>{{ \App\CPU\translate('Source Request#') }}</th>
                                    {{-- <th>{{ \App\CPU\translate('Supplier Reference') }}</th> --}}
                                    <th>{{ \App\CPU\translate('Approved By') }}</th>
                                    <th>{{ \App\CPU\translate('Approved at') }}</th>
                                    <th>{{ \App\CPU\translate('Customer#') }}</th>
                                    <th>{{ \App\CPU\translate('Customer Name') }}</th>
                                    <th>{{ \App\CPU\translate('PO No') }}</th>
                                    <th>{{ \App\CPU\translate('Po Date') }}</th>
                                    <th>{{ \App\CPU\translate('Supplier Invoice') }}</th>
                                    <th>{{ \App\CPU\translate('Invoice Date') }}</th>
                                    <th>{{ \App\CPU\translate('Receiveing Data') }}</th>
                                    <th>{{ \App\CPU\translate('Price') }}</th>
                                    <th>{{ \App\CPU\translate('Amount') }}</th>
                                    <th>{{ \App\CPU\translate('ASN') }}</th>

                                </tr>
                            </thead>
                            <tbody>

                                @if (!empty($data))
                                    @foreach ($data as $dest_index => $destruction)
                                        <tr>
                                            <td>{{ $destruction['item_no'] }}</td>
                                            <td>{{ $destruction['item_description'] }}</td>
                                            <td>{{ $destruction['business'] }}</td>
                                            <td>{{ $destruction['lot'] }}</td>
                                            {{-- <td>{{ '' }}</td> --}}
                                            <td>{{ $destruction['expiry'] ? Carbon\Carbon::parse($destruction['expiry'])->format('d-m-Y') : null }}
                                            </td>
                                            <td>{{ $destruction['shelf_life_days'] }}</td>
                                            <td>{{ $destruction['request_qty'] }}</td>
                                            <td>{{ $destruction['approved_qty'] }}</td>
                                            <td>{{ $destruction['status'] }}</td>
                                            <td>{{ $destruction['warehouse'] }}</td>
                                            <td>{{ $destruction['sub_inventory'] }}</td>
                                            <td>{{ $destruction['source'] }}</td>
                                            <td>{{ $destruction['request_no'] }}</td>
                                            {{-- <td>{{ '' }}</td> --}}
                                            <td>{{ $destruction['approved_by'] }}</td>
                                            <td>{{ $destruction['approved_date'] ? Carbon\Carbon::parse($destruction['approved_date'])->format('d-m-Y') : null }}
                                            </td>
                                            <td>{{ $destruction['customer_no'] }}</td>
                                            <td>{{ $destruction['customer_name'] }}</td>
                                            <td>{{ $destruction['po_no'] }}</td>
                                            <td>{{ Carbon\Carbon::parse($destruction['po_date'])->format('d-m-Y') }}</td>
                                            <td>{{ $destruction['supplier_invoice'] }}</td>
                                            <td>{{ $destruction['invoice_date'] ? Carbon\Carbon::parse($destruction['invoice_date'])->format('d-m-Y') : null }}
                                            </td>
                                            <td>{{ $destruction['receiveing_date'] ? Carbon\Carbon::parse($destruction['receiveing_date'])->format('d-m-Y') : null }}
                                            </td>
                                            <td>{{ $destruction['price'] }}</td>
                                            <td>{{ $destruction['amount'] }}</td>
                                            <td>{{ $destruction['asn'] }}</td>

                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="table-responsive mt-4">
                    <div class="d-flex justify-content-lg-end">
                        {{ $data->links() }}
                    </div>
                </div>
                @if (count($data) == 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 Destruction 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.destruction.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="destructionFile" />
                                </div>
                                <div class="fs-7 text-muted downloadTemplateBtn" style="float:right"><a
                                        href="{{ asset('assets') }}/destruction-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' => false,
                                                'id' => 'select_business_2',
                                            ])
                                        </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 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>
    </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);
        });
        if ($('.startdate').length > 0) {
            $('.startdate').datepicker({

                //startDate:'tomorrow',
                clearBtn: true,
                autoclose: true,
            });

        }
        if ($('.enddate').length > 0) {
            $('.enddate').datepicker({
                //startDate:'tomorrow',
                clearBtn: true,
                autoclose: true,
            });

        }
        $(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');
                }
            });
        });


        // $(document).on('click', '#exportBtn', function(e) {
        //     e.preventDefault();
        //     var requestData = @json(request()->all());
        //     $.ajaxSetup({
        //         headers: {
        //             'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
        //         }
        //     });
        //     $.ajax({
        //         url: "{{ route('admin.destruction.export', ['action' => 'export']) }}",
        //         method: 'GET',
        //         data: requestData,
        //     });
        // });
    </script>
@endpush