{{-- 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'>





                {{-- 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">



                    {{-- 1: civil --}}
                    <li class="nav-item " role="presentation"><a class="nav-link long active" role="tab"
                            data-bs-toggle="tab" href="#tab-4-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-4-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-4-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-4-4">{{__('Seizure Files')}}</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>








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

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

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










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









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

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

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











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









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

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

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







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






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

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

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








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



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



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