@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
        }
        .datepicker-orient-top {
            z-index: 999 !important;
        }
        .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 d-none">
                        <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 --}}
                            {{-- @isset($_GET['select_claim_type'])
                                <input type="hidden" name="select_claim_type" value="{{ $_GET['select_claim_type'] }}">
                            @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'] ?? '' }}" />
                                        {{-- <select aria-label="Select a Contract Name" id="trx_no" name="search_src_trx_no"
                                            data-control="select2" data-placeholder="Transaction No"
                                            class="form-select form-select-sm form-select-solid">
                                            <option value="0" selected disabled>Transaction Number</option>
                                            <option value="no">No select</option>
                                            @foreach ($transactions as $transaction)
                                                <option value="{{ $transaction }}"
                                                    @if (request()->search_src_trx_no == $transaction) selected @endif>
                                                    {{ $transaction }}
                                            @endforeach
                                            </option>
                                        </select> --}}
                                    </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'] ?? '' }}" />
                                        {{-- <select aria-label="Select a Contract Name" id="ref_trx_no"
                                            name="search_ref_src_trx_no" data-control="select2"
                                            data-placeholder="Transaction No"
                                            class="form-select form-select-sm form-select-solid">
                                            <option value="0" selected disabled>Ref Transaction Number</option>
                                            <option value="no">No select</option>
                                            @foreach ($ref_transactions as $ref_transaction)
                                                <option value="{{ $ref_transaction }}"
                                                    @if (request()->search_ref_src_trx_no == $ref_transaction) selected @endif>
                                                    {{ $ref_transaction }}
                                            @endforeach
                                            </option>
                                        </select> --}}
                                    </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="OTHERS" @if (request()->search_process_status == 'OTHERS') selected @endif>
                                                OTHERS</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>
                        </form>
                        <!-- End Search -->
                    </div>
                    <div class="px-3 py-4">
                        <div class="row flex-grow-1">
                            <div class="row col-12 align-items-center">
                                <div class="col-md-4 form-group">
                                    <h3 class="card-title text-gray-800 fw-bold">{{ \App\CPU\translate('Total Amount') }}
                                    </h3>
                                    <input type="text" value="{{ number_format($total_claim,2) }}" disabled class="form-control">
                                </div>
                                <div class="col-4 justify-content-end" style="text-align:center">
                                </div>
                                <div class="col-4 justify-content-end" style="text-align:center">
                                <a href="{{ route('admin.contract.claim-export', $contract_no ) }}"
                                        class="btn btn-sm fw-bold btn-primary bigMainBtn">Export</a>
                                    {{-- <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>
                        </div>
                    </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">
                            {{-- <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> --}}

                            <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('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>
                                        @endif --}}
                                        {{-- <th>{{ \App\CPU\translate('Comission') }}</th>
                                        <th>{{ \App\CPU\translate('Claim Amount') }}</th>
                                        <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['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>
                                            @endif --}}
                                            {{-- <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>
                                            <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('change', 'select', function() {
            if ($(this).val() == 'no') {
                $(this).val(null).trigger("change");
            }
        });

    </script>
@endpush