@extends('layouts.app')
@section('title', \App\CPU\translate('KBD Edit'))
@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" />
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <style>
        .disable-click {
            pointer-events: none;
            opacity: 0.2
        }

        .form-group {
            margin-bottom: 25px;
            padding-right: 25px;
        }
    </style>
@endpush

@section('content')
    <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
        <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
            <!--begin::Toolbar container-->
            <div id="kt_app_toolbar_container" class="app-container container-xxxl d-flex flex-stack">
                <!--begin::Page title-->
                <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                    <!--begin::Title-->
                    <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">KBD
                    </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 Update') }}</li>
                        <!--end::Item-->
                    </ul>
                    <!--end::Breadcrumb-->
                </div>
                <!--end::Page title-->

            </div>
            <!--end::Toolbar container-->
        </div>
        <!-- Content Row -->
        <div class=" app-container container-xxxl d-flex flex-stack">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('admin.contract.update', [$b['id']]) }}" method="post"
                            id="contract_update_form" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-6 form-group">
                                        <label for="CUSTOMER_ID"
                                            class="title-color">{{ \App\CPU\translate('Contract No') }}</label>
                                        <input type="text" name="CUSTOMER_ID" value="{{ $b['CONTRACT_NO'] }}"
                                            class="form-control" id="CONTRACT_NO"
                                            placeholder="{{ \App\CPU\translate('Contract No') }}" disabled>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="CONTRACT_NAME"
                                            class="title-color">{{ \App\CPU\translate('Contract Name') }}</label>
                                        <input type="text" value="{{ $b['CONTRACT_NAME'] }}" required
                                            name="CONTRACT NAME" class="form-control" id="CONTRACT_NAME"
                                            placeholder="{{ \App\CPU\translate('Contract Name') }}">
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="CONTRACT_STATUS"
                                            class="title-color">{{ \App\CPU\translate('Contract Status') }}</label>
                                        <input type="text" value="{{ ucwords($b['CONTRACT_STATUS']) }}"
                                            name="CONTRACT_STATUS" class="form-control" id="CONTRACT_STATUS"
                                            placeholder="{{ \App\CPU\translate('Contract Status') }}" disabled>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="CONTRACT_TYPE"
                                            class="title-color">{{ \App\CPU\translate('Contract Type') }}</label>
                                        <input type="text" value="{{ $b['CONTRACT_TYPE'] }}" name="CONTRACT_TYPE"
                                            class="form-control" id="CONTRACT_TYPE"
                                            placeholder="{{ \App\CPU\translate('Contract Type') }}" disabled>
                                    </div>

                                    <div class="col-md-6 form-group" data-kt-calendar="datepicker">
                                        <div id="updateStartDate" class="fv-row mb-9">
                                            <label for="CONTRACT_TYPE"
                                                class="title-color">{{ \App\CPU\translate('Effective Date From') }}</label>
                                            <input required value="{{ $b['START_DATE_ACTIVE'] }}"
                                                class="form-control form-control-solid  input dateSelect updateStartDate"
                                                type="text" name="START_DATE_ACTIVE" required readonly="readonly">
                                        </div>
                                    </div>
                                    <div class="col-md-6 form-group" data-kt-calendar="datepicker">
                                        <div id="updateEndDate" class="fv-row mb-9">
                                            <label for="CONTRACT_TYPE"
                                                class="title-color">{{ \App\CPU\translate('Effective Date To') }}</label>
                                            <input required value="{{ $b['END_DATE_ACTIVE'] }}"
                                                class="form-control form-control-solid  input dateSelect updateEndDate"
                                                type="text" name="END_DATE_ACTIVE" required readonly="readonly">
                                        </div>
                                    </div>

                                    <div class="col-md-6 form-group">
                                        <label for="CREATED_BY"
                                            class="title-color">{{ \App\CPU\translate('Created By') }}</label>
                                        <input type="text" value="{{ $b->admin->name ?? null }}" name="CREATED_BY"
                                            class="form-control" id="CREATED_BY"
                                            placeholder="{{ \App\CPU\translate('Created By') }}" disabled>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="CREATION_DATE"
                                            class="title-color">{{ \App\CPU\translate('Created Date') }}</label>
                                        <input type="text" value="{{ $b['created_at'] }}" name="CREATION_DATE"
                                            class="form-control" id="CREATION_DATE"
                                            placeholder="{{ \App\CPU\translate('Created Date') }}" disabled>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="APPROVED_BY"
                                            class="title-color">{{ \App\CPU\translate('Approved By') }}</label>
                                        <input type="text" value="{{ $b->approved_by->name ?? '' }}"
                                            name="APPROVED_BY" class="form-control" id="APPROVED_BY"
                                            placeholder="{{ \App\CPU\translate('Approved By') }}" disabled>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="APPROVED_DATE"
                                            class="title-color">{{ \App\CPU\translate('Approved Date') }}</label>
                                        <input type="text" value="{{ $b['APPROVED_DATE'] }}" name="APPROVED_DATE"
                                            class="form-control" id="APPROVED_DATE"
                                            placeholder="{{ \App\CPU\translate('Approved Date') }}" disabled>
                                    </div>

                                </div>
                            </div>
                            @if (request()->segment(2) != 'view')
                                @if ($b['CONTRACT_STATUS'] != 'approve')
                                    @if ($b['CONTRACT_STATUS'] == 'draft')
                                        @if (
                                            (\App\CPU\Helpers::module_permission_check('contract_upload') && $b['CONTRACT_TYPE'] == 'Contract') ||
                                                (\App\CPU\Helpers::module_permission_check('deal_upload') && $b['CONTRACT_TYPE'] == 'Deal') ||
                                                (\App\CPU\Helpers::module_permission_check('discount_upload') && $b['CONTRACT_TYPE'] == 'Discount'))
                                            <button type="button"
                                                class="filterBtn btn btn-sm fw-bold btn-primary bigMainBtn submitContract"
                                                style="margin-left: 10px"
                                                id="{{ $b['id'] }}">{{ \App\CPU\translate('Submit Contract') }}
                                            </button>
                                            <button type="submit"
                                                class="btn btn-sm fw-bold btn-primary bigMainBtn ">{{ \App\CPU\translate('Update') }}</button>
                                        @endif
                                    @endif
                                    @if (
                                        (\App\CPU\Helpers::module_permission_check('contract_approve') && $b['CONTRACT_TYPE'] == 'Contract') ||
                                            (\App\CPU\Helpers::module_permission_check('deal_approve') && $b['CONTRACT_TYPE'] == 'Deal') ||
                                            (\App\CPU\Helpers::module_permission_check('discount_approve') && $b['CONTRACT_TYPE'] == 'Discount'))
                                        @if ($b['CONTRACT_STATUS'] == 'waiting approval')
                                            <div class="d-flex justify-content-end">
                                                @if (
                                                    (\App\CPU\Helpers::module_permission_check('contract_approve') &&
                                                        $b['CONTRACT_TYPE'] == 'Contract' &&
                                                        $b['CONTRACT_STATUS'] != 'approve') ||
                                                        (\App\CPU\Helpers::module_permission_check('deal_approve') &&
                                                            $b['CONTRACT_TYPE'] == 'Deal' &&
                                                            $b['CONTRACT_STATUS'] != 'approve') ||
                                                        (\App\CPU\Helpers::module_permission_check('discount_approve') &&
                                                            $b['CONTRACT_TYPE'] == 'Discount' &&
                                                            $b['CONTRACT_STATUS'] != 'approve'))
                                                    <button type="button"
                                                        class="filterBtn btn btn-sm fw-bold btn-primary bigMainBtn approveContract"
                                                        style="margin-left: 10px"
                                                        id="{{ $b['id'] }}">{{ \App\CPU\translate('Approve Contract') }}</button>
                                                @endif
                                            </div>
                                        @endif
                                    @endif
                                @endif
                            @endif
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <br>
        <div id="kt_app_content_container" class="app-container container-xxxl">
            <h5 class="mb-0 page-header-title d-flex align-items-center gap-2 border-bottom pb-3 mb-3">
                <i class="tio-user"></i>
                Attachments
            </h5>
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">
                            <button type="button" class="btn btn-primary" data-bs-toggle="modal"
                                data-bs-target="#kt_modal_upload_attachment">
                                <!--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>
                                Attach Files
                            </button>
                        </div>
                        @foreach ($b->attachments as $attachment_index => $attachment)
                            @php
                                if ($attachment->type == 'pdf') {
                                    $cover_srs = asset('/assets/media/svg/files/pdf.svg');
                                } elseif ($attachment->type == 'file') {
                                    $cover_srs = asset('/assets/media/svg/files/upload.svg');
                                } else {
                                    $cover_srs = asset('/assets/media/svg/files/blank-image.svg');
                                }
                            @endphp
                            <div class="col-3">
                                <div class="card-body d-flex justify-content-center text-center flex-column p-8">
                                    <a href="{{ asset($attachment->path) }}"
                                        class="text-gray-800 text-hover-primary d-flex flex-column">
                                        <div class="symbol symbol-60px mb-5">
                                            <img src="{{ $cover_srs }}">
                                        </div>
                                        <div class="fs-5 fw-bold mb-2">{{ $attachment->name }}</div>
                                    </a>
                                    <div class="fs-7 fw-semibold text-gray-400"></div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        <br>
        <div id="kt_app_content_container" class="app-container container-xxxl">
            <h5 class="mb-0 page-header-title d-flex align-items-center gap-2 border-bottom pb-3 mb-3">
                <i class="tio-user"></i>
                Contract Lines
            </h5>
            <!--begin::Card-->
            <div class="card">
                <!-- Data Table Top -->
                <div class="px-3 py-4 border-bottom">
                    <div class="row g-2 flex-grow-1">
                        <div class="row col-10">
                            <form action="{{ url()->current() }}" method="GET">
                                <div class="col-4 d-flex align-items-center position-relative my-1"
                                    style="float:left;padding:5px">
                                    <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>
                                        <option value="no">No Select</option>
                                        @foreach ($customers as $customer)
                                            <option value="{{ $customer->id }}" @if (request()->get('search_customer_name') == $customer->id ) selected @endif>
                                                {{ $customer->name . ' - ' . $customer->customer_number }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-4 d-flex align-items-center position-relative my-1"
                                    style="float:left;padding:5px;">
                                    <select aria-label="Select an Item Code" id="item_select" name="search_item_no"
                                        data-control="select2" data-placeholder="Item Code"
                                        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->id }}" @if (request()->get('search_item_no') == $item->id ) selected @endif>
                                                {{ $item->item_code . ' - ' . $item->item_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                        </div>
                        <div class="col-2">
                            <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.line.export', ['id' => $b['id']]),
                                ])
                            </div>
                        </div>
                        </form>

                    </div>
                    <!-- End Row -->
                    <br>
                </div> <br>
                <!-- End Data Table Top -->

                <div class="card-body pt-0">
                    <div id="kt_customers_table_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer"
                        style="overflow-x: auto">
                        {{-- @if (request()->segment(2) != 'view')
                            @if ($b['CONTRACT_STATUS'] != 'waiting approval' && $b['CONTRACT_STATUS'] != 'approve')
                                <a class="disable-click bulkEditBtn btn btn-sm fw-bold btn-success bigMainBtn "
                                    href="#" style="margin-bottom: 10px" data-bs-toggle="modal"
                                    data-bs-target="#kt_modal_create_app" id="modalOpener">
                                    Bulk Edit</a>
                            @endif
                        @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">
                                    {{-- @if (request()->segment(2) != 'view')
                                        @if ($b['CONTRACT_STATUS'] != 'waiting approval' && $b['CONTRACT_STATUS'] != 'approve')
                                            <th>{{ 'select' }}</th>
                                        @endif
                                    @endif --}}
                                    <th>
                                        {{ \App\CPU\translate('SL') }}
                                    </th>
                                    <th>{{ \App\CPU\translate('conflict') }}</th>
                                    {{-- <th>{{ \App\CPU\translate('Line No') }}</th> --}}
                                    <th>{{ \App\CPU\translate('Customer No') }}</th>
                                    <th>{{ \App\CPU\translate('Customer Name EN') }}</th>
                                    <th class="rightAllign">{{ \App\CPU\translate('Customer Name AR') }}</th>
                                    <th>{{ \App\CPU\translate('Item No') }}</th>
                                    <th>{{ \App\CPU\translate('Item Name EN') }}</th>
                                    <th>{{ \App\CPU\translate('Bill To') }}</th>
                                    <th>{{ \App\CPU\translate('Disc%') }}</th>
                                    <th>{{ \App\CPU\translate('Start Date') }}</th>
                                    <th>{{ \App\CPU\translate('End Date') }}</th>
                                    @if (request()->segment(2) != 'view')
                                        @if (
                                            (\App\CPU\Helpers::module_permission_check('contract_upload') &&
                                                $b['CONTRACT_STATUS'] == 'draft' &&
                                                $b['CONTRACT_TYPE'] == 'Contract') ||
                                                (\App\CPU\Helpers::module_permission_check('deal_upload') &&
                                                    $b['CONTRACT_STATUS'] == 'draft' &&
                                                    $b['CONTRACT_TYPE'] == 'Deal') ||
                                                (\App\CPU\Helpers::module_permission_check('discount_upload') &&
                                                    $b['CONTRACT_STATUS'] == 'draft' &&
                                                    $b['CONTRACT_TYPE'] == 'Discount'))
                                            <th class="text-center">{{ \App\CPU\translate('Action') }}</th>
                                        @endif
                                    @endif
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($br as $k => $line)
                                    <tr>
                                        {{-- @if (request()->segment(2) != 'view')
                                            @if ($b['CONTRACT_STATUS'] != 'waiting approval' && $b['CONTRACT_STATUS'] != 'approve')
                                                <td>
                                                    <div
                                                        class="form-check form-check-sm form-check-custom form-check-solid">
                                                        <input class="form-check-input" name="selectLineId"
                                                            type="checkbox" value="{{ $line->id }}">
                                                    </div>
                                                </td>
                                            @endif
                                        @endif --}}

                                        <td onclick="window.location='{{ route('admin.line.view', $line->id) }}'">
                                            <span class="text-primary">{{ $br->firstItem() + $k }}</span>
                                        </td>
                                        <td>
                                            @if (isset($line->logError->first()->exception))
                                                <a
                                                    href="{{ route('admin.contract.log.view', $line->logError->first()->contract_file_id) }}"><span
                                                        class="badge badge-light-danger">{{ ucwords($line->logError->first()->exception) ?? null }}</span></a>
                                            @else
                                                <span class="badge badge-light-success">No Conflict</span>
                                            @endif
                                        </td>
                                        <td>{{ $line['CUSTOMER_NUMBER'] }}</td>
                                        <td>{{ $line->customer ?$line->customer->CUSTOMER_NAME : "NA" }} </td>
                                        <td class="rightAllign">{{ $line->customer ? $line->customer->ARABIC_ALTERNATE_NAME : "NA" }}</td>
                                        <td>{{ $line->item->ITEM_NO }}</td>
                                        <td class="">{{ $line->item->ITEM_NAME_E }}</td>
                                        <td>{{ $line['LOCATION_NO'] }}</td>
                                        <td>{{ $line['KBD'] }}</td>
                                        <td>{{ \Carbon\Carbon::parse($line['START_DATE_ACTIVE'])->format('d/m/Y') }}
                                        </td>
                                        <td>{{ \Carbon\Carbon::parse($line['END_DATE_ACTIVE'])->format('d/m/Y') }}</td>

                                        @if (request()->segment(2) != 'view')
                                            <td>
                                                @if (
                                                    (\App\CPU\Helpers::module_permission_check('contract_upload') &&
                                                        $b['CONTRACT_STATUS'] == 'draft' &&
                                                        $b['CONTRACT_TYPE'] == 'Contract') ||
                                                        (\App\CPU\Helpers::module_permission_check('deal_upload') &&
                                                            $b['CONTRACT_STATUS'] == 'draft' &&
                                                            $b['CONTRACT_TYPE'] == 'Deal') ||
                                                        (\App\CPU\Helpers::module_permission_check('discount_upload') &&
                                                            $b['CONTRACT_STATUS'] == 'draft' &&
                                                            $b['CONTRACT_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>
                                                    <!--begin::Menu-->
                                                    <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.line.edit', [$line['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="{{ $line['id'] }}"
                                                                data-kt-redirect="">{{ \App\CPU\translate('Delete') }}</a>
                                                        </div>
                                                        <!--end::Menu item-->
                                                    </div>
                                                @endif
                                            </td>
                                        @endif
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

                    </div>
                </div>
                <div class="table-responsive mt-4">
                    <div class="d-flex justify-content-lg-end">
                        <!-- Pagination -->
                        {{ $br->links() }}
                    </div>
                </div>
                @if (count($br) == 0)
                    <div class="text-center p-4">
                        <p class="mb-0">{{ \App\CPU\translate('No_data_to_show') }}</p>
                    </div>
                @endif
            </div>
        </div>
    </div>

    {{-- edit selected lines date Modal --}}
    <div class="modal fade" 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>Edit Selected line date</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="bulkFormEdit" 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-6 fv-row mb-10" data-kt-calendar="datepicker">
                                        <div id="contractStartDate" class="fv-row mb-9">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold mb-2 required">Contract Effictive From
                                                Date</label>
                                            <!--end::Label-->
                                            <!--Date picker -->
                                            <input required
                                                class="form-control form-control-solid  input dateSelect contractStartDate"
                                                type="text" name="start_date" required readonly="readonly">
                                        </div>
                                    </div>
                                    <div class="col-6 fv-row mb-10" data-kt-calendar="datepicker">
                                        <div id="contractEndDate" class="fv-row mb-9">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold mb-2 required">Contract Effictive To
                                                Date</label>
                                            <!--end::Label-->
                                            <!--Date picker -->

                                            <input required id="contractEndDate"
                                                class="form-control form-control-solid  input dateSelect contractEndDate"
                                                type="text" name="end_date" required readonly="readonly">
                                        </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"
                                            id="sendNewContract">{{ \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>

    {{-- upload attachments model --}}
    <div class="modal fade zIndexClass" id="kt_modal_upload_attachment" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered mw-900px">
            <div class="modal-content">
                <!--begin::Modal header-->
                <div class="modal-header">
                    <h2>Upload Attachment</h2>
                    <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>
                    </div>
                </div>
                <div class="modal-body py-lg-10 px-lg-10">
                    <form class="add_new_form" action="{{ route('admin.contract.upload_attachment') }}" method="post"
                        enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="contract_id" value="{{ $b['id'] }}">
                        <div class="row w-100">
                            <div class="col-5 fv-row mb-10">
                                <div class="flex-row-fluid py-lg-5 px-lg-15">
                                    <button type="button" class="btn btn-primary" id="btnfile"
                                        style="margin-top: 10px">
                                        <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>
                                        Upload Attachment
                                    </button>
                                    <span id="fname"></span>
                                    <div class="wrapper" style="display:none;">
                                        <input type="file" id="uplodfile" name="attached_file" required />
                                    </div>
                                </div>
                            </div>
                            <div class="col-7 fv-row mb-10">
                                <label class="d-flex align-items-center fs-5 fw-semibold mb-2">
                                    <span class="required">Contract Name</span>
                                </label>
                                <input type="text" class="form-control form-control-lg form-control-solid"
                                    name="attachment_name" required placeholder="Attachment Name" />
                            </div>
                        </div>
                        <div class="flex-row-fluid py-lg-5 px-lg-15">
                            <div class="current" data-kt-stepper-element="content">
                                <div class="col-md-12 form-group justify-content-end"
                                    style="max-height:45px; display:flex !important; ">
                                    <button type="submit" class="btn btn-primary px-4" style="width: 130px"
                                        id="upload_attachment">{{ \App\CPU\translate('Upload') }}</button>
                                </div>
                            </div>
                        </div>
                    </form>
                    <!--end::Content-->
                </div>
            </div>
        </div>
    </div>
@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, '');
            console.log(file);
            $("#fname").html(file);
        });

        var type = '{{ $b['CONTRACT_TYPE'] }}';
        rtl = false;
        if (type != 'Discount') {
            $('.updateStartDate').datepicker({
                dateFormat: "yy-mm-dd",
                language: rtl ? 'ar' : 'en',
                container: "#updateStartDate",
                clearBtn: true,
                autoclose: true,
                startDate: '{{ \Carbon\Carbon::parse($b['START_DATE_ACTIVE'])->format('Y-m-d') }}',
            }).datepicker("setDate", new Date(
                "{{ \Carbon\Carbon::parse($b['START_DATE_ACTIVE'])->format('Y-m-d') }}"));
            $('.updateEndDate').datepicker({
                dateFormat: "yy-mm-dd",
                language: rtl ? 'ar' : 'en',
                container: "#updateEndDate",
                startDate: new Date($('.updateStartDate').val()),
                clearBtn: true,
                autoclose: true,
            }).datepicker("setDate", new Date(
                "{{ \Carbon\Carbon::parse($b['END_DATE_ACTIVE'])->format('Y-m-d') }}"));
        } else {
            $('.updateStartDate').datepicker({
                dateFormat: "yy-mm-dd",
                language: rtl ? 'ar' : 'en',
                container: "#updateStartDate",
                clearBtn: true,
                autoclose: true,
                endDate: new Date(),
            }).datepicker("setDate", new Date(
                "{{ \Carbon\Carbon::parse($b['START_DATE_ACTIVE'])->format('Y-m-d') }}"));

            $('.updateEndDate').datepicker({
                dateFormat: "yy-mm-dd",
                language: rtl ? 'ar' : 'en',
                container: "#updateEndDate",
                startDate: new Date($('.updateStartDate').val()),
                endDate: '+1d',
                datesDisabled: '+1d',
                clearBtn: true,
                autoclose: true,
            }).datepicker("setDate", new Date(
                "{{ \Carbon\Carbon::parse($b['END_DATE_ACTIVE'])->format('Y-m-d') }}"));
        }

        $('.updateStartDate').on('change', function() {
            $('.updateEndDate').datepicker('remove');
            if ($('.updateEndDate').length > 0) {
                $('.updateEndDate').datepicker({
                    language: rtl ? 'ar' : 'en',
                    container: "#updateEndDate",
                    clearBtn: true,
                    startDate: new Date($('.updateStartDate').val()),
                    autoclose: true,
                });
            }
            $('.updateEndDate').datepicker('update');

        });

        $(document).on('click', '.approveContract', function() {
            var id = $(this).attr("id");
            Swal.fire({
                title: '{{ \App\CPU\translate('Are you sure you want to confirm this contract') }}?',
                text: "{{ \App\CPU\translate('You_will_not_be_able_to_revert_this') }}!",
                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) {
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        }
                    });
                    $.ajax({
                        url: "{{ route('admin.contract.confirm') }}",
                        method: 'POST',
                        data: {
                            id: id,
                            status: 'approve'
                        },
                        success: function() {
                            toastr.success(
                                '{{ \App\CPU\translate('Contract confirmed successfully') }}'
                            );
                            location.reload();
                            $('#contract_update_form').submit();
                        }
                    });
                }
            })
        });

        $(document).on('click', '.submitContract', function(e) {
            var id = $(this).attr("id");
            e.preventDefault();
            Swal.fire({
                title: '{{ \App\CPU\translate('Are you sure you want to submit this contract') }}?',
                text: "{{ \App\CPU\translate('You_will_not_be_able_to_revert_this') }}!",
                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) {
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        }
                    });
                    $.ajax({
                        url: "{{ route('admin.contract.confirm') }}",
                        method: 'POST',
                        data: {
                            id: id,
                            status: 'submit',
                        },
                        success: function() {

                            toastr.success(
                                '{{ \App\CPU\translate('Contract confirmed successfully') }}'
                            );
                            location.reload();
                            $('#contract_update_form').submit();
                        }
                    });

                }
            })
        });
        $(document).on('submit', '.bulkFormEdit', function(e) {
            e.preventDefault();
            var selectedIds = $('input[name=selectLineId]:checked').map(function(err, el) {
                return $(el).val();
            }).get();
            var startDate = $('.contractStartDate').val();
            var endDate = $('.contractEndDate').val();
           // $('.spinnerDiv').removeClass('d-none');
            Swal.fire({
                title: '{{ \App\CPU\translate('Are you sure you want to update this dates') }}?',
                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) {
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        }
                    });
                    $.ajax({
                        url: "{{ route('admin.line.update.bulk') }}",
                        method: 'POST',
                        data: {
                            selected_ids: selectedIds,
                            start_date: startDate,
                            end_date: endDate
                        },
                        success: function() {
                            toastr.success(
                                '{{ \App\CPU\translate('Contract confirmed successfully') }}'
                            );
                            location.reload();
                        },
                        error: function() {
                            toastr.error(
                                '{{ \App\CPU\translate('There is  a problem in updating date') }}'
                            );
                            //location.reload();

                        }
                    });
                }
            })
        });
        // $(document).on('change', '#customer_select', function() {
        //     var id = $(this).val();
        //     var contract_id = $('#contract_select').val();
        //     $.ajaxSetup({
        //         headers: {
        //             'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
        //         }
        //     });
        //     $.ajax({
        //         url: "{{ route('admin.contract.customer.item.filter') }}",
        //         method: 'GET',
        //         data: {
        //             id: id,
        //             contract_id: contract_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);
        //             $(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('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.line.delete') }}",
                        method: 'POST',
                        data: {
                            id: id
                        },
                        success: function() {
                            toastr.success(
                                '{{ \App\CPU\translate('Line deleted successfully') }}'
                            );
                            location.reload();
                        }
                    });
                }
            })
        });
        $(document).ready(function() {

            var search_contract_name = '{{ $_GET['search_contract_name'] ?? '' }}';
            if (search_contract_name != '') {
                $('#contract_select>option[value=' + search_contract_name + ']').prop('selected', true);
                $('#contract_select').trigger('change');
            }
        });

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

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