{{-- 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.singleFile', [$execution->fileId, $execution->caseId]) }}"
                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 / Case') }}">
                    {{ $execution->executionNumber }} / {{ $execution->case->caseNumber }}
                </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>



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






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






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






        {{-- executionTypes --}}
        <div class="col-2">
            <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 }}' required>
                    <option value=""></option>
                    @foreach ($executionTypes ?? [] as $executionType)
                    <option value="{{ $executionType->id }}">{{ $executionType->{__('name')} }}</option>
                    @endforeach
                </select>
            </div>
        </div>








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








        {{-- claimAmount --}}
        <div class="col-2">
            <label class="form-label form--label">{{__('Claim Amount')}}</label>
            <input class="form-control form--input  mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                wire:model='instance.claimAmount' required />
        </div>








        {{-- executionAmount --}}
        <div class="col-2">
            <label class="form-label form--label">{{__('Execution Amount')}}</label>
            <input class="form-control form--input  mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                wire:model='instance.executionAmount' required />
        </div>








        {{-- executionFees --}}
        <div class="col-2">
            <label class="form-label form--label">{{__('Execution Fees')}}</label>
            <input class="form-control form--input  mb-4" type="text" data-type='number' pattern='[0-9\.,]+'
                wire:model='instance.executionFees' required />
        </div>








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









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



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



        {{-- information --}}
        <div class="col-6">
            <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-6">
            <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>









        {{-- updateButton --}}
        <div class="col-12 text-center mt-2 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>
    {{-- 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 --}}