{{-- 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', [$execution->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="{{ __('Execution Number') }}">
                    {{ $execution->executionNumber }}
                </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">
                {{__('Execution 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="{{ $execution->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">
                    <label class="form-label form--label">{{__('Execution 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>







                {{-- paymentMethod --}}
                <div class="col-12">
                    <label class="form-label form--label">{{__('Execution 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='{{ $execution?->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>










                {{-- 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>





                {{-- 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>






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




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







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






            {{-- 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>



                {{-- disputeFees --}}
                <div class="col-12">
                    <label class="form-label form--label">{{__('Dispute 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.disputeFees'>
                    </div>
                </div>






                {{-- invoices --}}
                <div class="col-12">
                    <button data-bs-toggle="modal" data-bs-target="#execution-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'>{{ __('Execution Fees') }}</h6>
                </div>





                {{-- executionFees --}}
                <div class="col-12">
                    <label class="form-label form--label">{{__('Execution 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.executionFees'>
                    </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>




                {{-- invoices --}}
                <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-3 mb-4">

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

                </div>



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

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

                </div>






                {{-- executionType --}}
                <div class="col-3">
                    <label class="form-label form--label">{{__('Execution 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.executionTypeId' value='{{ $execution?->executionTypeId }}'>
                            <option value=""></option>


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

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

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

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





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

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

                </div>









                {{-- Defendant --}}
                <div class="col-12">
                    <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='{{ $execution?->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">
                    <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='{{ $execution->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">
                    <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='{{ $execution->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">
                    <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='{{ $execution?->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">
                    <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='{{ $execution?->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">
                    <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='{{ $execution?->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">
                    <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='{{ $execution?->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 --}}





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









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




                {{-- sectionTitle --}}
                <div class="col-12">
                    <h6 class='row--section-title small'>{{ __('Account') }} / {{ __('Cheque') }}</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>







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






                {{-- chequeAmount --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Cheque 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.chequeAmount'>
                    </div>
                </div>








                {{-- chequeActualAmount --}}
                <div class="col-4">
                    <label class="form-label form--label">{{__('Actual 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.chequeActualAmount'>
                    </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>








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








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