{{-- wrapper --}}
<div class="tab-pane-like mt-5" style="border: 1px solid var(--color-doc-desc)">
    <div class="row">
        <div class="col-12">





            {{-- collapse --}}
            <div>


                {{-- button --}}
                <a class="btn fs-5 collapse--btn fw-semibold border-0" data-bs-toggle="collapse" aria-expanded="false"
                    aria-controls="collapse-1" href="#collapse-1" role="button">{{ __('Related Executions') }}<svg
                        xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
                        viewBox="0 0 16 16" class="bi bi-chevron-expand">
                        <path fill-rule="evenodd"
                            d="M3.646 9.146a.5.5 0 0 1 .708 0L8 12.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zm0-2.292a.5.5 0 0 0 .708 0L8 3.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708z">
                        </path>
                    </svg>
                </a>





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






                {{-- collapseContent --}}
                <div class="collapse collapse--content" id="collapse-1">
                    <div class="row pt-2 row align-items-center mb-4">






                        {{-- tableContent --}}
                        <div class="col-12 mt-3">
                            <div class="table-responsive memoir--table">
                                <table class="table table-bordered" id="relatedCases--table">



                                    {{-- headers --}}
                                    <thead>
                                        <tr>
                                            <th>{{__('Execution No.')}}</th>
                                            <th>{{__('Execution Type')}}</th>
                                            <th>{{__('Execution Date')}}</th>
                                            <th>{{__('Claim Amount')}}</th>
                                            <th>{{__('Collected Amount')}}</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    {{-- endHeaders --}}




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







                                    {{-- body --}}
                                    <tbody>




                                        {{-- loop - executions --}}
                                        @foreach ($executions ?? [] as $execution)

                                        <tr>

                                            {{-- 1: number / type / date --}}
                                            <td>{{ $execution->executionNumber }}</td>
                                            <td>{{ $execution->executionType->{__('name')} }}</td>
                                            <td dir='ltr'>{{ date('d / m / Y', strtotime($execution->executionDate)) }}
                                            </td>





                                            {{-- 2: claimAmount - collectedAmount --}}
                                            <td>{{ $execution->executionAmount }}</td>






                                            {{-- 3: viewButton --}}
                                            <td>
                                                <a wire:navigate
                                                    class="init-link badge fs-11 px-3 badge--scheme-outline-3 scale--self-05"
                                                    href="{{ route('dashboard.singleExecution', [$execution->id]) }}">{{__('View')}}</a>
                                            </td>




                                        </tr>

                                        @endforeach
                                        {{-- end loop --}}






                                    </tbody>
                                </table>
                            </div>
                            {{-- endTable --}}


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



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



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