{{-- wrapper --}}
<div>




    {{-- filtersRow --}}
    <div class="row" wire:ignore>



        {{-- search --}}
        <div class="col position-relative">
            <label class="form-label form--label">{{__('Number')}}</label>

            <input wire:model.live.debounce.50ms='searchNumber'
                class="form-control form--input main-version mx-auto w-100" type="text">
        </div>





        {{-- client --}}
        <div class="col" wire:ignore>
            <label class="form-label form--label">{{__('Client')}}</label>

            <div class="select--single-wrapper">
                <select class="form-select form--select2 init--select init--execution-files-select"
                    data-instance='searchClient' data-clear='true'>
                    <option value=""></option>

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

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







        {{-- bank --}}
        <div class="col" wire:ignore>
            <label class="form-label form--label">{{__('Bank')}}</label>

            <div class="select--single-wrapper">
                <select class="form-select form--select2 init--select init--execution-files-select"
                    data-instance='searchBank' data-clear='true'>
                    <option value=""></option>

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

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







        {{-- court --}}
        <div class="col" wire:ignore>
            <label class="form-label form--label">{{__('Court')}}</label>

            <div class="select--single-wrapper">
                <select class="form-select form--select2 init--select init--execution-files-select"
                    data-instance='searchCourt' data-clear='true'>
                    <option value=""></option>

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

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





        {{-- defendant --}}
        <div class="col" wire:ignore>
            <label class="form-label form--label">{{__('Defendant')}}</label>

            <div class="select--single-wrapper">
                <select class="form-select form--select2 init--select init--execution-files-select"
                    data-instance='searchDefendant' data-clear='true'>
                    <option value=""></option>

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

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




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







        {{-- 5: untilDate --}}
        <div class="col">
            <label class="form-label form--label">{{__('Until Date')}}</label>
            <input wire:model.live='searchUntilDate' class="form-control form--input mb-4" type="date" />
        </div>




    </div>
    {{-- endFilters --}}









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










    {{-- tableRow --}}
    <div class="row row pt-2 align-items-center mb-4">



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



        {{-- title --}}
        <div class="col-6 text-center">
            <h4 class="mb-0 fw-bold text-solid-black">{{__('Execution Files')}}</h4>
        </div>




        {{-- counter --}}
        <div class="col-3 text-end">
            <h3 data-bs-toggle="tooltip" data-bss-tooltip="" class="fw-bold scale--self-05 counter--badge"
                title="{{ __('Number of Files') }}">{{ $executionFiles?->total() }}</h3>
        </div>







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








        {{-- table --}}
        <div class="col-12 mt-4">
            <div class="table-responsive memoir--table w-100" id="hearings--table">
                <table class="table table-bordered" id="hearings--table">




                    {{-- headers --}}
                    <thead>
                        <tr>
                            <th class="th--sm">{{__('Execution')}}</th>
                            <th class="th--sm">{{__('Client')}}</th>
                            <th class="th--sm">{{__('Account')}}</th>
                            <th class="th--sm">{{__('Cheque')}}</th>
                            <th class="th--sm">{{__('Defendant')}}</th>
                            <th class="th--sm">{{__('Bank')}}</th>
                            <th class="th--sm">{{__('Court')}}</th>
                            <th class="th--sm">{{__('Receiving Date')}}</th>
                            <th class="th--sm">{{__('Execution Payment')}}</th>
                            <th class="th--sm">{{__('Status')}}</th>
                            <th class="th--sm">{{__('Staff')}}</th>
                            <th class="th--sm">{{__('Remarks')}}</th>
                        </tr>
                    </thead>
                    {{-- endHeaders --}}






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






                    {{-- tbody --}}
                    <tbody>


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

                        <tr key='execution-file-tr-{{ $executionFile->id }}'>




                            {{-- SN - client - accountNumber - chequeNumber --}}
                            <td class='fw-bold'>{{ $executionFile?->executionNumber }}</td>
                            <td>{{ $executionFile?->client?->{__('name')} }}</td>
                            <td>{{ $executionFile?->accountNumber }}</td>
                            <td>{{ $executionFile?->chequeNumber }}</td>


                            {{-- bank - defendant - court --}}
                            <td>{{ $executionFile?->defendant?->{__('name')} }}</td>
                            <td>{{ $executionFile?->bank?->{__('name')} }}</td>
                            <td>{{ $executionFile?->court?->{__('name')} }}</td>



                            {{-- receivingDate --}}

                            @if ($executionFile?->receivingDate)

                            <td dir='ltr'>{{ date('d / m / Y', strtotime($executionFile->receivingDate)) }}</td>

                            @else

                            <td dir='ltr'></td>

                            @endif




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




                            {{-- paymentMethod - remarks --}}
                            <td>{{ __($executionFile?->paymentMethod) }}
                            <td>{{ __($executionFile?->status) }}</td>
                            <td>{{ $executionFile?->creator?->{__('name')} }}</td>
                            <td>{{ $executionFile?->{__('information')} }}</td>






                        </tr>

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



                    </tbody>
                </table>
                {{-- endTable --}}



            </div>
        </div>




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




        {{-- paginateLinks --}}
        <div class="col-12 mt-3">{{ $executionFiles?->links() }}</div>


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

















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










    {{-- selectHandle --}}
    <script>
        $(".init--execution-files-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>






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










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