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


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




        {{-- 1: court --}}
        <div class="col" wire:loading.class='no-events-loading'>
            <label class="form-label form--label">{{__('Court')}}</label>
            <div class="select--single-wrapper mb-4">
                <select class="form-select form--select2 init--select init--hearing-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>








        {{-- 2: pleadingLawyer --}}
        <div class="col" wire:loading.class='no-events-loading'>
            <label class="form-label form--label">{{__('Pleading Lawyer')}}</label>
            <div class="select--single-wrapper mb-4">
                <select class="form-select form--select2 init--select init--hearing-select"
                    data-instance='searchPleadingLawyer' data-clear='true'>
                    <option value=""></option>

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

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







        {{-- 3: client --}}
        <div class="col" wire:loading.class='no-events-loading'>
            <label class="form-label form--label">{{__('Client')}}</label>
            <div class="select--single-wrapper mb-4">
                <select class="form-select form--select2 init--select init--hearing-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>






        {{-- 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"
                wire:loading.class='disabled' />
        </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"
                wire:loading.class='disabled' />
        </div>




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









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










    {{-- tableRow --}}
    <div class="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">{{__('Hearing Schedule')}}</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 Hearings') }}">{{ $fileCases?->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--xs">{{__('File')}}</th>
                            <th class="th--xs">{{__('Case')}}</th>
                            <th class="th--md">{{__('Type / Stage')}}</th>
                            <th class="th--md">{{__('Client')}}</th>
                            <th class="th--sm">{{__('Client Title')}}</th>
                            <th class="th--sm">{{__('Pleading Lawyer')}}</th>
                            <th class="th--md">{{__('Opponents')}}</th>
                            <th class="th--sm">{{__('Last Hearing')}}</th>
                            <th class="th--lg">{{__('Last Hearing Verdict')}}</th>
                        </tr>
                    </thead>
                    {{-- endHeaders --}}






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






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


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

                        <tr key='hearing-tr-{{ $fileCase->id }}'>




                            {{-- file - case - caseType --}}
                            <td class="fw-bold">{{ $fileCase?->file?->fileNumber ?? '—' }}</td>
                            <td class="fw-bold">{{ $fileCase?->caseNumber ?? '—' }}</td>
                            <td>{{ $fileCase?->caseType?->{__('name')} ?? '—' }} / {{
                                $fileCase?->caseStage?->{__('name')} ?? '—' }}
                            </td>







                            {{-- client --}}
                            <td class="scale--3">{{ $fileCase?->client?->{__('name')} ?? '—' }}</td>



                            {{-- clientTitle --}}
                            <td>{{ $fileCase?->clientTitle?->{__('title')} ?? '—' }}</td>





                            {{-- pleadingLawyer --}}
                            <td>{{ $fileCase?->hearings?->last() ?
                                $fileCase?->hearings?->last()?->pleadingLawyer?->{__('name')} : "—" }}</td>






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






                            {{-- opponents --}}
                            <td class="scale--3">
                                <p class='mb-0 pointer text-decoration-underline' data-bs-toggle="tooltip"
                                    data-bs-html='true' data-bss-tooltip="" title="{{ $fileCase?->opponentsInString() ?
                                     $fileCase?->opponentsInString() : __('No Opponents') }}">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
                                        viewBox="0 0 16 16" class="bi bi-info-circle fs-6 me-2"
                                        style="fill: var(--delete-color)">
                                        <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z">
                                        </path>
                                        <path
                                            d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z">
                                        </path>
                                    </svg>{{__('Hover To View')}}
                                </p>
                            </td>






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






                            {{-- lastHearing --}}
                            <td dir='ltr'>
                                {{ $fileCase?->hearings?->last() ? date('d / m / Y',
                                strtotime($fileCase?->hearings?->last()?->hearingDate)) : '—' }}
                            </td>








                            {{-- lastHearingVerdict --}}
                            <td class="text-start">
                                <p class="truncate-text-4l h-100 mb-0 expand--paragraph truncate-text-4l pointer scale--3"
                                    data-table="hearing" data-id="1"><i class="far fa-eye me-2 ms-1 fs-14"
                                        data-table="hearing" data-id="{{ $fileCase?->hearings?->last() ?
                                         $fileCase?->hearings?->last()?->id : '' }}"
                                        style="color: var(--color-scheme-dark-3);"></i>{{
                                    $fileCase?->verdicts?->last()?->{__('courtDecision')} }}
                                </p>
                            </td>
                        </tr>


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



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



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

















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










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