{{-- tableOfInvoices --}}
<div class="row mb-4 align-items-center justify-content-center">



    {{-- filters --}}


    {{-- 1: operationNumber --}}
    <div class="col-3">
        <label class="form-label form--label">{{__('Operation No.')}}</label>
        <input wire:model.live='searchOperationNumber' wire:loading.class='disabled'
            class="form-control form--input mb-4" type="text" />
    </div>



    {{-- 2: fromDate --}}
    <div class="col-3">
        <label class="form-label form--label">{{__('From Date')}}</label>
        <input wire:model.live='searchFromDate' wire:loading.class='disabled' class="form-control form--input mb-4"
            type="date" />
    </div>




    {{-- 3: untilDate --}}
    <div class="col-3">
        <label class="form-label form--label">{{__('Until Date')}}</label>
        <input wire:model.live='searchUntilDate' wire:loading.class='disabled' class="form-control form--input mb-4"
            type="date" />
    </div>





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







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



                {{-- headers --}}
                <thead>
                    <tr>
                        <th class='th--md'>{{__('Execution No.')}}</th>
                        <th class='th--md'>{{__('Invoice No.')}}</th>
                        <th class='th--sm'>{{__('Amount')}}</th>
                        <th class='th--md'>{{__('Title')}}</th>
                        <th class='th--sm'>{{__('Date')}}</th>
                        <th class='th--sm'></th>

                    </tr>
                </thead>
                {{-- endHeaders --}}






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







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



                    {{-- loop - invoices --}}
                    @foreach ($invoices ?? [] as $key => $invoice)


                    <tr key='single-execution-invoice-{{ $key }}'>




                        {{-- 1: operationNumber--}}
                        <td>{{ $invoice?->operationNumber ?? '—' }}</td>




                        {{-- 1.2: invoiceNumber - amount --}}
                        <td>{{ $invoice?->invoiceNumber }}</td>
                        <td>{{ number_format($invoice?->invoiceAmount ?? 0, 2) }}</td>





                        {{-- 1.3: title - date --}}
                        <td>{{ $invoice?->{__('title')} }}</td>
                        <td dir='ltr'>{{date('d / m / Y', strtotime($invoice->invoiceDate)) }}
                        </td>







                        {{-- 1.4: documentFile --}}
                        <td>

                            @if ($invoice->documentFile)

                            <button wire:loading.attr='disabled' wire:target='remove, download'
                                wire:click="download('{{ $invoice->documentPath }}')"
                                class="btn btn--scheme btn--scheme-3 fs-12 mx-1 scale--3 px-2 py-1" type="button">
                                <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
                                    viewBox="0 0 16 16" class="bi bi-save fs-6 me-2">
                                    <path
                                        d="M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H9.5a1 1 0 0 0-1 1v7.293l2.646-2.647a.5.5 0 0 1 .708.708l-3.5 3.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L7.5 9.293V2a2 2 0 0 1 2-2H14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h2.5a.5.5 0 0 1 0 1H2z">
                                    </path>
                                </svg>{{ __('Download') }}
                            </button>




                            {{-- :: noDocuments --}}
                            @else

                            <button disabled class="btn btn--scheme btn--scheme-3 fs-12 mx-1 scale--3 px-2 py-1"
                                type="button">
                                <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
                                    viewBox="0 0 16 16" class="bi bi-save fs-6 me-2">
                                    <path
                                        d="M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H9.5a1 1 0 0 0-1 1v7.293l2.646-2.647a.5.5 0 0 1 .708.708l-3.5 3.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L7.5 9.293V2a2 2 0 0 1 2-2H14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h2.5a.5.5 0 0 1 0 1H2z">
                                    </path>
                                </svg>{{ __('Download File') }}
                            </button>


                            @endif
                            {{-- end if --}}




                        </td>
                    </tr>


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



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

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