{{-- wrapper --}}
<div class="col-6 col-xl-6">
    <form class="overview--card case-version mb-5" wire:submit='update'>




        {{-- topRow --}}
        <div class="row">



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




            {{-- hearingType --}}
            <div class="col-4">
                <div class="d-flex align-items-center justify-content-center mb-3">
                    <h1 class="fs-13 badge badge--outline-dashed-blackshade text-theme px-3 fw-semibold">{{
                        $hearing?->hearingType?->{__('name')} }}</h1>
                </div>
            </div>





            {{-- file / case --}}
            <div class="col-4">
                <div class="d-flex align-items-center justify-content-end mb-3">
                    <h1 class="fs-13 badge badge--outline-dashed-blackshade text-theme px-3 fw-semibold"
                        dir="{{ __('ltr') }}" data-bss-tooltip="" data-bs-placement="top"
                        title="{{ __('File / Case') }}">
                        {{"{$hearing?->file?->fileNumber} / {$hearing?->case?->caseNumber}" }}</h1>
                </div>
            </div>

        </div>
        {{-- endTopRow --}}





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






        {{-- row --}}
        <div class="row">





            {{-- creator --}}
            <div class="col-4">
                <label class="form-label form--label fs-12">{{__('Created By')}}</label>
                <input class="form-control form--input readonly fs-12 mb-4" type="text"
                    value="{{ $hearing?->creator?->{__('name')} }}" readonly="" />
            </div>







            {{-- hearingDate --}}
            <div class="col-4">
                <label class="form-label form--label fs-12">{{__('Current Hearing')}}</label>
                <input class="form-control form--input mb-4 fs-12" type="date" wire:model='instance.hearingDate'
                    required />
            </div>









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







            {{-- nextHearing --}}
            <div class="col-4">
                <label class="form-label form--label fs-12">{{__('Next Hearing')}}</label>
                <input class="form-control form--input mb-4  fs-12" type="date"
                    wire:model='instance.upcomingHearingDate' />
            </div>








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






            {{-- section --}}
            <div class="col-12 mt-3 mb-4">
                <div class="row row--section extra-padding mx-0">


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




                    {{-- verdict --}}
                    <div class="col-6">
                        <textarea wire:model='instance.courtDecisionAr' name='courtDecisionAr'
                            placeholder="{{ __('Issued Verdict') }}"
                            class="form-control form--input form--textarea mb-3"></textarea>
                    </div>



                    {{-- verditEnglish --}}
                    <div class="col-6">
                        <textarea class="form-control form--input form--textarea mb-3" name='courtDecision'
                            wire:model='instance.courtDecision'
                            placeholder="{{ __('Issued Verdict in English') }}"></textarea>
                    </div>


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










        </div>
        {{-- end row --}}











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









        {{-- actionsWrap --}}
        <div class="d-flex align-items-center justify-content-center mb-1 position-relative">





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






            {{-- update --}}
            <button class="btn btn--scheme btn--scheme-3 fs-12 px-1 mx-1 scale--3 px-4" type="submit"
                wire:loading.attr='disabled' wire:target='update, remove'>
                <svg class="bi bi-save fs-6 me-2" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
                    fill="currentColor" viewBox="0 0 16 16">
                    <path
                        d="M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H9.5a1 1 0 0 0-1 1v7.293l2.646-2.647a.5.5 0 0 1 .708.708l-3.5 3.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L7.5 9.293V2a2 2 0 0 1 2-2H14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h2.5a.5.5 0 0 1 0 1H2z">
                    </path>
                </svg>{{__('Update')}}
            </button>






            {{-- removeButton --}}
            <button class="btn btn--scheme btn--remove fs-12 px-1 mx-1 scale--3 px-4" type="button"
                wire:loading.attr='disabled' wire:target='update, remove'
                wire:click.prevent='remove({{ $hearing?->id }})'>
                <svg class="bi bi-trash fs-6 me-2" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
                    fill="currentColor" viewBox="0 0 16 16">
                    <path
                        d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z">
                    </path>
                    <path fill-rule="evenodd"
                        d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z">
                    </path>
                </svg>{{__('Remove')}}
            </button>
        </div>
        {{-- endWrap --}}








    </form>
</div>
{{-- endWrapper --}}