{{-- section --}}
<section id="content--section" class="content--section">
    <div class="container rtl--direction">




        {{-- submenu --}}
        <livewire:dashboard.management.components.submenu />










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








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



            {{-- 1: user --}}
            <div class="col">
                <label class="form-label form--label">{{__('User')}}</label>
                <div class="select--single-wrapper mb-4">
                    <select class="form-select form--select2 init--select init--filters-select"
                        data-instance='searchUser' data-clear='true'>
                        <option value=""></option>

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

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







            {{-- 2: banks --}}
            <div class="col">
                <label class="form-label form--label">{{__('Bank')}}</label>
                <div class="select--single-wrapper mb-4">
                    <select class="form-select form--select2 init--select init--filters-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>






            {{-- 3: 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>







            {{-- 4: 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>






            {{-- counter --}}
            <div class="col-3 text-end">
                <h3 data-bs-toggle="tooltip" data-bss-tooltip="" class="fw-bold scale--self-05 counter--badge mb-4">0
                </h3>
            </div>




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









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










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



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










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








            {{-- tables --}}
            <div class="col-12">





                {{-- 1: userTables --}}
                @if ($currentUser)



                {{-- 1: user --}}
                <h6 class='fw-semibold mb-2 text-center'>{{ $currentUser?->{__('name')} }}</h6>




                {{-- 1: topTable --}}
                <div class="table-responsive memoir--table w-100 mb-3" id="hearings--table">
                    <table class="table table-bordered" id="hearings--table">




                        {{-- headers --}}
                        <thead>
                            <tr>

                                {{-- loop - statuses --}}
                                @foreach ($statuses ?? [] as $status)

                                <th class="th--sm">{{__($status)}}</th>

                                @endforeach
                                {{-- end statuses --}}
                            </tr>
                        </thead>
                        {{-- endHeaders --}}






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






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


                            {{-- 1: statuses --}}
                            <tr key='analysis-tr-1'>


                                {{-- loop --}}
                                @foreach ($statuses ?? [] as $status)

                                <td class="fw-bold">{{ ($reportFiles?->where('status', $status)?->count() ?? 0) +
                                    ($executionFiles?->where('status', $status)?->count() ?? 0) }}</td>

                                @endforeach

                                {{-- end loop --}}


                            </tr>
                            {{-- endRow --}}


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



                </div>









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











                {{-- 2: midTable --}}
                <div class="table-responsive memoir--table w-100" id="hearings--table">
                    <table class="table table-bordered" id="hearings--table">




                        {{-- headers --}}
                        <thead>
                            <tr>


                                {{-- loop - executionOperations --}}
                                @foreach ($operationTypes ?? [] as $operationType)

                                <th class="th--sm">
                                    <span class='truncate-text-1l text-white pe-2'>{{
                                        $operationType->{__('name')} }}</span>
                                </th>

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

                            </tr>
                        </thead>
                        {{-- endHeaders --}}






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






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


                            <tr key='analysis-tr-2'>

                                {{-- loop - executionOperations --}}
                                @foreach ($operationTypes ?? [] as $operationType)

                                <td class="fw-bold">{{ ($reportFileOperations?->where('executionOperationTypeId',
                                    $operationType->id)?->count() ?? 0) +
                                    ($executionFileOperations?->where('executionOperationTypeId',
                                    $operationType->id)?->count() ?? 0) }}</td>

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

                            </tr>
                            {{-- end tr --}}


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



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








                @endif
                {{-- end if --}}





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















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










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

















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







    {{-- :: modals --}}
    @section('modals')






    @endsection
    {{-- endSection --}}






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









</section>
{{-- endSection --}}