{{-- updateForm --}}
<form class="tab-pane-like" style="border: 1px solid var(--color-doc-desc)" wire:submit='update'
    wire:loading.class='disabled' wire:target='update, translate'>
    <div class="row pt-2">



        {{-- serial --}}
        <div class="col-3">
            <a class='init-link' href="{{ route('dashboard.singleClient', [$seizure->clientId]) }}" wire:navigate>
                <h6 class="text-center fw-bold badge--theme-light py-1 rounded-1 text-theme px-4 mb-0 d-inline-block"
                    data-bs-toggle="tooltip" data-bss-tooltip="" data-bs-placement="top"
                    title="{{ __('Seizure Number') }}">
                    {{ $seizure->seizureNumber }}
                </h6>
            </a>
        </div>





        {{-- title --}}
        <div class="col-6 text-center">
            <h4 class="mb-0 badge--theme text-white px-4 rounded-1 py-1 d-inline-block fs-5">
                {{__('Seizure Details')}}</h4>
        </div>







        {{-- creator --}}
        <div class="col-3">
            <input class="form-control form--input readonly mb-0 text-center" data-bs-toggle="tooltip"
                data-bss-tooltip="" data-bs-placement="top" type="text" value="{{ $seizure->creator->{__('name')} }}"
                title="{{__('Created By')}}" readonly="">
        </div>







        {{-- empty --}}
        <div class="col-12 mb-5"></div>






        {{-- --------------------------------------------------- --}}
        {{-- --------------------------------------------------- --}}








        {{-- section --}}
        <div class="col-4 mt-3 mb-4">





            {{-- topSection --}}
            <div class="row row--section extra-padding mx-0 mb-5">




                {{-- sectionTitle --}}
                <div class="col-12">
                    <h6 class='row--section-title small'>{{ __('Status / Payment') }}</h6>
                </div>







                {{-- status --}}
                <div class="col-12" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('Seizure Status')}}</label>

                    <div class="select--single-wrapper mb-4" wire:ignore>
                        <select class="form-select form--select2 init--select init--update-select"
                            data-instance='instance.status' value='{{ $instance?->status }}'>
                            <option value=""></option>


                            {{-- loop - statuses --}}
                            @foreach ($statuses ?? [] as $status)

                            <option value="{{ $status }}">{{ __($status) }}</option>

                            @endforeach
                            {{-- end loop --}}

                        </select>
                    </div>
                </div>








                {{-- seizureTypes --}}
                <div class="col-12" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('Seizure Type')}}</label>

                    <div class="select--single-wrapper mb-4" wire:ignore>
                        <select class="form-select form--select2 init--select init--update-select"
                            data-instance='instance.seizureTypeId' value='{{ $instance?->seizureTypeId }}'>
                            <option value=""></option>


                            {{-- loop - seizureTypes --}}
                            @foreach ($seizureTypes ?? [] as $key => $seizureType)

                            <option value="{{ $seizureType->id }}">
                                {{ $seizureType->{__('name')} }}
                            </option>

                            @endforeach
                            {{-- end loop --}}

                        </select>
                    </div>
                </div>






                {{-- paymentMethod --}}
                <div class="col-12" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('Seizure Payment')}}</label>

                    <div class="select--single-wrapper mb-4" wire:ignore>
                        <select class="form-select form--select2 init--select init--update-select"
                            data-instance='instance.paymentMethod' value='{{ $seizure?->paymentMethod }}'>
                            <option value=""></option>


                            {{-- loop - paymentMethods --}}
                            @foreach ($paymentMethods ?? [] as $paymentMethods)

                            <option value="{{ $paymentMethods }}">
                                {{ __($paymentMethods) }}
                            </option>

                            @endforeach
                            {{-- end loop --}}

                        </select>
                    </div>
                </div>




            </div>
            {{-- endRow --}}








            {{-- --------------------------------- --}}
            {{-- --------------------------------- --}}









            {{-- topSection --}}
            <div class="row row--section extra-padding mx-0 mb-5">





                {{-- sectionTitle --}}
                <div class="col-12">
                    <h6 class='row--section-title small'>{{ __('Date') }}</h6>
                </div>





                {{-- seizureDate --}}
                <div class="col-12">
                    <label class="form-label form--label">{{__('Seizure Date')}}</label>
                    <input class="form-control form--input mb-4" type="date" wire:model='instance.seizureDate' />
                </div>




                {{-- receivingDate --}}
                <div class="col-12">
                    <label class="form-label form--label">{{__('Receiving Date')}}</label>
                    <input class="form-control form--input mb-4" type="date" wire:model='instance.receivingDate' />
                </div>





                {{-- circularDate --}}
                <div class="col-12">
                    <label class="form-label form--label">{{__('Circular Date')}}</label>
                    <input class="form-control form--input mb-4" type="date" wire:model='instance.circularDate' />
                </div>





                {{-- creationDate --}}
                <div class="col-12">
                    <label class="form-label form--label">{{__('Creation Date')}}</label>
                    <input class="form-control form--input mb-4" type="date" wire:model='instance.creationDate'
                        readonly />
                </div>






            </div>









            {{-- --------------------------------- --}}
            {{-- --------------------------------- --}}









            {{-- bottomSection --}}
            <div class="row row--section extra-padding mx-0 mb-5">




                {{-- sectionTitle --}}
                <div class="col-12">
                    <h6 class='row--section-title small'>{{ __('Lawyers Fees') }}</h6>
                </div>







                {{-- officeFees --}}
                <div class="col-12">
                    <label class="form-label form--label">{{__('Office Fees')}}</label>
                    <div class="input--icon  for-price">
                        <span>{{__('AED')}}</span>
                        <input class="form-control form--input mb-4" readonly type="text" data-type='number'
                            pattern='[0-9\.,]+' wire:model='instance.officeFees'>
                    </div>
                </div>






                {{-- invoices --}}
                <div class="col-12">
                    <button data-bs-toggle="modal" data-bs-target="#seizure-invoices"
                        class="btn btn--scheme btn--scheme-4 py-2 fs-12 scale--3 mb-3 w-100" type="button">{{
                        __('View Invoices') }}</button>
                </div>





            </div>
            {{-- endSection --}}







            {{-- -------------------------------- --}}
            {{-- -------------------------------- --}}
            {{-- -------------------------------- --}}
            {{-- -------------------------------- --}}







            {{-- bottomSection --}}
            <div class="row row--section extra-padding mx-0 mb-4">




                {{-- sectionTitle --}}
                <div class="col-12">
                    <h6 class='row--section-title small'>{{ __('Seizure Fees') }}</h6>
                </div>






                {{-- seizureFees --}}
                <div class="col-12">
                    <label class="form-label form--label">{{__('Seizure Fees')}}</label>
                    <div class="input--icon  for-price">
                        <span>{{__('AED')}}</span>
                        <input class="form-control form--input mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                            wire:model='instance.seizureFees'>
                    </div>
                </div>






                {{-- translationFees --}}
                <div class="col-12">
                    <label class="form-label form--label">{{__('Translation Fees')}}</label>
                    <div class="input--icon  for-price">
                        <span>{{__('AED')}}</span>
                        <input class="form-control form--input mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                            wire:model='instance.translationFees'>
                    </div>
                </div>







                {{-- courtFees --}}
                <div class="col-12">
                    <label class="form-label form--label">{{__('Court Fees')}}</label>
                    <div class="input--icon  for-price">
                        <span>{{__('AED')}}</span>
                        <input class="form-control form--input mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                            wire:model='instance.courtFees'>
                    </div>
                </div>






                {{-- assessmentFees --}}
                <div class="col-12">
                    <label class="form-label form--label">{{__('Assessment Fees')}}</label>
                    <div class="input--icon  for-price">
                        <span>{{__('AED')}}</span>
                        <input class="form-control form--input mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                            wire:model='instance.assessmentFees'>
                    </div>
                </div>







                {{-- receipts --}}
                <div class="col-12">
                    <button data-bs-toggle="modal" data-bs-target="#translation-invoices"
                        class="btn btn--scheme btn--scheme-4 py-2 fs-12 scale--3 mb-3 w-100" type="button">{{
                        __('View Receipts') }}</button>
                </div>












            </div>
            {{-- endSection --}}






        </div>
        {{-- endSection --}}










        {{-- -------------------------------------- --}}
        {{-- -------------------------------------- --}}











        {{-- section --}}
        <div class="col-8 mt-3 mb-4">


            {{-- topSection --}}
            <div class="row row--section extra-padding mx-0 mb-5">





                {{-- sectionTitle --}}
                <div class="col-12">
                    <h6 class='row--section-title small'>{{ __('Information') }}</h6>
                </div>








                {{-- executionNumber --}}
                <div class="col-4 mb-4">

                    <label class="form-label form--label">{{__('Seizure Number')}}</label>
                    <input class="form-control form--input" type="text" wire:model='instance.seizureNumber'>

                </div>





                {{-- circularNumber --}}
                <div class="col-4 mb-4">

                    <label class="form-label form--label">{{__('Circular Number')}}</label>
                    <input class="form-control form--input" type="text" wire:model='instance.circularNumber'>

                </div>






                {{-- criminalCaseNumber --}}
                <div class="col-4 mb-4">

                    <label class="form-label form--label">{{__('Criminal Case No.')}}</label>
                    <input class="form-control form--input" type="text" wire:model='instance.criminalCaseNumber'>

                </div>






                {{-- Defendant --}}
                <div class="col-12" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('Defendant')}}</label>

                    <div class="select--single-wrapper mb-4" wire:ignore>
                        <select class="form-select form--select2 init--select init--update-select"
                            data-instance='instance.defendantId' value='{{ $seizure?->defendantId }}'>
                            <option value=""></option>


                            {{-- loop - opponents --}}
                            @foreach ($opponents ?? [] as $opponent)

                            <option value="{{ $opponent->id }}">
                                {{ $opponent->{__('name')} }}
                            </option>

                            @endforeach
                            {{-- end loop --}}

                        </select>
                    </div>
                </div>







                {{-- bank --}}
                <div class="col-6" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('Drawee Bank')}}</label>
                    <div class="select--single-wrapper mb-4" wire:ignore>
                        <select class="form-select form--select2 init--select init--update-select"
                            data-instance='instance.bankId' value='{{ $seizure->bankId }}'>
                            <option value=""></option>


                            {{-- loop - banks --}}
                            @foreach ($banks ?? [] as $bank)

                            <option value="{{ $bank->id }}">
                                {{ $bank->{__('name')} }}
                            </option>

                            @endforeach
                            {{-- end loop --}}

                        </select>
                    </div>
                </div>








                {{-- court --}}
                <div class="col-6" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('Court')}}</label>
                    <div class="select--single-wrapper mb-4" wire:ignore>
                        <select class="form-select form--select2 init--select init--update-select"
                            data-instance='instance.courtId' value='{{ $seizure->courtId }}'>
                            <option value=""></option>


                            {{-- loop - courts --}}
                            @foreach ($courts ?? [] as $court)

                            <option value="{{ $court->id }}">
                                {{ $court->{__('name')} }}
                            </option>

                            @endforeach
                            {{-- end loop --}}

                        </select>
                    </div>
                </div>












                {{-- --------------------------------- --}}
                {{-- --------------------------------- --}}








                {{-- registrar --}}
                <div class="col-6" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('Registrar')}}</label>
                    <div class="select--single-wrapper mb-4" wire:ignore>
                        <select class="form-select form--select2 init--select init--update-select"
                            data-instance='instance.registrarId' data-clear='true' value='{{ $seizure?->registrarId }}'>
                            <option value=""></option>


                            {{-- loop - users --}}
                            @foreach ($users ?? [] as $user)
                            <option value="{{ $user->id }}">{{ $user->{__('name')} }}</option>
                            @endforeach
                            {{-- end loop --}}

                        </select>
                    </div>
                </div>






                {{-- registrar --}}
                <div class="col-6" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('Follower')}}</label>
                    <div class="select--single-wrapper mb-4" wire:ignore>
                        <select class="form-select form--select2 init--select init--update-select"
                            data-instance='instance.followerId' data-clear='true' value='{{ $seizure?->followerId }}'>
                            <option value=""></option>


                            {{-- loop - users --}}
                            @foreach ($users ?? [] as $user)
                            <option value="{{ $user->id }}">{{ $user->{__('name')} }}</option>
                            @endforeach
                            {{-- end loop --}}

                        </select>
                    </div>
                </div>







                {{-- 2nd --}}


                {{-- registrar --}}
                <div class="col-6" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('Registrar')}}<small class='notice ms-1'>({{ __('2nd')
                            }})</small></label>
                    <div class="select--single-wrapper mb-4" wire:ignore>
                        <select class="form-select form--select2 init--select init--update-select"
                            data-instance='instance.secRegistrarId' data-clear='true'
                            value='{{ $seizure?->secRegistrarId }}'>
                            <option value=""></option>


                            {{-- loop - users --}}
                            @foreach ($users ?? [] as $user)
                            <option value="{{ $user->id }}">{{ $user->{__('name')} }}</option>
                            @endforeach
                            {{-- end loop --}}

                        </select>
                    </div>
                </div>






                {{-- follower --}}
                <div class="col-6" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('Follower')}}<small class='notice ms-1'>({{ __('2nd')
                            }})</small></label>
                    <div class="select--single-wrapper mb-4" wire:ignore>
                        <select class="form-select form--select2 init--select init--update-select"
                            data-instance='instance.secFollowerId' data-clear='true'
                            value='{{ $seizure?->secFollowerId }}'>
                            <option value=""></option>


                            {{-- loop - users --}}
                            @foreach ($users ?? [] as $user)
                            <option value="{{ $user->id }}">{{ $user->{__('name')} }}</option>
                            @endforeach
                            {{-- end loop --}}

                        </select>
                    </div>
                </div>









                {{-- ------------------------------ --}}
                {{-- ------------------------------ --}}







                {{-- information --}}
                <div class="col-12">
                    <label class="form-label form--label">{{__('Information')}}</label>
                    <textarea class="form-control form--input form--textarea mb-4"
                        wire:change="translate('informationAr', 'information', 'en')"
                        wire:model='instance.informationAr'></textarea>
                </div>




                <div class="col-12">
                    <label class="form-label form--label">{{__('Information in English')}}</label>
                    <textarea class="form-control form--input form--textarea mb-4"
                        wire:change="translate('information', 'informationAr', 'ar')"
                        wire:model='instance.information'></textarea>
                </div>






            </div>
            {{-- endRow --}}





            {{-- -------------------------------------- --}}
            {{-- -------------------------------------- --}}








            {{-- section --}}
            <div class="row row--section extra-padding mx-0 mb-5">




                {{-- sectionTitle --}}
                <div class="col-12">
                    <h6 class='row--section-title small'>{{ __('Vehicle Details') }}</h6>
                </div>







                {{-- carBrand --}}
                <div class="col-4" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('Vehicle Brand')}}</label>

                    <div class="select--single-wrapper mb-4" wire:ignore>
                        <select
                            class="form-select form--select2 init--select init--update-select level--select level--one"
                            data-level-type='one' data-level-group='create-seizure-file' data-level-child='Model'
                            data-instance='instance.carBrandId' value='{{ $seizure?->carBrandId }}'>
                            <option value=""></option>


                            {{-- loop - carBrands --}}
                            @foreach ($carBrands ?? [] as $carBrand)

                            <option value="{{ $carBrand->id }}">
                                {{ $carBrand->{__('name')} }}
                            </option>

                            @endforeach
                            {{-- end loop --}}

                        </select>
                    </div>
                </div>







                {{-- model --}}
                <div class="col-4" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('Vehicle Model')}}</label>

                    <div class="select--single-wrapper mb-4" wire:ignore>
                        <select
                            class="form-select form--select2 init--select init--update-select level--select level--two"
                            data-level-type='one' data-level-group='create-seizure-file'
                            data-instance='instance.carModelId' data-trigger='false'
                            value='{{ $seizure?->carModelId }}'>


                            {{-- loop - carModels --}}
                            @foreach ($carModels ?? [] as $carModel)

                            <option value="{{ $carModel->id }}">
                                {{ $carModel->{__('name')} }}
                            </option>

                            @endforeach
                            {{-- end loop --}}

                        </select>
                    </div>
                </div>





                {{-- carNote --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Note')}}</label>
                    <input class="form-control form--input  mb-4" type="text" wire:model='instance.carNote' />
                </div>





                {{-- manufactureYear --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Manufacture Year')}}</label>
                    <input class="form-control form--input  mb-4" type="text"
                        wire:model='instance.carManufactureYear' />
                </div>







                {{-- carBrand --}}
                <div class="col-4" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('Vehicle Color')}}</label>
                    <input class="form-control form--input mb-4" type="text" wire:model='instance.carColor'>
                </div>









                {{-- plateLetter --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Plate Letter')}}</label>
                    <input class="form-control form--input  mb-4" type="text" wire:model='instance.plateLetter' />
                </div>






                {{-- plateNumber --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Plate Number')}}</label>
                    <input class="form-control form--input  mb-4" type="text" wire:model='instance.plateNumber' />
                </div>






                {{-- registerCityId --}}
                <div class="col-4" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('Register Emirate')}}</label>

                    <div class="select--single-wrapper mb-4" wire:ignore>
                        <select class="form-select form--select2 init--select init--update-select"
                            data-instance='instance.registerCityId' value='{{ $seizure?->registerCityId }}'>
                            <option value=""></option>


                            {{-- loop - cities --}}
                            @foreach ($cities ?? [] as $city)

                            <option value="{{ $city->id }}">
                                {{ $city->{__('name')} }}
                            </option>

                            @endforeach
                            {{-- end loop --}}

                        </select>
                    </div>
                </div>






                {{-- seizureCityId --}}
                <div class="col-4" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('Seizure Emirate')}}</label>

                    <div class="select--single-wrapper mb-4" wire:ignore>
                        <select class="form-select form--select2 init--select init--update-select"
                            data-instance='instance.seizureCityId' value='{{ $seizure?->seizureCityId }}'>
                            <option value=""></option>


                            {{-- loop - cities --}}
                            @foreach ($cities ?? [] as $city)

                            <option value="{{ $city->id }}">
                                {{ $city->{__('name')} }}
                            </option>

                            @endforeach
                            {{-- end loop --}}

                        </select>
                    </div>
                </div>







            </div>
            {{-- endRow --}}












            {{-- -------------------------------------- --}}
            {{-- -------------------------------------- --}}








            {{-- section --}}
            <div class="row row--section extra-padding mx-0 mb-5">




                {{-- sectionTitle --}}
                <div class="col-12">
                    <h6 class='row--section-title small'>{{ __('Procedures') }}</h6>
                </div>







                {{-- legalNotice --}}
                <div class="col-4" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('Legal Notice')}}</label>

                    <div class="select--single-wrapper mb-4" wire:ignore>
                        <select class="form-select form--select2 init--select init--update-select"
                            data-instance='instance.hasLegalNotice' value='{{ $instance?->hasLegalNotice }}'>
                            <option value=""></option>


                            {{-- loop - answers --}}
                            @foreach (['No', 'Yes'] ?? [] as $answer)

                            <option value="{{ $answer }}">
                                {{ __($answer) }}
                            </option>

                            @endforeach
                            {{-- end loop --}}

                        </select>
                    </div>
                </div>






                {{-- legalNoticeFees --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Legal Notice Fees')}}</label>
                    <div class="input--icon  for-price">
                        <span>{{__('AED')}}</span>
                        <input class="form-control form--input mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                            wire:model='instance.legalNoticeFees'>
                    </div>
                </div>









                {{-- aramexNoticeDate --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Aramex Notice')}}</label>
                    <input class="form-control form--input mb-4" type="date" wire:model='instance.aramexNoticeDate'>
                </div>






                {{-- aramexNoticeFees --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Aramex Notice Fees')}}</label>
                    <div class="input--icon  for-price">
                        <span>{{__('AED')}}</span>
                        <input class="form-control form--input mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                            wire:model='instance.aramexNoticeFees'>
                    </div>
                </div>








                {{-- investigationDate --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Investigation Date')}}</label>
                    <input class="form-control form--input mb-4" type="date" wire:model='instance.investigationDate'>
                </div>







                {{-- investigationFees --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Investigation Fees')}}</label>
                    <div class="input--icon  for-price">
                        <span>{{__('AED')}}</span>
                        <input class="form-control form--input mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                            wire:model='instance.investigationFees'>
                    </div>
                </div>









                {{-- publicationDate --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Publication Date')}}</label>
                    <input class="form-control form--input mb-4" type="date" wire:model='instance.publicationDate'>
                </div>







                {{-- publicationFees --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Publication Fees')}}</label>
                    <div class="input--icon  for-price">
                        <span>{{__('AED')}}</span>
                        <input class="form-control form--input mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                            wire:model='instance.publicationFees'>
                    </div>
                </div>








                {{-- ----------------------------------- --}}
                {{-- ----------------------------------- --}}






                {{-- inAuction --}}
                <div class="col-4" wire:loading.class='no-events-loading'>
                    <label class="form-label form--label">{{__('In Auction')}}</label>

                    <div class="select--single-wrapper mb-4" wire:ignore>
                        <select class="form-select form--select2 init--select init--update-select"
                            data-instance='instance.isForAuction' value='{{ $instance?->isForAuction }}'>
                            <option value=""></option>


                            {{-- loop - answers --}}
                            @foreach (['No', 'Yes'] ?? [] as $answer)

                            <option value="{{ $answer }}">
                                {{ __($answer) }}
                            </option>

                            @endforeach
                            {{-- end loop --}}

                        </select>
                    </div>
                </div>










                {{-- auctionSellPrice --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Sell Price')}}</label>
                    <div class="input--icon  for-price">
                        <span>{{__('AED')}}</span>
                        <input class="form-control form--input mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                            wire:model='instance.auctionSellPrice'>
                    </div>
                </div>









            </div>
            {{-- endRow --}}







            {{-- -------------------------------------- --}}
            {{-- -------------------------------------- --}}








            {{-- bottomSection --}}
            <div class="row row--section extra-padding mx-0 mb-4">




                {{-- sectionTitle --}}
                <div class="col-12">
                    <h6 class='row--section-title small'>{{ __('Account') }} / {{ __('Loan') }}</h6>
                </div>









                {{-- accountNumber --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Account')}}</label>
                    <input class="form-control form--input  mb-4" type="text" wire:model='instance.accountNumber' />
                </div>







                {{-- cardNumber --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Card Number')}}</label>
                    <input class="form-control form--input  mb-4" type="text" wire:model='instance.cardNumber' />
                </div>






                {{-- loanNumber --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Loan Number')}}</label>
                    <input class="form-control form--input  mb-4" type="text" wire:model='instance.loanNumber' />
                </div>





                {{-- loanAmount --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Loan Amount')}}</label>
                    <div class="input--icon  for-price">
                        <span>{{__('AED')}}</span>
                        <input class="form-control form--input mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                            wire:model='instance.loanAmount'>
                    </div>
                </div>







                {{-- installmentAmount --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Installment Amount')}}</label>
                    <div class="input--icon  for-price">
                        <span>{{__('AED')}}</span>
                        <input class="form-control form--input mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                            wire:model='instance.installmentAmount'>
                    </div>
                </div>








                {{-- dueAmount --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Due Amount')}}</label>
                    <div class="input--icon  for-price">
                        <span>{{__('AED')}}</span>
                        <input class="form-control form--input mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                            wire:model='instance.dueAmount'>
                    </div>
                </div>






                {{-- remainingAmount --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Remaining Amount')}}</label>
                    <div class="input--icon  for-price">
                        <span>{{__('AED')}}</span>
                        <input class="form-control form--input mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                            wire:model='instance.remainingAmount'>
                    </div>
                </div>








                {{-- invoiceNumber --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Invoice Number')}}</label>
                    <input class="form-control form--input mb-4" type="text" wire:model='instance.invoiceNumber'>
                </div>





                {{-- invoiceAmount --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Invoice Amount')}}</label>
                    <div class="input--icon  for-price">
                        <span>{{__('AED')}}</span>
                        <input class="form-control form--input mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                            wire:model='instance.invoiceAmount'>
                    </div>
                </div>




            </div>










            {{-- -------------------------------------- --}}
            {{-- -------------------------------------- --}}







            {{-- submitButton --}}
            <div class="d-block text-center position-relative">

                {{-- spinner --}}
                <span class="spinner-border spinner-border-sm text-success spinner--float-right" role="status"
                    wire:loading wire:target='update, translate'></span>


                <button
                    class="btn btn--scheme btn--scheme-3 px-5 scalemix--3 py-1 d-inline-flex align-items-center scale--self-05"
                    type="submit" wire:loading.attr='disabled' wire:target='update, translate'>
                    {{__('Update')}}
                </button>
            </div>




        </div>
        {{-- endSection --}}







    </div>
    {{-- endRow --}}













    {{-- ----------------------------------------------------- --}}
    {{-- ----------------------------------------------------- --}}










    {{-- selectHandler --}}
    <script>
        $(".init--update-select").on("change", function(event) {


         // 1.1: getValue - instance
         selectValue = $(this).select2('val');
         instance = $(this).attr('data-instance');

         @this.set(instance, selectValue);

      }); //end function
    </script>
















    {{-- levelSelectHandle --}}
    <script>
        $(".init--update-select.level--select").on("change", function(event) {



                // 1.1: getValue - instance
                selectValue = $(this).select2('val');
                instance = $(this).attr('data-instance');

                levelType = $(this).attr('data-level-type');
                levelChild = $(this).attr('data-level-child');
                levelGroup = $(this).attr('data-level-group');



                @this.set(instance, selectValue);
                @this.levelSelect(levelType, levelChild, selectValue, levelGroup);


        }); //end function
    </script>






    {{-- ----------------------------------------------------- --}}
    {{-- ----------------------------------------------------- --}}








</form>
{{-- endForm --}}