@extends('layouts.app')

@section('title', \App\CPU\translate('KBD List'))

@push('css_or_js')
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <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">
        <!--begin::Content container-->
        <div id="kt_app_content_container" class="app-container container-xxxl">
            <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
                <!--begin::Toolbar container-->
                <div id="kt_app_toolbar_container" class="app-container container-xxxl d-flex flex-stack">
                    <!--begin::Page title-->
                    <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                        <!--begin::Title-->
                        <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">
                            {{-- KBD List ({{ $adjustment_result->total() }}) --}}
                        </h1>
                        <!--end::Title-->
                        <!--begin::Breadcrumb-->
                        <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                            <!--begin::Item-->
                            <li class="breadcrumb-item text-muted">
                                <a href="" class="text-muted text-hover-primary">Dashboard</a>
                            </li>
                            <!--end::Item-->
                            <!--begin::Item-->
                            <li class="breadcrumb-item">
                                <span class="bullet bg-gray-400 w-5px h-2px"></span>
                            </li>
                            <!--end::Item-->
                            <!--begin::Item-->
                            <li class="breadcrumb-item text-muted">Ajustments</li>
                            <!--begin::Item-->
                            <li class="breadcrumb-item">
                                <span class="bullet bg-gray-400 w-5px h-2px"></span>
                            </li>
                            <li class="breadcrumb-item text-muted">{{ \App\CPU\translate('Adustments Export') }}</li>
                            <!--end::Item-->
                        </ul>
                        <!--end::Breadcrumb-->
                    </div>
                    <!--end::Page title-->
                </div>
                <!--end::Toolbar container-->
            </div>
            <!--begin::Card-->
            <div class="card">
                <!-- Data Table Top -->
                <div class="px-3 py-4">
                    <div class="card-body pt-0 row flex-grow-1">
                        <form class="row" action="{{ url()->current() }}" method="GET">
                            <div class="row col-8">
                                @if (auth('admin')->user()->role->is_tamer_team == 1)
                                    <div class="col-4 form-group ">
                                        <label for="date_from"
                                            class="title-color required fw-semibold text-muted">{{ \App\CPU\translate('Vendor No') }}</label>
                                        <select aria-label="Select a Vendor" id="select_vendor" name="select_vendor"
                                            data-control="select2" data-placeholder="Vendor Name"
                                            class="form-select form-select-sm form-select-solid selectChange">
                                            <option value="0" selected disabled>Vendor</option>
                                            <option value="no">No select</option>
                                            @foreach ($vendors_nos as $vendor_item)
                                                <option value="{{ $vendor_item }}"
                                                    @isset($_GET['select_vendor']) @if ($vendor_item == $_GET['select_vendor']) {{ 'selected' }} @endif @endisset>
                                                    {{ $vendor_item }}
                                                    {{-- {{ $vendor_item['VENDOR_NAME'] }} --}}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-4 form-group ">
                                        <label for="date_from"
                                            class="title-color fw-semibold text-muted">{{ \App\CPU\translate('Business') }}</label>
                                        <select aria-label="Select a business" id="select_business" name="select_business"
                                            data-control="select2" data-placeholder="Business"
                                            class="form-select form-select-sm form-select-solid selectChange">
                                            <option value="0" selected disabled>Business</option>
                                            <option value="no">No select</option>
                                        </select>
                                    </div>
                                @elseif ($vendors_count > 1)
                                    <div class="col-4 form-group ">
                                        <label for="date_from"
                                            class="title-color fw-semibold text-muted">{{ \App\CPU\translate('Vendor No') }}</label>
                                        <select aria-label="Select a Vendor" id="select_vendor" name="select_vendor"
                                            data-control="select2" data-placeholder="Vendor Name"
                                            class="form-select form-select-sm form-select-solid selectChange">
                                            <option value="0" selected disabled>Vendors</option>
                                            <option value="no">No select</option>
                                            @foreach ($vendors_nos as $vendor_index => $vendor_item)
                                                <option value="{{ $vendor_item }}"
                                                    @isset($_GET['select_vendor']) @if ($vendor_item == $_GET['select_vendor']) {{ 'selected' }} @endif @endisset>
                                                    {{ $vendor_item }}
                                                    {{-- {{ $vendor_item['VENDOR_NAME'] }} --}}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-4 form-group ">
                                        <label for="date_from"
                                            class="title-color fw-semibold text-muted">{{ \App\CPU\translate('Business') }}</label>
                                        <select aria-label="Select a business" id="select_business" name="select_business"
                                            data-control="select2" data-placeholder="Business"
                                            class="form-select form-select-sm form-select-solid selectChange">
                                            <option value="0" selected disabled>Business</option>
                                            <option value="no">No select</option>
                                        </select>
                                    </div>
                                @else
                                    <input type="hidden" name="select_vendor" value="{{ $vendors_nos[0] ?? null }}">
                                @endif
                                <div class="col-4 form-group">
                                    <label for="date_from"
                                        class="title-color fw-semibold text-muted">{{ \App\CPU\translate('Adjustment Type') }}</label>
                                    <select aria-label="Select a Adjustment Type" id="adjustment_type_select"
                                        name="adjustment_type[]" data-control="select2" data-placeholder="Adjustment Type"
                                        multiple class="form-select form-select-sm form-select-solid input-tb-pad">
                                        <option value="0" disabled>Adjustment Type</option>

                                        <option value="CM-Additional Discount"
                                                @if (isset(request()->adjustment_type) && in_array('CM-Additional Discount', request()->adjustment_type)) selected @endif>
                                                CM-Additional Discount</option>
                                            <option value="CM-End Of Deal"
                                                @if (isset(request()->adjustment_type) && in_array('CM-End Of Deal', request()->adjustment_type)) selected @endif>
                                                CM-End Of Deal</option>
                                            <option value="CM-Extra discount"
                                                @if (isset(request()->adjustment_type) && in_array('CM-Extra discount', request()->adjustment_type)) selected @endif>
                                                CM-Extra discount</option>
                                            <option value="CM-lnlisting Fees"
                                                @if (isset(request()->adjustment_type) && in_array('CM-lnlisting Fees', request()->adjustment_type)) selected @endif>
                                                CM-lnlisting Fees</option>
                                    </select>
                                </div>
                                <div class="col-4 form-group">
                                    <label for="date_from"
                                        class="title-color fw-semibold text-muted">{{ \App\CPU\translate('Adjustment') }}</label>
                                    <select aria-label="Select a Adjustment No" id="adjustment_no_select" multiple
                                        name="search_adjustment_id[]" data-control="select2" data-placeholder="Adjustment No"
                                        class="form-select form-select-sm form-select-solid input-tb-pad">
                                        <option value="0"disabled>Adjustment No</option>
                                        @foreach ($adjustments as $adjustment)
                                            <option value="{{ $adjustment->id }}"
                                                @if (isset(request()->search_adjustment_id) && in_array($adjustment->id, request()->search_adjustment_id)) selected @endif>
                                                {{ $adjustment->ADJUSTMENT_NO . ' - ' . $adjustment->ADJUSTMENT_TYPE }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="d-flex align-items-center justify-content-end">
                                <button type="submit"
                                    class="filterBtn btn btn-sm fw-bold btn-primary bigMainBtn">Search</button>
                                    @include('includes.exportBtn', [
                                        'route' =>route('admin.adjustment.multi-export', $inputs),
                                    ])
                            </div>
                            </div>
                        </form>
                        <!-- End Search -->
                    </div>
                    <!-- End Row -->
                    <br><br>
                    <!-- End Data Table Top -->

                    <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('SL') }}
                                        </th>
                                        <th>{{ \App\CPU\translate('Adjustment No') }}</th>
                                        <th>{{ \App\CPU\translate('Adjustment Name') }}</th>
                                        <th>{{ \App\CPU\translate('Customer No') }}</th>
                                        <th>{{ \App\CPU\translate('Customer Name EN') }}</th>
                                        <th class="rightAllign">{{ \App\CPU\translate('Customer Name AR') }}</th>
                                        <th>{{ \App\CPU\translate('Item No') }}</th>
                                        <th>{{ \App\CPU\translate('Item Name EN') }}</th>
                                        <th>{{ \App\CPU\translate('Bill To') }}</th>
                                        <th>{{ \App\CPU\translate('Amount') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($adjustment_items as $k => $line)

                                        <tr>
                                            <td onclick="window.location='{{ route('admin.adjustment.edit', $line->ADJUSTMENT_ID) }}'">
                                                <span class="text-primary">{{ 1 + $k }}</span>
                                            </td>
                                            <td>{{ $line->adjustment->ADJUSTMENT_NO }}</td>
                                            <td>{{ $line->adjustment->ADJUSTMENT_NAME }}</td>
                                            <td>{{ $line['CUSTOMER_NUMBER'] }}</td>
                                            <td>{{ $line->customer->CUSTOMER_NAME }} </td>
                                            <td class="rightAllign">{{ $line->customer->ARABIC_ALTERNATE_NAME }}</td>
                                            <td>{{ $line->item->ITEM_NO ?? null }}</td>
                                            <td class="">{{ $line->item->ITEM_NAME_E ?? null }}</td>
                                            <td>{{ $line['LOCATION_NO'] }}</td>
                                            <td>{{ $line['AMOUNT'] }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="table-responsive mt-4">
                        <div class="d-flex justify-content-lg-end">
                            <!-- Pagination -->
                            @if (!empty($adjustment_items))
                                {{ $adjustment_items->links() }}
                            @endif
                        </div>
                    </div>
                    @if (count($adjustment_items) == 0)
                        <div class="text-center p-4">
                            <p class="mb-0">{{ \App\CPU\translate('No_data_to_show') }}</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <!--end::Modal - Create App-->
    @endsection
    @push('script')
    <script src="{{ asset('assets') }}/js/bootstrap-datepicker.min.js"></script>
        <script>
            $(document).on('change', '#select_vendor', 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').empty();
                        $('#select_business').append(new Option('business', '0', true, true));
                        $('#select_business>option[value="0"]').prop('disabled', true);
                        $('#select_business').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').append(new Option(z, z, true, true))
                                $('#select_business').val(1).trigger('change');
                            } else {
                                $('#select_business').append(new Option(z, z, false, true))
                                $('#select_business').val(1).trigger('change');
                            }
                        })
                    }
                });
            });
            $(window).ready(function() {
                $('#select_vendor').trigger("change");

            if ($('.startdate').length > 0) {
                $('.startdate').datepicker({
                    // language: rtl ? 'ar' : 'en',
                    //startDate:'tomorrow',
                    clearBtn: true,
                    autoclose: true,
                });
                // $('.startdate').datepicker('update', 'tomorrow');
            }

            $(document).on('change', 'select', function() {
                if ($(this).val() == 'no') {
                    $(this).val(null).trigger("change");
                }
            });
            });
        </script>
    @endpush