{{-- wrapper --}}
<div class='rtl--direction'>





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




            {{-- tabsWrap --}}
            <div class="tabs--wrap" id='single-client-tabpane-3'>





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


                    {{-- viewAll --}}
                    <li class="nav-item" role="presentation">
                        <a class="nav-link active" role="tab" data-bs-toggle="tab" href="#tab-6-0">{{ __('All') }}</a>
                    </li>




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



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



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




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






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



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



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









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







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



                {{-- viewAll --}}
                <div class="tab-pane fade show active no--card" role="tabpanel" id="tab-6-0">


                    <livewire:dashboard.clients.single-client.components.single-client-invoices.components.single-client-invoices-files
                        id='{{ $client->id }}' key='client-invoices-files' />

                </div>
                {{-- endTab --}}






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







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




                </div>
                {{-- endTab --}}





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





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


                    <livewire:dashboard.clients.single-client.components.single-client-invoices.components.single-client-invoices-report-files
                        id='{{ $client->id }}' key='client-invoices-report-files' />

                </div>
                {{-- endTab --}}







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





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

                    <livewire:dashboard.clients.single-client.components.single-client-invoices.components.single-client-invoices-execution-files
                        key='client-invoices-execution-files' id='{{ $client->id }}' />


                </div>
                {{-- endTab --}}






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






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

                    <livewire:dashboard.clients.single-client.components.single-client-invoices.components.single-client-invoices-seizure-files
                        key='client-invoices-seizure-files' id='{{ $client->id }}' />

                </div>
                {{-- endTab --}}





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






                {{-- officeFees - clientServiceFees --}}
                <div class="tab-pane fade no--card" role="tabpanel" id="tab-6-5">

                    <livewire:dashboard.clients.single-client.components.single-client-invoices.components.single-client-invoices-services
                        key='client-invoices-service-fees' id='{{ $client->id }}' />

                </div>
                {{-- endTab --}}






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



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



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