@extends('layouts.app')

@section('title', \App\CPU\translate('Discount By amount 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">
                            {{-- Discount By amount List ({{ $adjustment_result->total() ?? 0 }})</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">Discount By amount</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('Discount By amount List') }}
                                </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">
                                <div class="row col-12 align-items-center">
                                    <div class="col-4 d-flex align-items-center position-relative my-1 ">
                                        <select aria-label="Select a Adjustment No" id="adjustment_no_select"
                                            name="search_adjustment_no" data-control="select2"
                                            data-placeholder="Adjustment No"
                                            class="form-select form-select-sm form-select-solid">
                                            <option value="0" selected disabled>Adjustment No</option>
                                            <option value="no">no select</option>
                                            @foreach ($adjustments as $adjustment)
                                                <option value="{{ $adjustment->ADJUSTMENT_NO }}"
                                                    @if (request()->search_adjustment_no == $adjustment->ADJUSTMENT_NO) selected @endif>
                                                    {{ $adjustment->ADJUSTMENT_NO . ' - ' . $adjustment->ADJUSTMENT_TYPE }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-4 d-flex align-items-center position-relative my-1 ">
                                        <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">
                                            <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-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 d-flex align-items-center position-relative my-1 ">
                                        <select aria-label="Select a Adjustment Name" id="adjustment_select"
                                            name="search_adjustment_name" data-control="select2"
                                            data-placeholder="Adjustment Name"
                                            class="form-select form-select-sm form-select-solid">
                                            <option value="0" selected disabled>Adjustment Name</option>
                                            <option value="no">No select</option>
                                            @foreach ($adjustments as $adjustment)
                                                <option value="{{ $adjustment->id }}"
                                                    @if (request()->search_adjustment_name == $adjustment->id) selected @endif>
                                                    {{ $adjustment->ADJUSTMENT_NAME . ' - ' . $adjustment->ADJUSTMENT_TYPE }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-4 d-flex align-items-center position-relative my-1 ">
                                        <select aria-label="Select a Customer name" id="customer_select"
                                            name="search_customer_name" data-control="select2"
                                            data-placeholder="Customer Name"
                                            class="form-select form-select-sm form-select-solid ">
                                            <option value="0" selected disabled>Customer Name</option>
                                            @foreach ($customers as $customer)
                                                <option value="{{ $customer->CUSTOMER_ID }}"
                                                    @if (request()->search_customer_name == $customer->CUSTOMER_ID) selected @endif>
                                                    {{ $customer->CUSTOMER_NAME . ' - ' . $customer->CUSTOMER_NUMBER }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-4 d-flex align-items-center position-relative my-1 ">
                                        <select aria-label="Select an Item Code" id="item_select" name="search_item_no"
                                            data-control="select2" data-placeholder="Item No"
                                            class="form-select form-select-sm form-select-solid">
                                            <option value="0" selected disabled>Item No</option>
                                            <option value="no">No select</option>
                                            @foreach ($items as $item)
                                                <option value="{{ $item->ITEM_ID }}"
                                                    @if (request()->search_item_no == $item->ITEM_ID) selected @endif>{{ $item->ITEM_NO }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-4 d-flex align-items-center position-relative my-1 ">
                                        <input placeholder="Search Date From"
                                            class="form-control form-control-solid startdate input " type="text"
                                            name="search_start_date" value="{{ $search_start_date }}" readonly="readonly">
                                    </div>
                                    <div class="col-4 d-flex align-items-center position-relative my-1 ">
                                        <input placeholder="Search Date To"
                                            class="form-control form-control-solid enddate input dateSelect" type="text"
                                            name="search_end_date" value="{{ $search_end_date }}" readonly="readonly">
                                    </div>
                                    <div class="col-4 d-flex align-items-center position-relative my-1 ">
                                        <select aria-label="Select a Adjustment Status" id="status_select"
                                            name="search_status" data-control="select2"
                                            data-placeholder="Adjustment Status"
                                            class="form-select form-select-sm form-select-solid">
                                            <option value="0" selected disabled>Adjustment Status</option>
                                            <option value="no">No select</option>
                                            <option value="draft" @if (request()->search_status == 'draft') selected @endif>Draft</option>
                                            <option value="waiting approval" @if (request()->search_status == 'waiting approval') selected @endif>Waiting Approval</option>
                                            <option value="approve" @if (request()->search_status == 'approve') selected @endif>Approve</option>
                                        </select>
                                    </div>
                                    <div class="col-4 d-flex align-items-center position-relative my-1 ">
                                        <select aria-label="Select a Business Number" id="business_select"
                                            name="search_business" data-control="select2"
                                            data-placeholder="Business Number"
                                            class="form-select form-select-sm form-select-solid">
                                            <option value="0" selected disabled>Business Number</option>
                                            <option value="no">No select</option>
                                            @foreach ($business as $business_no)
                                                <option value="{{ $business_no }}"
                                                    @if (request()->search_business == $business_no) selected @endif>
                                                    {{ $business_no }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </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.export'),
                                    ])
                                </div>
                                <div class="d-flex align-items-center justify-content-end">
                                    
                                    @if (
                                        \App\CPU\Helpers::module_permission_check('adjustment_upload') ||
                                            \App\CPU\Helpers::module_permission_check('deal_upload') ||
                                            \App\CPU\Helpers::module_permission_check('discount_upload'))
                                        <a class="filterBtn btn btn-sm fw-bold btn-success bigMainBtn" href="#"
                                            data-bs-toggle="modal" data-bs-target="#kt_modal_create_app"
                                            id="modalOpener">
                                            Create new Adjustment</a>
                                    @endif
                                </div>
                            </div>
                        </form>
                        <!-- End Search -->
                    </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('Sl') }}
                                        </th> --}}
                                        <th class="text-center">{{ \App\CPU\translate('Action') }}</th>
                                        <th>{{ \App\CPU\translate('Adjustment NO') }}</th>
                                        <th>{{ \App\CPU\translate('Adjustment Name') }}</th>
                                        <th>{{ \App\CPU\translate('Adjustment Type') }}</th>
                                        {{-- <!--<th>{{ \App\CPU\translate('Adjustment Category') }}</th>--> --}}
                                        <th>{{ \App\CPU\translate('Adjustment Status') }}</th>
                                        <th>{{ \App\CPU\translate('Vendor No') }}</th>
                                        <th>{{ \App\CPU\translate('Created By') }}</th>
                                        <th>{{ \App\CPU\translate('Active Lines') }}</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    @foreach ($adjustment_result as $k => $b)
                                        <tr>
                                            {{-- <td>{{ $adjustment_result->firstItem() + $k }}</td> --}}
                                            <td>
                                                @if (
                                                    (\App\CPU\Helpers::module_permission_check('adjustment_upload') &&
                                                        $b['ADJUSTMENT_STATUS'] != 'approve' &&
                                                        $b['ADJUSTMENT_TYPE'] != 'Adjustment') ||
                                                        (\App\CPU\Helpers::module_permission_check('deal_upload') &&
                                                            $b['ADJUSTMENT_STATUS'] != 'approve' &&
                                                            $b['ADJUSTMENT_TYPE'] != 'Deal') ||
                                                        (\App\CPU\Helpers::module_permission_check('discount_upload') &&
                                                            $b['ADJUSTMENT_STATUS'] != 'approve' &&
                                                            $b['ADJUSTMENT_TYPE'] != 'Discount'))
                                                    <!--begin::Menu-->
                                                    <a href="#"
                                                        class="btn btn-sm btn-icon btn-light btn-active-light-primary"
                                                        data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                                                        <!--begin::Svg Icon | path: icons/duotune/general/gen052.svg-->
                                                        <span class="svg-icon svg-icon-2">
                                                            <svg width="24" height="24" viewBox="0 0 24 24"
                                                                fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <rect x="10" y="10" width="4" height="4"
                                                                    rx="2" fill="currentColor" />
                                                                <rect x="17" y="10" width="4" height="4"
                                                                    rx="2" fill="currentColor" />
                                                                <rect x="3" y="10" width="4" height="4"
                                                                    rx="2" fill="currentColor" />
                                                            </svg>
                                                        </span>
                                                        <!--end::Svg Icon-->
                                                    </a>
                                                    <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4"
                                                        data-kt-menu="true">
                                                        <!--begin::Menu item-->
                                                        <div class="menu-item px-3">
                                                            <a href="{{ route('admin.adjustment.edit', [$b['id']]) }}"
                                                                class="menu-link px-3">{{ \App\CPU\translate('Edit') }}</a>
                                                        </div>
                                                        <!--end::Menu item-->

                                                        <!--begin::Menu item-->
                                                        <div class="menu-item px-3">
                                                            <a class="delete menu-link px-3" id="{{ $b['id'] }}"
                                                                data-kt-redirect="">{{ \App\CPU\translate('Delete') }}</a>
                                                        </div>
                                                        <!--end::Menu item-->
                                                    </div>
                                                @elseif ($b['ADJUSTMENT_STATUS'] == 'approve' && $b['ADJUSTMENT_TYPE'] == 'Discount')
                                                    <a href="#"
                                                        class="btn btn-sm btn-icon btn-light btn-active-light-primary"
                                                        data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                                                        <!--begin::Svg Icon | path: icons/duotune/general/gen052.svg-->
                                                        <span class="svg-icon svg-icon-2">
                                                            <svg width="24" height="24" viewBox="0 0 24 24"
                                                                fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <rect x="10" y="10" width="4" height="4"
                                                                    rx="2" fill="currentColor" />
                                                                <rect x="17" y="10" width="4" height="4"
                                                                    rx="2" fill="currentColor" />
                                                                <rect x="3" y="10" width="4" height="4"
                                                                    rx="2" fill="currentColor" />
                                                            </svg>
                                                        </span>
                                                        <!--end::Svg Icon-->
                                                    </a>
                                                    <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4"
                                                        data-kt-menu="true">

                                                        <div class="menu-item px-3">
                                                            <a href="{{ route('admin.adjustment.claim', ['adjustment_no' => $b['ADJUSTMENT_NO']]) }}"
                                                                class="menu-link px-3">{{ \App\CPU\translate('View Claim') }}</a>
                                                        </div>
                                                    </div>
                                                @endif
                                            </td>
                                            <td onclick="window.location='{{ route('admin.adjustment.edit', $b->id) }}'">
                                                <span class="text-primary">{{ $b['ADJUSTMENT_NO'] }}</span>
                                            </td>
                                            <td onclick="window.location='{{ route('admin.adjustment.view', $b->id) }}'">
                                                <span class="text-primary">{{ $b['ADJUSTMENT_NAME'] }}</span>
                                            </td>
                                            <td>{{ $b['ADJUSTMENT_TYPE'] }}</td>
                                            {{-- <!--<td>{{ $b['ADJUSTMENT_CATEGORY'] }}</td>--> --}}
                                            <td>{{ ucwords($b['ADJUSTMENT_STATUS']) }}</td>
                                            <td>{{ $b['VENDOR_NO'] }}</td>

                                            <td>{{ $b->admin->name ?? null }}</td>
                                            <td>{{ $b->adjustment_item_count() }}</td>

                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="table-responsive mt-4">
                        <div class="d-flex justify-content-lg-end">
                            <!-- Pagination -->
                            {{ $adjustment_result->links() }}
                        </div>
                    </div>
                    @if (count($adjustment_result) == 0)
                        <div class="text-center p-4">
                            <p class="mb-0">{{ \App\CPU\translate('No_data_to_show') }}</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <!--begin::Modal - Create App-->
        <div class="modal fade zIndexClass" id="kt_modal_create_app" tabindex="-1" aria-hidden="true">
            <!--begin::Modal dialog-->
            <div class="modal-dialog modal-dialog-centered mw-900px">
                <!--begin::Modal content-->
                <div class="modal-content">
                    <!--begin::Modal header-->
                    <div class="modal-header">
                        <!--begin::Modal title-->
                        <h2>Create New Adjustment</h2>
                        <!--end::Modal title-->
                        <!--begin::Close-->
                        <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
                            <span class="svg-icon svg-icon-1">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
                                        transform="rotate(-45 6 17.3137)" fill="currentColor" />
                                    <rect x="7.41422" y="6" width="16" height="2" rx="1"
                                        transform="rotate(45 7.41422 6)" fill="currentColor" />
                                </svg>
                            </span>
                            <!--end::Svg Icon-->
                        </div>
                        <!--end::Close-->
                    </div>
                    <!--end::Modal header-->
                    <!--begin::Modal body-->
                    <div class="modal-body py-lg-10 px-lg-10">
                        <!--begin::Stepper-->
                        <form class="add_new_form" action="{{ route('admin.adjustment.store') }}" method="post"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="flex-row-fluid py-lg-5 px-lg-15">
                                <!--begin::Nav-->
                                <button type="button" class="btn btn-primary" id="btnfile">
                                    <!--begin::Svg Icon | path: icons/duotune/files/fil018.svg-->
                                    <span class="svg-icon svg-icon-2">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path opacity="0.3" d="M10 4H21C21.6 4 22 4.4 22 5V7H10V4Z"
                                                fill="currentColor">
                                            </path>
                                            <path
                                                d="M10.4 3.60001L12 6H21C21.6 6 22 6.4 22 7V19C22 19.6 21.6 20 21 20H3C2.4 20 2 19.6 2 19V4C2 3.4 2.4 3 3 3H9.20001C9.70001 3 10.2 3.20001 10.4 3.60001ZM16 11.6L12.7 8.29999C12.3 7.89999 11.7 7.89999 11.3 8.29999L8 11.6H11V17C11 17.6 11.4 18 12 18C12.6 18 13 17.6 13 17V11.6H16Z"
                                                fill="currentColor"></path>
                                            <path opacity="0.3"
                                                d="M11 11.6V17C11 17.6 11.4 18 12 18C12.6 18 13 17.6 13 17V11.6H11Z"
                                                fill="currentColor"></path>
                                        </svg>
                                    </span>
                                    <!--end::Svg Icon-->Upload Adjustment
                                </button>
                                <span id="fname"></span>
                                <div class="wrapper" style="display:none;">
                                    <input type="file" id="uplodfile" required name="adjustmentfile" />
                                </div>
                                <div class="fs-7 text-muted downloadTemplateBtn" style="float:right"><a
                                        href="{{ asset('assets') }}/discount-amount-upload-template.xlsx">Download
                                        Template</a></div>

                                <!--end::Nav-->
                            </div>
                            <!--begin::Aside-->
                            <!--begin::Content-->
                            <div class="flex-row-fluid py-lg-5 px-lg-15">
                                <!--begin::Form-->
                                <!--begin::Step 1-->
                                <div class="current" data-kt-stepper-element="content">
                                    <div class="row w-100">
                                        <!--begin::Input group-->
                                        @if ($vendors_count > 1)
                                            <div class="col-6 fv-row mb-10">
                                                <label class="d-flex align-items-center fs-5 fw-semibold mb-2">
                                                    <span class="required">Vendor No</span>
                                                </label>
                                                <select aria-label="Select an Adjustment Type" id="vendor_no" required
                                                    name="vendor_no" data-control="select2"
                                                    data-placeholder="Adjustment Type"
                                                    class="form-select form-select-sm form-select-solid">
                                                    <option value="0" selected disabled>Vendor No</option>
                                                    @foreach ($vendors_nos as $vendor_no_value)
                                                        <option value="{{ $vendor_no_value }}">{{ $vendor_no_value }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </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">Operating Unit</span>
                                                </label>
                                                <select aria-label="Select an Operating Unit" id="select_org_id" required
                                                    name="org_id" data-control="select2"
                                                    data-placeholder="Operating Unit"
                                                    class="form-select form-select-sm form-select-solid">
                                                </select>
                                            </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">Business</span>
                                                </label>
                                                <select aria-label="Select an Business" id="select_business" required
                                                    name="business" data-control="select2" data-placeholder="Business"
                                                    class="form-select form-select-sm form-select-solid">
                                                </select>
                                            </div>
                                        @else
                                            <input type="hidden" name="vendor_no"
                                                value="{{ $vendors_nos[0] ?? null }}">
                                            <input type="hidden" name="org_id" value="{{ $org_ids[0] ?? null }}">
                                            <input type="hidden" name="business" value="{{ $business[0] ?? null }}">
                                        @endif

                                        <div class="col-6 fv-row mb-10">
                                            <!--begin::Label-->
                                            <label class="d-flex align-items-center fs-5 fw-semibold mb-2">
                                                <span class="required">Adjustment Name</span>
                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-lg form-control-solid"
                                                name="adjustment_name" placeholder="Adjustment Name" value="" />
                                            <!--end::Input-->
                                        </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">Adjustment Type</span>
                                            </label>
                                            <select aria-label="Select an Adjustment Type" id="adjustment_type"
                                                name="adjustment_type" data-control="select2"
                                                data-placeholder="Adjustment Type"
                                                class="form-select form-select-sm form-select-solid">
                                                <option value="0" selected disabled>Adjustment Type</option>
                                                @if (\App\CPU\Helpers::module_permission_check('contract_upload'))
                                                    <option value="CM-Additional Discount">CM-Additional Discount</option>
                                                @endif
                                                @if (\App\CPU\Helpers::module_permission_check('contract_upload'))
                                                    <option value="CM-End Of Deal">CM-End Of Deal</option>
                                                @endif

                                                @if (\App\CPU\Helpers::module_permission_check('contract_upload'))
                                                    <option value="CM-lnlisting Fees">CM-lnlisting Fees</option>
                                                @endif
                                            </select>
                                        </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="sendNewAdjustment">{{ \App\CPU\translate('Submit') }}</button>
                                        </div>
                                    </div>
                                </div>
                                <!--end::Step 1-->
                                <!--end::Form-->
                            </div>
                        </form>
                        <!--end::Content-->
                    </div>
                    <!--end::Stepper-->
                </div>
                <!--end::Modal body-->
            </div>
            <!--end::Modal content-->
        </div>
        <!--end::Modal dialog-->
        <!--end::Modal - Create App-->
    @endsection

    @push('script')
        <script src="{{ asset('assets') }}/js/bootstrap-datepicker.min.js"></script>
        <script>
            $("#btnfile").click(function() {
                $("#uplodfile").click();
            });

            $("#uplodfile").change(function() {
                var file = $(this).val().replace(/C:\\fakepath\\/ig, '');

                $("#fname").text(file);
            });


            rtl = false;
            $('#adjustment_type').on('change', function() {
                $('.adjustmentStartDate').datepicker('remove');
                if ($(this).val() != 'Discount') {
                    if ($('.adjustmentStartDate').length > 0) {
                        $('.adjustmentStartDate').datepicker({
                            language: rtl ? 'ar' : 'en',
                            container: "#adjustmentStartDate",
                            clearBtn: true,
                            startDate: new Date(),
                            autoclose: true,
                        });
                    }
                } else {
                    if ($('.adjustmentStartDate').length > 0) {
                        $('.adjustmentStartDate').datepicker({
                            language: rtl ? 'ar' : 'en',
                            container: "#adjustmentStartDate",
                            clearBtn: true,
                            endDate: new Date(),
                            autoclose: true,
                        });
                    }
                }
                $('.adjustmentStartDate').datepicker('update');

            });
        </script>

        <script>
            $(document).on('click', '.delete', function() {
                var id = $(this).attr("id");
                Swal.fire({
                    title: '{{ \App\CPU\translate('Are you sure delete this Line') }}?',
                    text: "{{ \App\CPU\translate('You_will_not_be_able_to_revert_this') }}!",
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '{{ \App\CPU\translate('Yes') }}!',
                    cancelButtonText: "{{ \App\CPU\translate('cancel') }}",
                    reverseButtons: true
                }).then((result) => {
                    if (result.value) {
                        $.ajaxSetup({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                            }
                        });
                        $.ajax({
                            url: "{{ route('admin.adjustment.delete') }}",
                            method: 'POST',
                            data: {
                                id: id
                            },
                            success: function() {
                                toastr.success(
                                    '{{ \App\CPU\translate('Line deleted successfully') }}'
                                );
                                location.reload();
                            }
                        });
                    }
                })
            });

            $(document).on('change', '.status', function() {
                var id = $(this).attr("id");
                if ($(this).prop("checked") == true) {
                    var status = 1;
                } else if ($(this).prop("checked") == false) {
                    var status = 0;
                }
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                    }
                });
                $.ajax({
                    url: "{{ route('admin.adjustment.status-update') }}",
                    method: 'POST',
                    data: {
                        id: id,
                        status: status
                    },
                    success: function(data) {
                        console.log(data)
                        if (data.success == true) {
                            toastr.success('{{ \App\CPU\translate('Status updated successfully') }}');
                        } else {
                            toastr.error(
                                '{{ \App\CPU\translate('Status updated failed. Item must be approved') }}'
                            );
                            location.reload();
                        }
                    }
                });
            });

            // adjustment customer
            $(document).on('change', '#adjustment_select', function() {
                var id = $(this).val();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                    }
                });
                $.ajax({
                    url: "{{ route('admin.adjustment.customer.filter') }}",
                    method: 'GET',
                    data: {
                        id: id,
                    },
                    success: function(data) {
                        // console.log(data)
                        $('#customer_select').empty();
                        $('#customer_select').append(new Option('customer name', '0', true, true));
                        $('#customer_select>option[value="0"]').prop('disabled', true);
                        $('#customer_select').append(new Option('no select', 'no', true, true));
                        $(data).each(function(i, z) {
                            if (i < data.length - 1) {
                                var search_customer_name =
                                    '{{ $_GET['search_customer_name'] ?? '' }}';
                                if (search_customer_name != '' && search_customer_name == z.id) {
                                    $('#customer_select').append(new Option(z.name + " - " + z
                                        .customer_number, z.id, true, true));
                                } else {
                                    $('#customer_select').append(new Option(z.name + " - " + z
                                        .customer_number, z.id, false, true));
                                }
                            } else {
                                $('#customer_select').append(new Option(z.name + " - " + z
                                    .customer_number, z.id, false, true));
                                if (search_customer_name != '' && search_customer_name == z.id) {
                                    $('#customer_select').trigger('change');
                                } else {
                                    $('#customer_select').val(1).trigger('change');

                                }
                            }
                        })
                    }
                });
            });
            // adjustment ustomer item
            $(document).on('change', '#customer_select', function() {
                var id = $(this).val();
                var adjustment_id = $('#adjustment_select').val();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                    }
                });
                $.ajax({
                    url: "{{ route('admin.adjustment.customer.item.filter') }}",
                    method: 'GET',
                    data: {
                        id: id,
                        adjustment_id: adjustment_id,
                    },
                    success: function(data) {
                        $('#item_select').empty();
                        $('#item_select').append(new Option('item code', '0', true, true));
                        $('#item_select>option[value="0"]').prop('disabled', true);
                        $('#item_select').append(new Option('no select', 'no', true, true));
                        $(data).each(function(i, z) {
                            var search_item_no = '{{ $_GET['search_item_no'] ?? '' }}';
                            if (search_item_no != '' && search_item_no == z.id) {
                                $('#item_select').append(new Option(z.item_code, z.id, true, true))
                                $('#item_select').val(1).trigger('change');
                            } else {
                                $('#item_select').append(new Option(z.item_code, z.id, false, true))
                                $('#item_select').val(1).trigger('change');

                            }
                        })
                    }
                });
            });

            $(document).on('change', 'select', function() {
                if ($(this).val() == 'no') {
                    $(this).val(null).trigger("change");
                }
            });

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