@extends('layouts.app')

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

@push('css_or_js')
    <link rel="stylesheet" href="{{ asset('assets') }}/css/bootstrap-datepicker.min.css" />
    <style>
        .disable-click {
            pointer-events: none;
            opacity: 0.2
        }

        .generateAllClaim {
            padding: 10px 25px 10px 25px !important;
            width: 161px;
            height: 55px;
            font-size: 11px
        }


        .cardBody {
            margin-top: 20px;
            height: auto;
            overflow: auto;

        }
    </style>
@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">Lines
                            Per Page ({{ $count_of_details }})</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">Kbd</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('Kbd Transaction List') }}</li>
                            <!--end::Item-->
                        </ul>
                        <!--end::Breadcrumb-->
                    </div>
                    <!--end::Page title-->

                </div>
                <!--end::Toolbar container-->
            </div>
            <div class="card">
                <!-- Data Table Top -->
                <div class="px-3 py-4">
                    <div class="card-body pt-0 row flex-grow-1 cardHeader">
                        <form class="row" action="{{ url()->full() }}" method="GET">
                            @isset($_GET['select_period'])
                                <input type="hidden" name="select_period" value="{{ $_GET['select_period'] }}">
                            @endisset
                            {{-- @isset($_GET['date_to'])
                                <input type="hidden" name="date_to" value="{{ $_GET['date_to'] }}">
                            @endisset --}}
                            @isset($_GET['select_vendor'])
                                <input type="hidden" name="select_vendor" value="{{ $_GET['select_vendor'] }}">
                            @endisset
                            @isset($_GET['select_business'])
                                <input type="hidden" name="select_business" value="{{ $_GET['select_business'] }}">
                            @endisset
                            @isset($_GET['select_claim_resource'])
                                <input type="hidden" name="select_claim_resource" value="{{ $_GET['select_claim_resource'] }}">
                            @endisset
                            <div class="row col-8">
                                <div class="row col-12 align-items-center">
                                    <div class="col-6 form-group ">
                                        <label
                                            class="title-color fw-semibold text-muted">{{ \App\CPU\translate('Transaction No') }}</label>
                                        <input type="text" name="search_src_trx_no" class="form-control  fs-7"
                                            placeholder="Search Transaction No "
                                            value="{{ $_GET['search_src_trx_no'] ?? '' }}" />
                                    </div>
                                    <div class="col-6 form-group ">
                                        <label
                                            class="title-color fw-semibold text-muted">{{ \App\CPU\translate('Ref Transaction No') }}</label>
                                        <input type="text" name="search_ref_src_trx_no" class="form-control  fs-7"
                                            placeholder="Search Ref Transaction No"
                                            value="{{ $_GET['search_ref_src_trx_no'] ?? '' }}" />
                                    </div>
                                    <div class="col-4 form-group ">
                                        <label
                                            class="title-color   fw-semibold text-muted">{{ \App\CPU\translate('Customer No') }}</label>
                                        <select aria-label="Select a Customer name" id="customer_select"
                                            name="search_customer_no" data-control="select2" data-placeholder="Customer No"
                                            class="form-select form-select-sm form-select-solid ">
                                            <option value="0" selected disabled>Customer No</option>
                                            <option value="no">No select</option>
                                            @foreach ($customers as $customer)
                                                <option value="{{ $customer->CUSTOMER_NUMBER }}"
                                                    @if (request()->search_customer_no == $customer->CUSTOMER_NUMBER) selected @endif>
                                                    {{ $customer->CUSTOMER_NUMBER . ' - ' . $customer->CUSTOMER_NAME }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-4 form-group ">
                                        <label
                                            class="title-color   fw-semibold text-muted">{{ \App\CPU\translate('Item Status') }}</label>
                                        <select aria-label="Select an Item Code" id="item_status_select"
                                            name="search_item_status" data-control="select2" data-placeholder="Item Status"
                                            class="form-select form-select-sm form-select-solid">
                                            <option value="0" disabled>Item Status</option>
                                            <option value="0"selected>All</option>
                                            <option value="1" @if (request()->search_item_status == 1) selected @endif>Not
                                                Null</option>
                                            <option value="2" @if (request()->search_item_status == 2) selected @endif>Null
                                            </option>
                                        </select>
                                    </div>
                                    <div class="col-4 form-group ">
                                        <label
                                            class="title-color fw-semibold text-muted">{{ \App\CPU\translate('Process Status') }}</label>
                                        <select aria-label="Select an Process Status" id="status_select2"
                                            name="search_process_status" data-control="select2"
                                            data-placeholder="Item Status"
                                            class="form-select form-select-sm form-select-solid">
                                            <option value="0" selected disabled>Process Status</option>
                                            <option value="no">No select</option>
                                            <option value="NEW" @if (request()->search_process_status == 'NEW') selected @endif>New
                                            </option>
                                            <option value="IN_PROCESS"@if (request()->search_process_status == 'IN_PROCESS') selected @endif>
                                                IN PROCESS</option>
                                            <option value="CLAIMED" @if (request()->search_process_status == 'CLAIMED') selected @endif>
                                                CLAIMED</option>
                                            </option>
                                        </select>
                                    </div>
                                    <div class="col-4 form-group ">
                                        <label
                                            class="title-color fw-semibold text-muted">{{ \App\CPU\translate('Claim Batch ID') }}</label>
                                        <select aria-label="Select a Batch id" id="batch_id" name="search_claim_batch_id"
                                            data-control="select2" data-placeholder="Claim Batch ID"
                                            class="form-select form-select-sm form-select-solid">
                                            <option value="0" selected disabled>Claim Batch ID</option>
                                            <option value="no">No select</option>
                                            @foreach ($batch_ids as $batch_id)
                                                <option value="{{ $batch_id }}"
                                                    @if (request()->search_claim_batch_id == $batch_id) selected @endif>
                                                    {{ $batch_id }}
                                            @endforeach
                                            </option>
                                        </select>
                                    </div>
                                    <div class="col-4 form-group ">
                                        <label for="date_from"
                                            class="title-color  fw-semibold text-muted">{{ \App\CPU\translate('Type') }}</label>
                                        <select aria-label="Select a type" id="type_select" name="select_claim_type"
                                            data-control="select2" data-placeholder="Sources"
                                            class="form-select form-select-sm form-select-solid">
                                            <option value="0" selected disabled>Type</option>
                                            <option value="no">No select</option>
                                            <option value="KBD" @if (request()->search_process_status == 'KBD') selected @endif>
                                                KBD</option>
                                            <option value="Direct Discount"
                                                @if (request()->search_process_status == 'Direct Discount') selected @endif>
                                                Direct Discount</option>
                                            <option value="Manual Discount"
                                                @if (request()->search_process_status == 'Manual Discount') selected @endif>
                                                Manual Discount</option>
                                            <option value="Amount Discount"
                                                @if (request()->search_process_status == 'Amount Discount') selected @endif>
                                                Amount Discount</option>
                                            <option value="OTHERS" @if (request()->search_process_status == 'OTHERS') selected @endif>
                                                OTHERS</option>
                                            <option value="WASFATY" @if (request()->search_process_status == 'WASFATY') selected @endif>
                                                WASFATY</option>
                                        </select>
                                    </div>
                                    <div class="col-4 form-group ">
                                        <label for="date_from"
                                            class="title-color  fw-semibold text-muted">{{ \App\CPU\translate('Area') }}</label>
                                        <select aria-label="Select an area" id="area_select" name="select_area"
                                            data-control="select2" data-placeholder="Areas"
                                            class="form-select form-select-sm form-select-solid">
                                            <option value="0" selected disabled>Area</option>
                                            <option value="no">No select</option>
                                            <option value="WESTERN" @if (request()->search_process_status == 'WESTERN') selected @endif>
                                                WESTERN </option>
                                            <option value="SOUTHERN" @if (request()->search_process_status == 'SOUTHERN') selected @endif>
                                                SOUTHERN </option>
                                            <option value="CENTRAL" @if (request()->search_process_status == 'CENTRAL') selected @endif>
                                                CENTRAL </option>
                                            <option value="EASTERN" @if (request()->search_process_status == 'EASTERN') selected @endif>
                                                EASTERN </option>
                                        </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.kbd.export', ['inputs' => request()->all()]),
                                    ])

                                    {{-- <a class="disable-click bulkEditBtn btn btn-sm fw-bold btn-success bigMainBtn generateClaimBtn"
                                    href="#" style="margin-bottom: 10px" data-bs-toggle="modal"
                                    data-bs-target="#kt_modal_generate_claim" id="modalOpener">Generate Claim</a> --}}
                                </div>
                            </div>
                        </form>
                        <!-- End Search -->
                    </div>

                    <!--begin::Card-->
                    <div class="card-body pt-0 cardBody">
                        <div id="kt_customers_table_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer"
                            style="overflow-x:auto">
                            <div class="col-md-2" style="padding-bottom: 5px">
                                <h3 class="card-title text-gray-800 fw-bold">{{ \App\CPU\translate('Sum of amount') }}
                                </h3>
                                <input type="text" value="{{ number_format($sum_of_amount, 2) }}" disabled
                                    class="form-control">
                            </div>
                            @if (auth('admin')->user()->role->is_tamer_team == 1)
                                <a class="disable-click bulkEditBtn btn btn-sm fw-bold btn-success bigMainBtn generateClaimBtn"
                                    href="#" style="margin-bottom: 10px" data-bs-toggle="modal" style=""
                                    data-bs-target="#kt_modal_generate_claim" id="modalOpener">Generate Claim</a>

                                <a class="btn btn-sm fw-bold btn-success generateAllClaim
                                 @if (!isset(request()->search_process_status) || request()->search_process_status != 'NEW') disable-click @endif"
                                    href="#" style="margin-bottom: 10px" data-bs-toggle="modal" style=""
                                    data-bs-target="#kt_modal_generate_all_claim" id="modalOpener">Generate All records
                                    Claim
                                    ( {{ $kbd_details['countData'] }} )</a>
                            @endif

                            <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>
                                            <input class="form-check-input" name="selectAllLineId" type="checkbox">All
                                        </th>
                                        <th>{{ \App\CPU\translate('Transaction No') }}</th>
                                        <th>{{ \App\CPU\translate('Transaction Date') }}</th>
                                        <th>{{ \App\CPU\translate('Customer No') }}</th>
                                        <th>{{ \App\CPU\translate('Customer Name') }}</th>
                                        <th>{{ \App\CPU\translate('Bill To') }}</th>
                                        <th>{{ \App\CPU\translate('Address') }}</th>
                                        <th>{{ \App\CPU\translate('Area') }}</th>
                                        <th>{{ \App\CPU\translate('Type') }}</th>
                                        <th>{{ \App\CPU\translate('Vendor Catalog') }}</th>
                                        <th>{{ \App\CPU\translate('Item No') }}</th>
                                        <th>{{ \App\CPU\translate('Item Name') }}</th>
                                        <th>{{ \App\CPU\translate('Amount') }}</th>
                                        <th>{{ \App\CPU\translate('Percent') }}</th>
                                        <th>{{ \App\CPU\translate('Contract No') }}</th>
                                        <th>{{ \App\CPU\translate('Reference Trx') }}</th>
                                        <th>{{ \App\CPU\translate('Ref Trx Date') }}</th>
                                        <th>{{ \App\CPU\translate('Ref Trx Qty') }}</th>
                                        <th>{{ \App\CPU\translate('Ref Trx Amount') }}</th>
                                        {{-- <th>{{ \App\CPU\translate('Markup') }}</th> --}}
                                        @if (\App\CPU\Helpers::module_permission_check('cif_view'))
                                            <th>{{ \App\CPU\translate('Cif Discount') }}</th>
                                            <th>{{ \App\CPU\translate('Comission') }}</th>
                                            <th>{{ \App\CPU\translate('Claim Amount') }}</th>
                                        @endif
                                        <th>{{ \App\CPU\translate('Claimed Amount') }}</th>
                                        <th>{{ \App\CPU\translate('Claim No') }}</th>
                                        <th>{{ \App\CPU\translate('Ap Document No') }}</th>
                                        <th>{{ \App\CPU\translate('Voucher No') }}</th>
                                        <th>{{ \App\CPU\translate('Date') }}</th>
                                        <th>{{ \App\CPU\translate('Source') }}</th>
                                        <th>{{ \App\CPU\translate('Type') }}</th>
                                        <th>{{ \App\CPU\translate('Status') }}</th>
                                        <th colspan="2">{{ \App\CPU\translate('Actions') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($kbd_details['data'] as $cla => $kbd)
                                        <tr>
                                            {{-- <td>{{ $cla + 1 }}</td> --}}
                                            <td>
                                                @if ($kbd['process_STATUS'] == 'NEW')
                                                    <div
                                                        class="form-check form-check-sm form-check-custom form-check-solid">
                                                        <input class="form-check-input" name="selectLineId"
                                                            type="checkbox" value="{{ $kbd['record_ID'] }}">
                                                    </div>
                                                @endif
                                            </td>
                                            <td>{{ $kbd['source_TRX_NO'] }}</td>
                                            <td>{{ $kbd['source_TRX_DATE'] }}</td>
                                            <td>{{ $kbd['source_CUSTOMER_NO'] }}</td>
                                            <td>{{ $kbd['source_CUSTOMER_NAME'] }}</td>
                                            <td>{{ $kbd['source_LOCATION_NO'] }}</td>
                                            <td>{{ $kbd['source_CUSTOMER_ADDRESS1'] }}</td>
                                            <td>{{ $kbd['source_CUSTOMER_AREA'] }}</td>
                                            <td>{{ $kbd['claim_TYPE'] }}</td>
                                            <td>{{ $kbd['VENDOR_CATALOG'] ?? null }}</td>

                                            <td>{{ $kbd['source_ITEM_NO'] }}</td>
                                            <td>{{ $kbd['source_ITEM_DESCRIPTION'] }}</td>
                                            <td>{{ number_format($kbd['source_TRX_AMT'], 2) }}</td>
                                            <td>{{ $kbd['source_TRX_PERCENT'] }}</td>
                                            <td>{{ $kbd['source_CONTRACT_NO'] }}</td>
                                            <td>{{ $kbd['ref_SOURCE_TRX_NO'] }}</td>
                                            <td>{{ $kbd['ref_SOURCE_TRX_DATE'] }}</td>
                                            <td>{{ $kbd['ref_SOURCE_TRX_QTY'] }}</td>
                                            <td>{{ number_format($kbd['ref_SOURCE_TRX_AMT'], 2) }}</td>
                                            {{-- <td>{{ $kbd['item_MARKUP'] }}</td> --}}
                                            @if (\App\CPU\Helpers::module_permission_check('cif_view'))
                                                <td>{{ $kbd['cif_DISCOUNT_AMT'] }}</td>
                                                <td>{{ $kbd['commission'] }}</td>
                                                <td>
                                                    <form id="editForm{{ $kbd['record_ID'] }}"
                                                        action="{{ route('admin.kbd.update-claim') }}" method="POST">
                                                        @csrf
                                                        <input type="hidden" value="{{ $kbd['record_ID'] }}"
                                                            name="record_ID">
                                                        <input type="text"
                                                            value="{{ number_format($kbd['claim_LINE_AMT'], 2) }}"
                                                            @if (\App\CPU\Helpers::module_permission_check('claim_edit') && $kbd['process_STATUS'] != 'NEW') disabled @endif
                                                            name="claim_LINE_AMT" class="form-control">
                                                    </form>
                                                </td>
                                            @endif
                                            <td>{{ number_format($kbd['claimed_AMT'], 2) }}</td>
                                            <td>{{ $kbd['claim_BATCH_ID'] }}</td>
                                            <td>{{ $kbd['erp_AP_TRX_NO'] }}</td>
                                            <td>{{ $kbd['voucher_NO'] }}</td>
                                            <td>{{ $kbd['erp_AP_TRX_DATE'] }}</td>
                                            <td>{{ $kbd['claim_SOURCE'] }}</td>
                                            <td>{{ $kbd['claim_TYPE'] }}</td>
                                            <td>{{ $kbd['process_STATUS'] }}</td>
                                            <td id="editBtnTd" data-order="{{ $kbd['record_ID'] }}">
                                                @if (\App\CPU\Helpers::module_permission_check('claim_edit') && $kbd['process_STATUS'] == 'NEW')
                                                    <a href="#7" id="editBtn"
                                                        class="btn btn-primary btn-sm flex-shrink-0 filterBtn ">Edit</a>
                                                @endif
                                            </td>
                                            <td id="fullDetailsBtn">
                                                <a href="{{ route('admin.kbd.full-details', ['record_id' => $kbd['record_ID']]) }}"
                                                    id="editBtn"
                                                    class="btn btn-primary btn-sm flex-shrink-0 filterBtn ">View</a>
                                            </td>
                                        </tr>
                                        </a>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="table-responsive mt-4">
                        <div class="d-flex justify-content-lg-end">


                            <nav>
                                <ul class="pagination">
                                    {{-- <li class="page-item">
                                        <a class="page-link" href="http://localhost/kbd/public/item/list?page=6"
                                            rel="prev" aria-label="« Previous">‹</a>
                                    </li> --}}
                                    @for ($i = 1; $i <= ceil($kbd_details['countData'] / 50); $i++)
                                        <li class="page-item"><a class="page-link"
                                                href="{{ url()->full() . '&page_no=' . $i }}">{{ $i }}</a>
                                        </li>
                                    @endfor
                                    {{-- <li class="page-item">
                                        <a class="page-link" href="http://localhost/kbd/public/item/list?page=8"
                                            rel="next" aria-label="Next »">›</a>
                                    </li> --}}
                                </ul>
                            </nav> <!-- Pagination -->

                        </div>
                    </div>
                    @if (count($kbd_details) == 0)
                        <div class="text-center p-4">
                            <p class="mb-0">{{ \App\CPU\translate('No_data_to_show') }}</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="modal fade zIndexClass" id="kt_modal_generate_claim" 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>Add Description For Claimed records</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 id="generateClaimForm" method="post" enctype="multipart/form-data">
                            @csrf
                            <!--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">
                                        <div class="col-12">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold mb-2">Description</label>
                                            <!--end::Label-->
                                            <!--Date picker -->
                                            <textarea class="form-control form-control-flush mb-3 claimDescription" rows="5" data-kt-element="input"
                                                name="description" placeholder="Type a Description"></textarea>
                                        </div>
                                    </div>
                                    <!--end::Input group-->
                                    <div class="col-md-12 form-group justify-content-end" style="max-height:45px;">
                                        <button type="submit"
                                            class="btn btn-primary px-4">{{ \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>
        <div class="modal fade zIndexClass" id="kt_modal_generate_all_claim" 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>Add Description For Claimed records</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 id="generateAllClaimForm" method="post" enctype="multipart/form-data">
                            @csrf
                            <!--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">
                                        <div class="col-12">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold mb-2">Description</label>
                                            <!--end::Label-->
                                            <!--Date picker -->
                                            <textarea class="form-control form-control-flush mb-3 claimAllDescription" rows="5" data-kt-element="input"
                                                name="description" placeholder="Type a Description"></textarea>
                                        </div>
                                    </div>
                                    <!--end::Input group-->
                                    <div class="col-md-12 form-group justify-content-end" style="max-height:45px;">
                                        <button type="submit"
                                            class="btn btn-primary px-4">{{ \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>
@endsection

@push('script')
    <script src="{{ asset('assets') }}/js/bootstrap-datepicker.min.js"></script>
    <script>
        //datepicker$('.datepicker').datepicker();
        rtl = false;
        if ($('.startdate').length > 0) {
            $('.startdate').datepicker({
                language: rtl ? 'ar' : 'en',
                dateFormat: "mm-yyyy",
                startView: "months",
                minViewMode: "months",
                clearBtn: true,
                autoclose: true,
                onClose: function(dateText, inst) {
                    $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
                }
            });
        }
        if ($('.enddate').length > 0) {
            $('.enddate').datepicker({
                language: rtl ? 'ar' : 'en',
                dateFormat: "mm-yyyy",
                startView: "months",
                minViewMode: "months",
                clearBtn: true,
                autoclose: true,
                onClose: function(dateText, inst) {
                    // $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth + 1, 0));
                    var selectedDate = $(this).datepicker('getDate');
                    var selectedMonth = selectedDate.getMonth();
                    var selectedYear = selectedDate.getFullYear();

                    var lastDate = new Date(selectedYear, selectedMonth + 1, 0);
                    var lastDay = lastDate.getDate();
                    console.log(lastDay);
                    $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
                }
            });
        }

        $(document).on('click', '#editBtnTd', function() {
            var order = $(this).attr('data-order');
            // $('.spinnerDiv').removeClass('d-none');
            $('#editForm' + order).submit();
        });

        $(document).on('change', 'input[name=selectLineId]', function() {
            var selectedIds = $('input[name=selectLineId]:checked').map(function(err, el) {
                return $(el).val();
            }).get();
            if (selectedIds.length > 0) {
                $('.generateClaimBtn').removeClass("disable-click");
            } else {
                $('.generateClaimBtn').addClass("disable-click");

            }
        });

        $(document).on('submit', '#generateClaimForm', function(e) {
            e.preventDefault();
            var selectedIds = $('input[name=selectLineId]:checked').map(function(err, el) {
                return $(el).val();
            }).get();
            var description = $('.claimDescription').val();
            Swal.fire({
                title: '{{ \App\CPU\translate('Are you sure you want to Submit This batch') }}?',
                type: 'success',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '{{ \App\CPU\translate('Yes') }}!',
                cancelButtonText: "{{ \App\CPU\translate('cancel') }}",
                reverseButtons: true
            }).then((result) => {
                showLoader(true);
                if (result.value) {
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        }
                    });
                    $.ajax({
                        url: "{{ route('admin.kbd.generate-claim') }}",
                        method: 'POST',
                        data: {
                            selected_ids: selectedIds,
                            description: description,
                        },
                        success: function(res) {
                            if (res.status === false)
                                toastr.error(res.message);
                            else
                                toastr.success(res.message);
                            location.reload();
                        },
                        error: function() {
                            toastr.error(
                                '{{ \App\CPU\translate('There is  a problem when generate claim') }}'
                            );
                            location.reload();

                        }
                    });
                }
            })
        });

        $(document).on('submit', '#generateAllClaimForm', function(e) {
            e.preventDefault();
            var description = $('.claimAllDescription').val();
            // $('.spinnerDiv').removeClass('d-none');
            // $('.zIndexClass').css('z-index', '900');
            Swal.fire({
                title: '{{ \App\CPU\translate('Are you sure you want to Submit This batch') }}?',
                type: 'success',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '{{ \App\CPU\translate('Yes') }}!',
                cancelButtonText: "{{ \App\CPU\translate('cancel') }}",
                reverseButtons: true
            }).then((result) => {
                if (result.value) {
                    showLoader(true);
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        }
                    });
                    $.ajax({
                        url: "{{ route('admin.kbd.generate-all-claim') }}",
                        method: 'POST',
                        data: {
                            select_vendor: '{{ $_GET['select_vendor'] }}',
                            select_period: '{{ $_GET['select_period'] }}',
                            select_business: '{{ $_GET['select_business'] ?? null }}',
                            select_claim_resource: '{{ $_GET['select_claim_resource'] ?? null }}',
                            search_item_status: '{{ $_GET['search_item_status'] ?? 0 }}',
                            search_customer_no: '{{ $_GET['search_customer_no'] ?? null }}',
                            search_ref_src_trx_no: '{{ $_GET['search_ref_src_trx_no'] ?? null }}',
                            search_src_trx_no: '{{ $_GET['search_src_trx_no'] ?? null }}',
                            select_claim_type: '{{ $_GET['select_claim_type'] ?? null }}',
                            select_area: '{{ $_GET['select_area'] ?? null }}',
                            description: description,
                        },
                        success: function(res) {
                            if (res.status === false)
                                toastr.error(res.message);
                            else
                                toastr.success(res.message);
                            location.reload();
                        },
                        error: function() {
                            toastr.error(
                                '{{ \App\CPU\translate('There is  a problem when generate claim') }}'
                            );
                            location.reload();

                        }
                    });
                }
            })
        });

        $(document).on('change', 'select', function() {
            if ($(this).val() == 'no') {
                $(this).val(null).trigger("change");
            }
        });
        $(document).on('click', 'input[name=selectAllLineId]', function() {
            if ($(this).prop('checked') == true) {
                $('.generateClaimBtn').removeClass("disable-click");
                $('input[name=selectLineId]').prop('checked', true);
            } else {
                $('.generateClaimBtn').addClass("disable-click");
                $('input[name=selectLineId]').prop('checked', false);
            }
        });
    </script>
@endpush