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




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





                {{-- 1: seizureNumber --}}
                <div class="search--section d-flex align-items-center justify-content-evenly">
                    <a wire:navigate href="{{ route('dashboard.singleClient', [$seizure->clientId]) }}#tab-4"
                        class='d-block init-link w-100'>
                        <h6 class="fw-bold w-100 fixed-banner mb-0 fs-11 px-1 ps-3 mb-2 py-2" data-bs-toggle="tooltip"
                            data-bss-tooltip="" title="{{ __('Seizure Number') }}" style="margin-top: 75px">
                            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
                                viewBox="0 0 16 16" class="bi bi-link-45deg me-1 fs-6 ">
                                <path
                                    d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z" />
                                <path
                                    d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z" />
                            </svg>{{ $seizure->serial ?? '—' }}
                        </h6>
                    </a>
                </div>



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












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











            {{-- rightCol --}}
            <div class="col-11">





                {{-- generalInfo row --}}
                <div class="row align-items-center mb-4" data-aos="fade" data-aos-duration="800" data-aos-once="true"
                    wire:ignore.self>





                    {{-- switchFiles --}}
                    <div class="col-3" data-aos="flip-up" data-aos-duration="600" data-aos-delay="600"
                        data-aos-once="true" wire:ignore.self>

                        <livewire:dashboard.seizure-files.single-seizure-file.components.single-seizure-file-switch
                            id='{{ $seizure->id }}' />

                    </div>







                    {{-- empty --}}
                    <div class="col-6" data-aos="flip-up" data-aos-duration="600" data-aos-delay="600"
                        data-aos-once="true">
                    </div>






                    {{-- client --}}
                    <div class="col-3" data-aos="flip-up" data-aos-duration="600" data-aos-delay="600"
                        data-aos-once="true" wire:ignore.self>
                        <div class="search--section d-flex align-items-center justify-content-evenly">
                            <h6 class="text-center fw-bold w-100 fixed-banner mb-0" data-bs-toggle="tooltip"
                                data-bss-tooltip="" title="{{ __('Client Name') }}">
                                {{ $seizure->client->{__('name')} }}
                            </h6>
                        </div>
                    </div>


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











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










                {{-- row --}}
                <div class="row mb-5" data-aos="fade" data-aos-duration="800" data-aos-once="true">
                    <div class="col-12">




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





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






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






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






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





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



                                {{-- 5: invoices --}}
                                <li class="nav-item" role="presentation">
                                    <a class="nav-link" role="tab" data-bs-toggle="tab"
                                        href="#tab-5">{{__('Invoices')}}</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: information --}}
                                <div class="tab-pane fade show active no--card p-0" role="tabpanel" id="tab-1">


                                    <livewire:dashboard.seizure-files.single-seizure-file.components.single-seizure-file-edit
                                        id='{{ $seizure->id }}' />



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









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










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

                                    <livewire:dashboard.seizure-files.single-seizure-file.components.single-seizure-file-operations
                                        id='{{ $seizure->id }}' />

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









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








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



                                    <livewire:dashboard.seizure-files.single-seizure-file.components.single-seizure-file-tasks
                                        id='{{ $seizure->id }}' />

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







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









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



                                    <livewire:dashboard.seizure-files.single-seizure-file.components.single-seizure-file-documents
                                        id='{{ $seizure->id }}' />


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





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









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



                                    <livewire:dashboard.seizure-files.single-seizure-file.components.single-seizure-file-invoices-list
                                        id='{{ $seizure->id }}' />


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




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



        </div>
    </div>
    {{-- endContainer --}}













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





    @section('modals')








    {{-- 1: createOperation --}}
    <livewire:dashboard.seizure-files.single-seizure-file.components.single-seizure-file-operations-create
        id='{{ $seizure->id }}' key='operation-create-modal' />





    {{-- 1.2: editOperation --}}
    <livewire:dashboard.seizure-files.single-seizure-file.components.single-seizure-file-operations-edit
        key='operation-edit-modal' />






    {{-- 1.3: viewOperationInvoice --}}
    <livewire:dashboard.seizure-files.single-seizure-file.components.single-seizure-file-operations-invoices
        key='operation-invoices-modal' />








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








    {{-- 2: createDocument --}}
    <livewire:dashboard.seizure-files.single-seizure-file.components.single-seizure-file-documents-create
        id='{{ $seizure->id }}' key='document-create-modal' />








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









    {{-- 3: createTask --}}
    <livewire:dashboard.seizure-files.single-seizure-file.components.single-seizure-file-tasks-create
        id='{{ $seizure->id }}' key='task-create-modal' />







    {{-- 3.2: editTask --}}
    <livewire:dashboard.seizure-files.single-seizure-file.components.single-seizure-file-tasks-edit
        key='task-edit-modal' />






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






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




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








    @endsection
    {{-- endModals --}}










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