{{--
    ...............Manual
    1. pass ret_type = 1 if you want to get the last saved/updated item.
    else u'll get just a message after data update or saved.
--}}
<style>
    .classic_input_container .classic_label {
        width: 10rem;
    }
</style>
<div id="customerModal" class="modal" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{ __('obs.customer') }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                @php
                    $productSettings = productSettings(2);
                    $formObjCollection = collect($productSettings->form_object ?? []);
                    $settingObj = collect($productSettings->setting_object ?? []);

                    $initial_acc = InitialAccountsSetUp::where('key_word', 'ar')->first();
                    $ledgers = $initial_acc->group_code
                        ? AccountsHead::select('id', 'name')
                            ->where('auto_code', 'LIKE', '%' . $initial_acc->group_code . '%')
                            ->get()
                        : [];
                    $districts = districts();
                @endphp

                <div class="row g-0">
                    @php
                        $formObj = $formObjCollection->where('form_name', 'group_id')->first();
                    @endphp
                    <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                        <div class="classic_input_container">
                            <span class="classic_label">
                                @if (isset($formObj->form_label))
                                    {{ $formObj->form_label }}
                                @else
                                    {{ __('obs.group_name') }}
                                @endif
                            </span>
                            <span class="classic_input">
                                <div class="d-flex w-100">
                                    <select class="form-select cl-form-select" id="group_id" name="group_id"
                                        NsModelBind="customerObj.group_id">
                                        <option selected value="">{{ __('obs.choose') }}...</option>
                                        @foreach (InventoryDropDownTrait::getGroup(2) as $group)
                                            <option value="{{ $group->id }}"> {{ $group->name_eng }} </option>
                                        @endforeach
                                    </select>

                                    <a href="{{ route('group.index', ['idx' => 2]) }}"
                                        class="btn btn-warning btn-sm ms-2" target="_blank"><i
                                            class="fas fa-plus"></i></a>
                                </div>
                            </span>
                        </div>
                    </div>

                    @php
                        $formObj = $formObjCollection->where('form_name', 'code')->first();
                    @endphp
                    <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                        <div class="classic_input_container">
                            <span class="classic_label">
                                @if (isset($formObj->form_label))
                                    {{ $formObj->form_label }}
                                @else
                                    {{ __('obs.code') }}
                                @endif
                                <span class="required">*</span>
                            </span>
                            <span class="classic_input">
                                <input type="text" class="form-control" id="code" name="code"
                                    NsModelBind="customerObj.code" />
                            </span>
                        </div>
                    </div>

                    @php
                        $formObj = $formObjCollection->where('form_name', 'name_eng')->first();
                    @endphp
                    <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                        <div class="classic_input_container">
                            <span class="classic_label">
                                @if (isset($formObj->form_label))
                                    {{ $formObj->form_label }}
                                @else
                                    {{ __('obs.name') }}
                                @endif
                                <span class="required">*</span>
                            </span>
                            <span class="classic_input">
                                <input type="text" value="" class="form-control" id="name_eng" name="name_eng"
                                    NsModelBind="customerObj.name_eng" />
                            </span>
                        </div>
                    </div>

                    @php
                        $formObj = $formObjCollection->where('form_name', 'name_local')->first();
                    @endphp
                    <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                        <div class="classic_input_container">
                            <span class="classic_label">
                                @if (isset($formObj->form_label))
                                    {{ $formObj->form_label }}
                                @else
                                    {{ __('obs.local_.name') }}
                                @endif
                            </span>
                            <span class="classic_input">
                                <input type="text" class="form-control" value="" id="name_local"
                                    name="name_local" NsModelBind="customerObj.name_local" />
                            </span>
                        </div>
                    </div>

                    @php
                        $formObj = $formObjCollection->where('form_name', 'party_type')->first();
                    @endphp
                    <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                        <div class="classic_input_container">
                            <span class="classic_label">
                                @if (isset($formObj->form_label))
                                    {{ $formObj->form_label }}
                                @else
                                    {{ __('obs.party_type') }}
                                @endif
                            </span>
                            <span class="classic_input">
                                <select class="form-select cl-form-select" id="party_type" name="party_type"
                                    NsModelBind="customerObj.party_type" onclick="shopEnable(this.value)">
                                    <option value="2">{{ __('obs.default') }}</option>
                                    <option value="3"> {{ __('obs.with_vendor') }}</option>
                                    <option value="4">{{ __('obs.sales_return') }}</option>
                                </select>

                                <div id="shop" class="flex-grow-1 flex-shrink-1" style="display: none">
                                    <select class="form-select cl-form-select" id="shop" name="shop" multiple
                                        NsModelBind="customerObj.shop">
                                        @foreach (InventoryDropDownTrait::getShop() as $shop)
                                            <option value="{{ $shop->id }}"> {{ $shop->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </span>
                        </div>
                    </div>

                    <div class="col-xl-4 col-sm-2 {{ $formObj->form_hide ?? '' }}">
                        <div class="classic_input_container ldg_checked">
                            <span class="classic_label">
                                Ledger
                                <input type="checkbox" onclick="checkLedger()" id="is_ledger_checked" />
                            </span>
                            <span class="classic_input" style="display: none" id="acc_info">
                                <select name="account_id" disabled id="account_id" NsModelBind="customerObj.account_id"
                                    class="form-control select_2">
                                    <option value="">Choose One</option>
                                    @foreach ($ledgers as $ledger)
                                        @if ($ledger->name)
                                            <option value="{{ $ledger->id }}">{{ $ledger->name }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </span>
                        </div>
                    </div>

                    <div class="col-xl-4 col-sm-2 {{ $formObj->form_hide ?? '' }}">
                        <div class="classic_input_container rename_ledger">
                            <span class="classic_label">
                                Renaming Ledger?
                            </span>
                            <span class="classic_input">
                                <input type="checkbox" onclick="checkLedgerRenamed()" id="is_ledger_renamed"
                                    value="1" />
                            </span>
                        </div>
                    </div>
                </div>

                <div class="row mt-3">
                    <div class="accordion" id="vendorAccordion">
                        <div class="accordion-item mb-3">
                            <h5 class="accordion-header">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#home-accordion-item" aria-expanded="true">
                                    {{ __('obs.master_details') }}
                                </button>
                            </h5>

                            <div id="home-accordion-item" class="accordion-collapse collapse show">
                                <div class="accordion-body">
                                    <div class="row g-0">
                                        @php
                                            $formObj = $formObjCollection
                                                ->where('form_name', 'cost_center_id')
                                                ->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.cost_center') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    @include('v2.inventory.global.cost_center_dd', [
                                                        'event' => 'vendor_bind=cost_center',
                                                        'binder' => '',
                                                        'cls' => 'party',
                                                    ])
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'commission')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.commission_percent') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <input type="text" id="commission"
                                                        class="form-control input-sm" name="commission"
                                                        NsModelBind="customerObj.commission" />
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection
                                                ->where('form_name', 'other_commission')
                                                ->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.other_commission') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <input type="number" value="0" step=".001"
                                                        id="other_commission" class="form-control input-sm"
                                                        name="other_commission"
                                                        NsModelBind="customerObj.other_commission" />
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'com_calc_type')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.commission_calculation_type') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <select id="com_calc_type" class="form-select cl-form-select"
                                                        name="com_calc_type" NsModelBind="customerObj.com_calc_type">
                                                        <option value="1">+</option>
                                                        <option value="0">-</option>
                                                    </select>
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection
                                                ->where('form_name', 'commission_type')
                                                ->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.commission_type') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <select class="form-select cl-form-select" id="commission_type"
                                                        name="commission_type"
                                                        NsModelBind="customerObj.commission_type">
                                                        <option value="1">{{ __('obs.fixed') }}</option>
                                                        <option value="2">{{ __('obs.customized') }}</option>
                                                    </select>
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'limit_apply')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.limit_apply') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <select class="form-select cl-form-select" id="limit_apply"
                                                        name="limit_apply" NsModelBind="customerObj.limit_apply"
                                                        onchange="checkLimitApply(this.value)">
                                                        <option value="0">{{ __('obs.no') }}</option>
                                                        <option value="1">{{ __('obs.yes') }}</option>
                                                    </select>

                                                    <input type="number" id="credit_limit_amount" step=".01"
                                                        style="display: none" class="form-control input-sm ms-2"
                                                        name="credit_limit_amount"
                                                        NsModelBind="customerObj.credit_limit_amount" />
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection
                                                ->where('form_name', 'credit_limit_day')
                                                ->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.credit_limit') }}({{ __('obs.day') }})
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <input type="number" value="" id="credit_limit_day"
                                                        class="form-control input-sm" name="credit_limit_day"
                                                        NsModelBind="customerObj.credit_limit_day" />
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection
                                                ->where('form_name', 'other_commission_title')
                                                ->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.other_comm_name') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <input type="text" value="" id="other_commission_title"
                                                        class="form-control input-sm" name="other_commission_title"
                                                        NsModelBind="customerObj.other_commission_title" />
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'depot_id')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.private_depot') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <select name="depot_id" id="depot_id"
                                                        NsModelBind="customerObj.depot_id"
                                                        class="customer_live form-select cl-form-select">
                                                    </select>
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection
                                                ->where('form_name', 'return_percentage')
                                                ->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.return_percentage') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <input type="number" value="0" step=".001"
                                                        class="form-control" id="return_percentage"
                                                        name="return_percentage"
                                                        NsModelBind="customerObj.return_percentage" />
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'block_free')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.block_free') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <select class="form-select cl-form-select" id="block_free"
                                                        name="block_free" NsModelBind="customerObj.block_free">
                                                        <option value="0">{{ __('obs.no') }}</option>
                                                        <option value="1">{{ __('obs.yes') }}</option>
                                                    </select>
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'target')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.target') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <input type="number" step=".001" class="form-control"
                                                        id="target" name="target"
                                                        NsModelBind="customerObj.target" />
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'line')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.line') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <select class="form-select cl-form-select" name="line"
                                                        id="line" NsModelBind="customerObj.line">
                                                        <option value="1">{{ __('obs.a') }}</option>
                                                        <option value="2">{{ __('obs.b') }}</option>
                                                        <option value="3">{{ __('obs.both') }}</option>
                                                    </select>
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection
                                                ->where('form_name', 'store_location_ids')
                                                ->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.storelocation') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <select class="store_location form-select cl-form-select"
                                                        name="store_location_ids" id="store_location_ids"
                                                        NsmodelBind="customerObj.store_location_ids" multiple>
                                                        {{-- onchange="setCustomerStoreLocation()" --}}
                                                        @foreach (adminAsignedWarehouseList() as $wh)
                                                            <option value="{{ $wh->id }}"
                                                                @if (current_store() == $wh->id) disabled @endif>
                                                                {{ $wh->name_eng }}</option>
                                                        @endforeach
                                                    </select>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item mb-3">
                            <h5 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#other-accordion-item" aria-expanded="false">
                                    {{ __('obs.other_data') }}
                                </button>
                            </h5>
                            <div id="other-accordion-item" class="accordion-collapse collapse">
                                <div class="accordion-body">
                                    <div class="row g-0">
                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'mobile')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.mobile') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <input type="text" value="" class="form-control"
                                                        id="mobile" name="mobile"
                                                        NsModelBind="customerObj.mobile" />
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'email')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.email') }}
                                                    @endif
                                                    <span class="required">*</span>
                                                </span>
                                                <span class="classic_input">
                                                    <input type="email" value="" class="form-control"
                                                        id="email" name="email"
                                                        NsModelBind="customerObj.email" />
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'address')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.address') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <input type="text" value="" class="form-control"
                                                        id="address" name="address"
                                                        NsModelBind="customerObj.address" />
                                                </span>
                                            </div>
                                        </div>

                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    District
                                                </span>
                                                <span class="classic_input" id="acc_info">
                                                    <select name="district_id" id="district_id"
                                                        NsModelBind="customerObj.district_id"
                                                        class="form-control select_2">
                                                        <option value="">Choose One</option>
                                                        @foreach ($districts as $district)
                                                            <option value="{{ $district['id'] }}">
                                                                {{ $district['name'] }}</option>
                                                        @endforeach
                                                    </select>
                                                </span>
                                            </div>
                                        </div>
                                        {{--
                                        <div class="col-3">
                                            <span class="classic_label"> Documents </span>
                                            <span class="classic_input">
                                                <input type="file" class="form-control docs" onchange="setFileIntoObj(this, 0)" id="" name=""/>
                                                <input type="text" class="form-control" name="" id="">
                                            </span>
                                        </div> --}}
                                    </div>
                                </div>
                            </div>
                        </div>

                        @if (warehouse_info()->is_using_vat == 1)
                            <div class="accordion-item mb-3">
                                <h5 class="accordion-header">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#vat-accordion-item" aria-expanded="false">
                                        {{ __('obs.vat') }}
                                    </button>
                                </h5>

                                <div id="vat-accordion-item" class="accordion-collapse collapse">
                                    <div class="accordion-body">
                                        @include('inventory.customer.vat_info', ['is_vendor' => 1])
                                    </div>
                                </div>
                            </div>
                        @endif

                        <div class="accordion-item mb-3">
                            <h5 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#contact-accordion-item" aria-expanded="false">
                                    {{ __('obs.cash_in_bank') }}
                                </button>
                            </h5>
                            <div id="contact-accordion-item" class="accordion-collapse collapse">
                                <div class="accordion-body">
                                    <div class="row g-0">
                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'bank_name')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.bank_name') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <input type="text" value="" class="form-control"
                                                        id="bank_name" name="bank_name"
                                                        NsModelBind="customerObj.bank_name" />
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'acc_name')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.account_name') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <input type="text" value="" class="form-control"
                                                        id="acc_name" name="acc_name"
                                                        NsModelBind="customerObj.acc_name" />
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'acc_number')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.account_number') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <input type="number" value="" class="form-control"
                                                        id="acc_number" name="acc_number"
                                                        NsModelBind="customerObj.acc_number" />
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'swift_code')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.swift_code') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <input type="number" value="" class="form-control"
                                                        id="swift_code" name="swift_code"
                                                        NsModelBind="customerObj.swift_code" />
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item mb-3">
                            <h5 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#credential-accordion-item" aria-expanded="false">
                                    {{ __('obs.credentials') }}
                                </button>
                            </h5>
                            <div id="credential-accordion-item" class="accordion-collapse collapse">
                                <div class="accordion-body">
                                    <div class="row g-0">
                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'user_name')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.user_name') }}
                                                    @endif
                                                    <span class="required">*</span>
                                                </span>
                                                <span class="classic_input">
                                                    <input type="text" value="" class="form-control"
                                                        id="user_name" name="user_name"
                                                        NsModelBind="customerObj.user_name" />
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'password')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.password') }}
                                                    @endif
                                                    <span class="required">*</span>
                                                </span>
                                                <span class="classic_input">
                                                    <input type="text" value="" class="form-control"
                                                        id="password" name="password"
                                                        NsModelBind="customerObj.password" />
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'showroom_name')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.showroom') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <input type="text" value="" class="form-control"
                                                        id="showroom_name" name="showroom_name"
                                                        NsModelBind="customerObj.showroom_name" />
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item mb-3">
                            <h5 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#card-member-accordion-item" aria-expanded="false">
                                    {{ __('obs.membership_card') }}
                                </button>
                            </h5>
                            <div id="card-member-accordion-item" class="accordion-collapse collapse">
                                <div class="accordion-body">
                                    <div class="row g-0">
                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'grade_id')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.showroom') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <select name="grade_id" id="grade_id"
                                                        onchange="generateCardNumber(this.value)"
                                                        class="form-select cl-form-select"
                                                        NsModelBind="customerObj.grade_id">
                                                        <option value="">Select</option>
                                                        @forelse (InventoryDropDownTrait::getGrade() as $grade)
                                                            <option value="{{ $grade->id }}">
                                                                {{ $grade->name_eng }}</option>
                                                        @empty
                                                        @endforelse
                                                    </select>
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'card_number')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.card_number') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    <input type="text" value="" class="form-control"
                                                        id="card_number" name="card_number"
                                                        NsModelBind="customerObj.card_number" />
                                                </span>
                                            </div>
                                        </div>

                                        @php
                                            $formObj = $formObjCollection->where('form_name', 'expiry_date')->first();
                                        @endphp
                                        <div class="col-xl-4 col-sm-6 {{ $formObj->form_hide ?? '' }}">
                                            <div class="classic_input_container">
                                                <span class="classic_label">
                                                    @if (isset($formObj->form_label))
                                                        {{ $formObj->form_label }}
                                                    @else
                                                        {{ __('obs.expire_date') }}
                                                    @endif
                                                </span>
                                                <span class="classic_input">
                                                    @include('v2.admin.global.date', [
                                                        'binder' => 'customerObj.expiry_date',
                                                        'id' => 'expiry_date',
                                                        'name' => 'expiry_date',
                                                        'serial' => @$date_serial ?? 1,
                                                    ])
                                                    {{-- <input type="date" name="expiry_date" class="form-control"
                                                        id="expiry_date" NsModelBind="customerObj.expiry_date" /> --}}
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item mb-3" id="vehicle_div">
                            <h5 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#card-vehicle-accordion-item" aria-expanded="false">
                                    {{ __('obs.vehicle_action') }}
                                </button>
                            </h5>
                            <div id="card-vehicle-accordion-item" class="accordion-collapse collapse">
                                <div class="accordion-body">
                                    @include('inventory.customer_vehicle.form', [
                                        'is_customer_hide' => true,
                                        'is_modal' => true,
                                    ])
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">{{ __('obs.close') }}</button>
                <button type="button" class="btn btn-primary" id="save"
                    onclick="submitCustomer()">{{ __('obs.save') }}</button>
            </div>
        </div>
    </div>
</div>
@section('script_after')
    <script>
        $(document).ready(function() {
            select2('store_location');
            resetVehicle();
            liveSearch('customer_live', '/customer-live-search', false, title = 'Select Customer', {},
                'customerModal');
        });

        let vehicleInit = {
            customer_id: null,
            brand_id: null,
            model_id: null,
            year: '',
            vehicle_number: '',
            engine_number: '',
            chassis_number: '',
        };

        let initCustomerObj = {
            id: '',
            group_id: '',
            code: '',
            name_eng: '',
            name_local: '',
            party_type: 2,
            shop: [],
            cost_center: 0,
            commission: 0.00,
            commission_type: 1,
            limit_apply: 0,
            credit_limit_amount: 0.00,
            credit_limit_day: 0.00,
            other_commission_title: '',
            other_commission: 0.00,
            com_calc_type: 1,
            depot_id: null,
            block_free: 0,
            store_location_ids: [],
            return_percentage: 0.00,
            target: 0.00,
            line: 1,
            mobile: '',
            email: '',
            address: '',
            account_id: '',
            is_ledger_renamed: false,
            expiry_date: '',
            vehicle: [],
            district_id: '',
        }

        let customerObj = deepClone(initCustomerObj);
        // const customerPostVarObj = {
        //     post_url: '/party/store',
        //     dataObj: customerObj,
        //     callback: callbackAfterPostingCustomer
        // };

        const submitCustomer = () => commonSubmitForm({
            post_url: '/party/store',
            dataObj: customerObj,
            callback: callbackAfterPostingCustomer,
            multiFiles: files
        });

        const createCustomer = async () => {
            $('.ldg_checked').show();
            $('#is_ledger_checked').prop("checked", false);

            checkLedger();

            $('.rename_ledger').hide();
            $('#is_ledger_renamed').prop("checked", false);
            checkLedgerRenamed();


            const settingObj = @json(@$settingObj);
            if (settingObj && settingObj.clear_form_after_posting) customerObj = deepClone(initCustomerObj);

            $('#store_location_ids').val([]).trigger('change');

            ajaxCallV2('/party/get-code', 'GET', {
                type: 2
            }, async (data) => {
                customerObj.code = String(data);
                await viewSetter(customerObj, 'customerObj');

                $('.validation').hide();
                $('#customerModal').modal('show');

                $('#loader').hide();
            });
        }

        const editCustomer = async id => {
            globalVarsObject.viewSetter.lastChangedColumn = '';
            $('.validation').hide();
            $('.ldg_checked').hide();

            $('.rename_ledger').show();
            $('#is_ledger_renamed').prop("checked", false);
            $('#vehicle_div').hide();
            checkLedgerRenamed();
            // $('#store_location_ids').val([]).trigger('change');

            ajaxCall('/party/edit', 'GET', {
                id: id
            }, async (res) => {
                customerObj = deepClone(res);
                checkLimitApply(res.limit_apply);

                if (res.ledger) {
                    if (res.ledger.name == res.name_eng) {
                        $('#is_ledger_renamed').prop("checked", true);
                        checkLedgerRenamed();
                    }
                }

                customerObj.store_location_ids = res.locations.length ? res.locations.map(loc => loc
                    .warehouse_id) : [];
                // $('#store_location_ids').val([]).trigger('change');

                await viewSetter(customerObj, 'customerObj');
                $('#loader').hide();
                $('#customerModal').modal('show');
            })
        }

        const generateCardNumber = async (grade_id) => {
            if (grade_id) ajaxCallV2('/get-cardmember-no', 'GET', {
                grade_id: grade_id
            }, async (cardNo) => {
                customerObj.card_number = cardNo;
                $('#card_number').val(customerObj.card_number);
                $('#loader').hide();
            });
            else {
                customerObj.card_number = '';
                $('#card_number').val(customerObj.card_number);
            }
        }

        const setCustomerStoreLocation = () => {} //customerObj.store_location_ids = $('#store_location_ids').val();

        const shopEnable = (v) => {
            if (v == 4) $('#shop_field').show();
            else $('#shop_field').hide();
        }

        const checkLimitApply = (val) => {
            if (val == 1) {
                $('#credit_limit_amount').show();
                $('#limit_apply_labal').show();
            } else {
                $('#credit_limit_amount').hide();
                $('#limit_apply_labal').hide();
                $('#credit_limit_amount').val(0);

            }
        }

        const types = (v) => {
            if ($(v).prop("checked")) $('#party_type').val(3);
            else $('#party_type').val(2);
        }

        const checkLedger = () => {
            let is_checked = $('#is_ledger_checked').prop("checked");

            if (is_checked) {
                $('#account_id').prop("disabled", false);
                $('#acc_info').show();
            } else {
                $('#account_id').val('').prop("disabled", true).trigger('change');
                $('#acc_info').hide();
            }
        }

        const checkLedgerRenamed = () => {
            if ($('#is_ledger_renamed').is(":checked")) customerObj.is_ledger_renamed = true;
            else customerObj.is_ledger_renamed = false;
        }

        let files = [];
        const setFileIntoObj = (e) => {
            console.log('e', e.files[0]);
            files[i] = e.files[0];
            // files = [];
            // $('.docs').each(function (index, item) {
            //     files.push(item.files[0]);
            // })
            console.log(files);
        }
    </script>
@append