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

<table class="table table-bordered table-striped table-hover display responsive nowrap" width="100%" id="supplier_orders_table_{{ $table_id }}">
    <thead>
        <tr>
            <th data-key="name">Beszállító</th>
            <th data-key="supplier_order_number">Beszállító rendelés száma</th>
            <th data-key="deadline">Határidő (hét)</th>
            <th data-key="description">Leírás</th>
            <th data-key="status_lang">Státusz</th>
            <th data-key="amount">Fizetendő bruttó</th>
            <th data-key="order_sent">Küldés időpontja</th>
            <th data-key="order_confirmed">Megerősítés időpontja</th>
            <th data-key="order_received">Érkezés időpontja</th>
            <th data-key="action" data-priority="1"></th>
        </tr>
    </thead>
    <tbody>
        @foreach ($supplier_orders as $row)
        <tr>
            <td>{{ $row->supplier->name }}</td>
            <td>{{ $row->supplier_order_number }}</td>
            <td>{{ $row->deadline }}</td>
            <td>
                <div style="position:relative;cursor:pointer;" 
                    data-content="{{ $row->description }}" 
                    onmouseover="window.popoverClick($(this),true)" 
                    onmouseout="window.popoverClick($(this),false)">{{ mb_substr($row->description ?? '', 0, 10) }}...</div>    
            </td>
            <td>{{ $row->status_lang }}</td>
            <td>{{ $row->amount }}</td>
            <td>{{ $row->order_sent }}</td>
            <td>{{ $row->order_confirmed }}</td>
            <td>{{ $row->order_received }}</td>
            <td>
                {{--
                'order_preparing'         => 'Előkészítés',
                'order_sent'              => 'Elküldve',
                'order_confirmation'      => 'Gyártó visszaigazolta',
                'order_confirmed'         => 'Jóváhagyva',
                'order_incomplete'        => 'Hiányosan érkezett',
                'order_received'          => 'Megérkezett',
                'order_deleted'           => 'Törölve',
                --}}
                <button type="button" class="btn btn-primary btn-sm" onclick=" rowEdit( '{{ route('supplier_orders.edit', ['id' => $row->id]) }}', supplier_orders_table_{{ $table_id }}.row( this ), supplier_orders_table_{{ $table_id }},'{!! __('Módosítás') !!}', '{!! __('Mentés') !!}', function () {window.location.reload()} );">
                    {{-- szerkesztés --}}
                    <i class="fas fa-edit"></i>
                </button>

                @if($row->status == 'order_preparing')
                    {{-- megrendelés feltöltése és kiküldése --}}
                    <button type="button" class="btn btn-primary btn-label mx-auto btn-sm"
                        onclick="formModal( '{{ route('process.show_supplier_offer_modal', ['client' => $client, 'process' => $process, 'offer' => $order, 'form_blade' => 'form_supplier_order', 'type' => 'supplier_orders', 'target_id' => $row->id, 'step' => 'file_upload']) }}', 'Beszállítói megrendelés beküldése', 'Mentés', function(){}, function(){}, function(){window.location.reload();}, function(){}, function () {} );">
                        rendelés feltöltése
                    </button>


                    @can('delete-supplier-offer')
                        <button type="button" class="btn btn-danger btn-sm" onclick="rowDelete( '{{ route('supplier_offers.destroy', ['id' => $row->id]) }}', supplier_orders_table_{{ $table_id }}.row( this ), 'Beszállítói megrendelés törlése', 'Valóban törölni akarod?', 'Mehet', 'delete', function () {window.location.reload()} )">
                            {{-- törlés --}}
                            <i class="fas fa-trash"></i>
                        </button>
                    @endcan


                    {{-- Beszállítói megrendelés megírása és kiküldése (nem töltök fel file-t) --}}
                    {{--
                    <button type="button" class="btn btn-primary btn-label mx-auto btn-sm"
                        onclick="formModal( '{{ route('process.show_supplier_offer_modal', ['client' => $client, 'process' => $process, 'offer' => $order, 'form_blade' => 'form_send_supplier_order_email', 'type' => 'send_supplier_order_email', 'target_id' => $row->id, 'step' => 'file_upload']) }}', 'Beszállítói megrendelés beküldése', 'Mentés', function(){}, function(){}, function(){window.location.reload();}, function(){}, function () {} );">
                        e-mailen megrendelés
                    </button>
                    --}}
                @endif
                @if($row->status == 'order_sent')
                    {{-- gyártói visszaigazolás --}}
                    <button type="button" class="btn btn-warning btn-label mx-auto btn-sm"
                        onclick="formModal( '{{ route('process.show_supplier_offer_modal', ['client' => $client, 'process' => $process, 'offer' => $order, 'form_blade' => 'form_supplier_order', 'type' => 'supplier_confirmation', 'target_id' => $row->id, 'step' => 'file_upload']) }}', 'Gyártói visszaigazolás feltöltése', 'Mentés', function(){}, function(){}, function(){window.location.reload();}, function(){}, function () {} );">
                        visszaigazolás feltöltése
                    </button>
                @endif
                @if($row->status == 'order_confirmation')
                    {{-- jóváhagyásra van szükség --}}
                    {{-- @if($row->supplier->order_confirmation) --}}
                    <button type="button" class="btn btn-warning btn-label mx-auto btn-sm"
                        onclick="formModal( '{{ route('process.show_supplier_offer_modal', ['client' => $client, 'process' => $process, 'offer' => $order, 'form_blade' => 'form_supplier_order', 'type' => 'supplier_approval', 'target_id' => $row->id, 'step' => 'file_upload']) }}', 'Beszállítói megrendelés jóváhagyása', 'Mentés', function(){}, function(){}, function(){window.location.reload();}, function(){}, function () {} );">
                        rendelés megerősítése
                    </button>
                    {{-- @else --}}
                    {{-- várakozik --}}
                    {{-- <button type="button" class="btn btn-primary btn-sm" onclick="rowEdit( '{{ route('supplier_orders.arrived', ['id' => $row->id]) }}', supplier_orders_table_{{ $table_id }}.row( this ), supplier_orders_table_{{ $table_id }}, '{!! __('Rendelés megérkezett') !!}', '{!! __('Mentés') !!}', function () {window.location.reload()} );">
                        megérkezett
                    </button> --}}
                    {{-- @endif --}}
                @endif
                @if($row->status == 'order_confirmed' || $row->status == 'order_incomplete')
                    {{-- megrendelés jóváhagyva --}}
                    <button type="button" class="btn btn-warning btn-sm" onclick="rowEdit( '{{ route('supplier_orders.arrived', ['id' => $row->id]) }}', supplier_orders_table_{{ $table_id }}.row( this ), supplier_orders_table_{{ $table_id }}, '{!! __('Rendelés megérkezett') !!}', '{!! __('Mentés') !!}', function () {window.location.reload()} );"
                        @if(!$order->approved) disabled @endif>
                        megérkezett
                    </button>
                @endif
                @if($row->status == 'order_received' && $row->supplier_waybill_uploaded_at == null)
                    {{-- szállítólevél --}}
                    <button type="button" class="btn btn-warning btn-label mx-auto btn-sm"
                        onclick="formModal( '{{ route('process.show_supplier_offer_modal', ['client' => $client, 'process' => $process, 'offer' => $order, 'form_blade' => 'form_supplier_order', 'type' => 'supplier_waybill', 'target_id' => $row->id, 'step' => 'file_upload']) }}', 'Szállítólevél', 'Mentés', function(){}, function(){}, function(){window.location.reload();}, function(){}, function () {} );">
                        szállítólevél
                    </button>
                @endif
                {{-- @if($row->status == 'order_received') --}}
                    {{-- megrendelés jóváhagyva --}}
                    {{-- <button type="button" class="btn btn-primary btn-sm">
                        munkaszervezés
                    </button> --}}
                {{-- @endif --}}
            </td>
        </tr>
        @endforeach
    </tbody>
</table>

<div class="d-flex align-items-start gap-3 mt-4">
    <button type="button" class="btn btn-success btn-label ms-auto right"
        onclick="rowCreate('{{ route('supplier_orders.create', [$order->id]) }}',
        supplier_orders_table_{{ $table_id }},
        '{{__('Beszállítói megrendelés')}}',
        '{!! __('Mentés') !!}',
        function() {window.location.reload();})"
        @if(!$offer->approved) disabled @endif>
        Új Beszállítói megrendelés
    </button>
</div>

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

    supplier_orders_table_{{ $table_id }}.on( 'init.dt', function () {
        window.dt_col_resize('#supplier_orders_table_{{ $table_id }}');
    });
</script>
@endpush