@php
    $table_id = isset($table_id) ? $table_id : uniqid(); //rand(1,100);
    $payments = $payments ?? [];
    $dom = $dom ?? 't';
    $all = strpos($dom, 'f');
@endphp

<table class="table table-bordered table-striped table-hover display responsive" width="100%" id="payments_table_{{ $table_id }}">
    <thead>
        <tr>
            {{-- <th>Megrendelés azonosító</th> --}}
            <th data-key="invoice_number">Számlaszám</th>
            {{-- <th>Billingo Számlaszám</th> --}}
            {{-- <th>Létrehozta</th> --}}
            <th data-key="date">Teljesítés dátuma</th>
            <th data-key="payment_deadline">Fizetési határidő</th>
            {{-- <th>Számla kiállítása és kiküldése</th> --}}
            <th data-key="invoice_type">Számla típusa</th>
            {{-- <th>Számlán szerplő termék</th> --}}
            <th data-key="amount">Összeg</th>
            <th data-key="payment_method">Fizetési mód</th>
            <th data-key="completed">Teljesítve</th>
            <th data-key="billingo_invoice_id">Számla</th>
            <th data-key="action" data-priority="1"></th>
        </tr>
    </thead>
    <tbody>
        @foreach ($payments as $_payment)
        <tr>
            {{-- <td>{{ $_payment->offer->offer_number }}</td> --}}
            {{-- <td>{{ $_payment->user->name ?? '' }}</td> --}}
            <td>{{ $_payment->invoice_number ?? '' }}</td>
            {{-- <td>{{ $_payment->billingo_invoice_number }}</td> --}}
            <td>{{ $_payment->date }}</td>
            <td>{{ $_payment->payment_deadline }}</td>
            {{-- <td>{{ $_payment->partial_invoice ? 'igen' : 'nem' }}</td> --}}
            <td>{{ __($_payment->invoice_type) }}</td>
            {{-- <td>{{ __($_payment->invoice_product) }}</td> --}}
            <td>{{ number_format($_payment->amount ?? 0, 0, '', ' ') ?? 0 }}</td>
            <td>{{ __($_payment->payment_method) }}</td>
            <td>{{ $_payment->completed ? 'igen' : 'nem' }}</td>
            <td>
                @php
                    if(isset($_payment->billingo_invoice_id) && $_payment->billingo_invoice_id != null) {
                        $url = '<a href="https://app.billingo.hu/document/'.$_payment->billingo_invoice_id.'/download">letöltés</a>';
                    } else if($document = App\Models\Document::where('target_type', 'App\Models\Payment')->where('target_id', $_payment->id)->first()) {

                        $process_number = $_payment->process->process_number;

                        $path = str_replace('{process_number}', $process_number, $document->path) . '/' . $document->name;

                        $url = '<a href="' . route('documents.download', ['file' => base64_encode(urlencode($path)), 'type' => $document->type]) . '" target="_blank">letöltés</a>'; // . __($document->name) .
                    } else {
                        $url = '';
                    }
                @endphp
                {!! $url !!}
            </td>
            <td>
                @if (($_payment->invoice_type == 'acknowledgment_receipt' && !$_payment->received) || $_payment->invoice_type != 'acknowledgment_receipt')
                    
                    @can('edit-payment')
                    {{-- szerkesztés --}}
                    {{-- @if ((!$_payment->completed && $_payment->billingo_invoice_id) || !$_payment->billingo_invoice_id) --}}
                    @if ($_payment->billingo_invoice_id == null)
                        <button type="button" class="btn btn-primary btn-sm" onclick="rowEdit( '{{ route('payments.edit', ['id' => $_payment->id]) }}', payments_table_{{ $table_id }}.row( this ), payments_table_{{ $table_id }}, '{!! __('Számla/Fizetés módosítása') !!}', '{!! __('Mentés') !!}', function () {window.location.reload()} );"
                            @if(!$order->approved) disabled @endif title="Számla/Fizetés módosítása" >
                            <i class="fas fa-edit"></i>
                        </button>
                    @endif
                    {{-- @endif --}}
                    @endcan
                    
                    @can('delete-payment')
                    {{-- törlés --}}
                    {{-- @if ($_payment->partial_invoice) --}}
                        <button type="button" class="btn btn-danger btn-sm" onclick="rowDelete( '{{ route('payments.destroy', ['id' => $_payment->id]) }}', payments_table_{{ $table_id }}.row( this ), 'Számla Törlése', 'A számla törlése visszavonhatatlan következményekkel járhat! Biztosan törlöd?', 'Törlés', 'delete', function () {window.location.reload()} )" title="Törlés" @if(!$order->approved) disabled @endif>
                            <i class="fas fa-trash"></i>
                        </button>
                    {{-- @endif --}}
                    @endcan

                @endif

                @can('approve')
                @if($_payment->notReceivedCheck())
                    {{-- átvettem --}}
                    <button type="button" class="btn btn-success btn-sm" onclick="window.location='{{ route('payments.received', ['id' => $_payment->id]) }}'" title="Átvettem" @if(!$order->approved) disabled @endif>
                        <i class='fas fa-hand-holding-usd'></i>
                    </button>
                @endif
                @endcan
            </td>
        </tr>
        @endforeach
    </tbody>
</table>

<div class="d-flex align-items-start gap-3 mt-4">

    <div class="mb-3">
        <label for="select_material_payment_method" class="form-label">{!! __('Anyagköltség fizetési módja') !!}</label>
        <select id="select_material_payment_method" name="material_payment_method" class="form-select select_payment_method_save_with_ajax" aria-label="select">
            @php $material_payment_method = old('material_payment_method') ?? $offer->material_payment_method; @endphp
            <option value=""></option>
            @foreach (App\Models\Offer::material_payment_methods() as $key => $value)
            <option value="{{$key}}" @if($material_payment_method == $key) selected="selected" @endif>{{$value}}</option>
            @endforeach
        </select>
    </div>

    <div class="mb-3">
        <label for="select_final_payment_method" class="form-label">{!! __('Munkadíj fizetési módja') !!}</label>
        <select id="select_final_payment_method" name="final_payment_method" class="form-select select_payment_method_save_with_ajax" aria-label="select">
            @php $final_payment_method = old('final_payment_method') ?? $offer->final_payment_method; @endphp
            <option value=""></option>
            @foreach (App\Models\Offer::final_payment_methods() as $key => $value)
            <option value="{{$key}}" @if($final_payment_method == $key) selected="selected" @endif>{{$value}}</option>
            @endforeach
        </select>
    </div>

    <button type="button" class="btn btn-success btn-label ms-auto right"
        onclick="rowCreate('{{ route('payments.create', [$order->id]) }}', payments_table_{{ $table_id }}, '{{__('Fizetés/Számla létrehozása')}}', '{!! __('Mentés') !!}', function() {window.location.reload()})"
        @if(!$order->approved) disabled @endif>
        Új Fizetés/Számla létrehozása
    </button>
</div>

@push('scripts')
<script>
    var payments_table_{{ $table_id }} = $('#payments_table_{{ $table_id }}').DataTable({
        dom: '{{ $dom }}',
        autoWidth: false,
        {{ ( $all ? 'iDisplayLength: -1,' : '' ) }}
    });

    payments_table_{{ $table_id }}.on( 'init.dt', function () {
        window.dt_col_resize('#payments_table_{{ $table_id }}');
    });


// Anyagköltés és munkadíj fizetési módjainak beállítása ajax-szal.
$(document).ready( function () {
$('.select_payment_method_save_with_ajax').on('change', function(){
    $.ajax({
            type: 'POST',
            url: "{{route('orders.select_payment_method', [$order->id])}}",
            data: {
                name: $(this).attr("name"),
                value: $(this).val(),
            }
        })
        .done(function (response) {
            window.location.reload();
        });
});
});
</script>
@endpush