{{-- 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: executionNumber --}}
                <div class="search--section d-flex align-items-center justify-content-evenly">
                    <a wire:navigate href="{{ route('dashboard.singleClient', [$execution->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="{{ __('Client Serial') }}" 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>{{ $execution->executionNumber }}
                        </h6>
                    </a>
                </div>







                {{-- 2: caseNumber --}}
                <div class="search--section d-flex align-items-center justify-content-evenly">
                    <a wire:navigate
                        href="{{ route('dashboard.singleFile', [$execution->fileId, $execution->caseId]) }}#tab-8"
                        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="{{ __('Case Number') }}">
                            <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>{{ $execution->case->caseNumber }}
                        </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.executions.single-execution.components.single-execution-switch
                            id='{{ $execution->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') }}">
                                {{ $execution->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.executions.single-execution.components.single-execution-edit
                                        key='execution-file-edit' id='{{ $execution->id }}' />





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



                                    {{-- 1.2: related --}}
                                    {{--
                                    <livewire:dashboard.executions.single-execution.components.single-execution-related-executions
                                        id='{{ $execution->id }}' /> --}}



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









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










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


                                    <livewire:dashboard.executions.single-execution.components.single-execution-operations
                                        key='execution-file-operations' id='{{ $execution->id }}' />


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









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








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


                                    <livewire:dashboard.executions.single-execution.components.single-execution-tasks
                                        key='execution-file-tasks' id='{{ $execution->id }}' />

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







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









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


                                    <livewire:dashboard.executions.single-execution.components.single-execution-documents
                                        key='execution-file-documents' id='{{ $execution->id }}' />


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






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







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


                                    <livewire:dashboard.executions.single-execution.components.single-execution-invoices-list
                                        key='execution-file-invoices-list' id='{{ $execution->id }}' />


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





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



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













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





    @section('modals')





    {{-- 1: createOperation --}}
    <livewire:dashboard.executions.single-execution.components.single-execution-operations-create
        id='{{ $execution->id }}' key='create-operation' />




    {{-- 1: editOperation --}}
    <livewire:dashboard.executions.single-execution.components.single-execution-operations-edit key='edit-operation' />





    {{-- 1: operationInvoices --}}
    <livewire:dashboard.executions.single-execution.components.single-execution-operations-invoices
        key='operation-invoices' />







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








    {{-- 2: createDocument --}}
    <livewire:dashboard.executions.single-execution.components.single-execution-documents-create
        id='{{ $execution->id }}' key='create-execution-document' />








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









    {{-- 3: createTask --}}
    <livewire:dashboard.executions.single-execution.components.single-execution-tasks-create id='{{ $execution->id }}'
        key='create-execution-task' />







    {{-- 3.2: editTask --}}
    <livewire:dashboard.executions.single-execution.components.single-execution-tasks-edit key='edit-execution-task' />









    @endsection
    {{-- endModals --}}










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