{{-- wrapper --}}
<div>
    <div class="row pt-2 align-items-center" style="margin-bottom: 40px">





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







        {{-- search --}}
        <div class="col-6">
            <input wire:model.live.debounce.50ms='searchVerdictDate'
                class="form-control form--input main-version mx-auto" type="date" />
        </div>






        {{-- counter --}}
        <div class="col-3 text-end">

            <h3 data-bs-toggle="tooltip" data-bss-tooltip=""
                class="fw-bold rounded-0 border-bottom text-theme scale--self-05 d-inline-block pb-1 mb-0 border-theme"
                title="{{__('Number of Verdicts')}}">{{ $verdicts?->total() ?? 0 }}</h3>
        </div>




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









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










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






        {{-- loop - verdicts --}}
        @foreach ($verdicts ?? [] as $verdict)


        <div class="col-6 col-xl-4" key='single-case-verdict-{{ $verdict->id }}'>
            <div class="overview--card case-version mb-4 scale--self-05 position-relative">



                {{-- topWrap --}}
                <div class="d-flex align-items-center justify-content-between mb-2">



                    {{-- 1: verdictDate --}}
                    <div>
                        <h1 class="fs-12 d-block fw-semibold badge badge-light text-theme px-3 pointer"
                            data-bs-toggle="tooltip" data-bss-tooltip="" data-bs-placement="top"
                            title="{{ __('Verdict Date') }}" dir='ltr'>
                            {{ date('d / m / Y', strtotime($verdict->verdictDate))}}
                        </h1>
                    </div>




                    {{-- 2: file / case --}}
                    <div>
                        <h1 class="fs-12 d-block fw-semibold badge badge-light text-theme px-3 pointer"
                            data-bs-toggle="tooltip" data-bss-tooltip="" data-bs-placement="top"
                            title="{{ __('File / Case') }}">
                            {{ $verdict->file->serial }} / {{$verdict->case->caseNumber }}
                        </h1>
                    </div>





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








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









                {{-- information --}}
                <div class="d-block mb-1">
                    <textarea class="form-control form--input form--textarea fs-12 mb-0 input--bg readonly" readonly
                        placeholder="{{__('Verdict Details')}}">{{ $verdict?->{__('courtDecision')} }}</textarea>
                </div>



            </div>
        </div>

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







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






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




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