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



            {{-- floatingMenu --}}
            <div class="col-1 px-0 d-none" data-aos="{{ __('fade-right') }}" data-aos-duration="600"
                data-aos-delay="600" data-aos-once="true" wire:ignore.self>


                {{-- print --}}
                <button type='button'
                    class="btn btn--scheme btn--scheme-3 px-0 ps-1 scale--self-05 py-2 d-flex align-items-center w-100 fs-12 justify-content-center mb-2"
                    style="margin-top: 10px">
                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
                        viewBox="0 0 16 16" class="bi bi-printer me-1 me-xl-2 fs-13">
                        <path d="M2.5 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z"></path>
                        <path
                            d="M5 1a2 2 0 0 0-2 2v2H2a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h1a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2H5zM4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2H4V3zm1 5a2 2 0 0 0-2 2v1H2a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v-1a2 2 0 0 0-2-2H5zm7 2v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z">
                        </path>
                    </svg>{{ __('PRINT') }}
                </button>
            </div>
            {{-- end menu --}}








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





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


                {{-- tabsWrap --}}
                <div class="tabs--wrap">


                    {{-- tabLinks --}}
                    <ul class="nav nav-tabs mb-4" role="tablist" data-aos="flip-up" data-aos-duration="600"
                        data-aos-delay="600" data-aos-once="true">



                        {{-- 1: hearings --}}
                        <li class="nav-item" role="presentation">
                            <a class="nav-link active" role="tab" data-bs-toggle="tab"
                                href="#tab-1">{{__('Hearings')}}</a>
                        </li>




                        {{-- 2: clientCases --}}
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" role="tab" data-bs-toggle="tab" href="#tab-2">
                                {{__("Client's Cases")}}</a>
                        </li>




                        {{-- 3: fileCases --}}
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" role="tab" data-bs-toggle="tab" href="#tab-3">
                                {{__("File's Cases")}}</a>
                        </li>





                        {{-- 4: expertHearing --}}
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" role="tab" data-bs-toggle="tab" href="#tab-4">
                                {{__('Expert Hearing')}}</a>
                        </li>








                        {{-- 5: executions --}}
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" role="tab" data-bs-toggle="tab" href="#tab-5">
                                {{__('Executions')}}</a>
                        </li>





                        {{-- 6: executions --}}
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" role="tab" data-bs-toggle="tab" href="#tab-6">
                                {{__('Execution Files')}}</a>
                        </li>





                        {{-- 7: banks --}}
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" role="tab" data-bs-toggle="tab" href="#tab-7">
                                {{__('Banks')}}</a>
                        </li>



                    </ul>
                    {{-- end tabLinks --}}






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





                    {{-- tabContent --}}
                    <div class="tab-content" data-aos="fade" data-aos-duration="600" data-aos-delay="600"
                        data-aos-once="true" wire:ignore.self>



                        {{-- 1: HearingsTable --}}
                        <div class="tab-pane fade show active no--card" role="tabpanel" id="tab-1">

                            <livewire:dashboard.reports.components.reports-hearings key='reports-hearings' />

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







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








                        {{-- 2: clientCases --}}
                        <div class="tab-pane fade no--card" role="tabpanel" id="tab-2">

                            <livewire:dashboard.reports.components.reports-client-cases key='reports-client-cases' />

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











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








                        {{-- 3: fileCases --}}
                        <div class="tab-pane fade no--card" role="tabpanel" id="tab-3">

                            <livewire:dashboard.reports.components.reports-file-cases key='reports-file-cases' />

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








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








                        {{-- 4: expertHearings --}}
                        <div class="tab-pane fade no--card" role="tabpanel" id="tab-4">

                            <livewire:dashboard.reports.components.reports-expert-hearings
                                key='reports-expert-hearings' />

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










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








                        {{-- 5: executions --}}
                        <div class="tab-pane fade no--card" role="tabpanel" id="tab-5">

                            {{--
                            <livewire:dashboard.reports.components.reports-file-executions
                                key='reports-file-executions' /> --}}

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









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








                        {{-- 6: executionFiles --}}
                        <div class="tab-pane fade no--card" role="tabpanel" id="tab-6">

                            <livewire:dashboard.reports.components.reports-execution-files
                                key='reports-expert-execution-files' />

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






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








                        {{-- 7: banksReport --}}
                        <div class="tab-pane fade no--card" role="tabpanel" id="tab-7">

                            <livewire:dashboard.reports.components.reports-banks key='reports-banks' />

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







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





                </div>
            </div>
            {{-- endCol --}}






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




</section>
{{-- end section --}}