@php
    $table_id = isset($table_id) ? $table_id : uniqid(); //rand(1,100);
    $supplier_orders = $supplier_orders ?? [];
    $dom = $dom ?? 'tip';
    $all = strpos($dom, 'f');
    $target_type = 'SupplierOrder';    
    $documents  = new App\Models\Document;

    // hibajegyhez tartozik vagy sem
    $issue_ticket_id = isset($issue_ticket_id) ? $issue_ticket_id : null;
    if($issue_ticket_id)
        $supplier_orders = $supplier_orders ? $supplier_orders->where('issue_ticket_id', $issue_ticket_id) : [];
    else
        $supplier_orders = $supplier_orders ? $supplier_orders->whereNull('issue_ticket_id') : [];
@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ói rendelés azonosító</th>
            <th data-key="deadline">Határidő (hét)</th>
            <th data-key="description">Termék leírása</th>
            <th data-key="status_lang">Státusz</th>
            <th data-key="amount">Fizetendő bruttó</th>
            <th data-key="documents" data-priority="1">Dokumentumok</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>
            <th data-key="is_additional_suppliers" class="d-none">Pótbeszállító</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($supplier_orders as $row)
        @php
            $document_count = $documents->where('target_id', $row->id)->where('process_id', $process->id)->count();
            $supplier =  App\Models\Supplier::where('id', $row->supplier_id)->first();
        @endphp
        <tr>
            {{-- <td>{{ $row->supplier->name }}</td> --}}
            <td>
                <div style="position:relative;cursor:pointer;" 
                    data-content="{{ $row->supplier->name }}" 
                    onmouseover="window.popoverClick($(this),true)" 
                    onmouseout="window.popoverClick($(this),false)">
                        @if($row->is_additional_suppliers)
                        (pót)
                        @endif
                        {{($row->supplier->name ?? '')}}
                    </div>  
            </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)">{{ ($row->description ?? '') }}</div>    
            </td>
            <td>@if($row->cancellation_at) (Lemondott) @endif {{ $row->status_lang }}</td>
            <td>{{ $row->amount }}</td>
            <td>
                @php
                    $documents = App\Models\SupplierOffer::find($row->id)->documents;

                    $btn_success = 'btn-success';
                    $btn_disabled = 'btn-secondary';
                    $btn_warning = 'btn-warning';
                    $btn_danger = 'btn-danger';
                    
                    //gomb ellenőrzése
                    $b_button = (in_array($row->status, ['order_sent', 'order_confirmation', 'order_confirmed', 'order_received', 'order_incomplete'])) ? "" : "disabled";
                    $v_button = (!$row->supplier->order_confirmation && in_array($row->status, ['order_confirmation', 'order_confirmed', 'order_received', 'order_incomplete'])) ? "" : "disabled";
                    $j_button = (!$row->supplier->order_acknowledgment && in_array($row->status, ['order_confirmed', 'order_received', 'order_incomplete'])) ? "" : "disabled";
                    $sz_button = (!$row->supplier->order_delivery_note && in_array($row->status, ['order_received']) && $row->supplier_waybill_uploaded_at != null) ? "" : "disabled";
                    $l_button = $row->cancellation_at ? "" : "disabled";

                    //ha már fel lett véve, de megváltozott a beszállító felvételének folyamata
                    $b_button = $documents->where('type', 'supplier_orders')->count() ? '' : $b_button;
                    $v_button = $documents->where('type', 'supplier_confirmation')->count() ? '' : $v_button;
                    $j_button = $documents->where('type', 'supplier_approval')->count() ? '' : $j_button;
                    $sz_button = $documents->where('type', 'supplier_waybill')->count() ? '' : $sz_button;
                    $l_button = $documents->where('type', 'supplier_order_cancellation')->count() ? '' : $l_button;

                    //nincs feltöltve
                    $b_button_color = in_array($row->status, ['order_sent', 'order_confirmation', 'order_confirmed', 'order_received', 'order_incomplete']) ? $btn_success : $btn_warning;
                    $v_button_color = !$row->supplier->order_confirmation ? $btn_warning : $btn_disabled;
                    $j_button_color = !$row->supplier->order_acknowledgment ? $btn_warning : $btn_disabled;
                    $sz_button_color = !$row->supplier->order_delivery_note ? $btn_warning : $btn_disabled;
                    $l_button_color = $row->cancellation_at ? $btn_danger : $btn_disabled;

                    //ha már fel lett véve, de megváltozott a beszállító felvételének folyamata
                    $b_button_color = $documents->where('type', 'supplier_orders')->count() ? $btn_success : $b_button_color;
                    $v_button_color = $documents->where('type', 'supplier_confirmation')->count() ? $btn_success : $v_button_color;
                    $j_button_color = $documents->where('type', 'supplier_approval')->count() ? $btn_success : $j_button_color;
                    $sz_button_color = $documents->where('type', 'supplier_waybill')->count() ? $btn_success : $sz_button_color;
                    $l_button_color = $documents->where('type', 'supplier_order_cancellation')->count() ? $btn_success : $l_button_color;

                    //már fel van töltve
                    $v_button_color = (!$row->supplier->order_confirmation && in_array($row->status, ['order_confirmation', 'order_confirmed', 'order_received', 'order_incomplete'])) ? $btn_success : $v_button_color;
                    $j_button_color = (!$row->supplier->order_acknowledgment && in_array($row->status, ['order_confirmed', 'order_received', 'order_incomplete'])) ? $btn_success : $j_button_color;
                    $sz_button_color = (!$row->supplier->order_delivery_note && in_array($row->status, ['order_received']) && $row->supplier_waybill_uploaded_at != null)  ? $btn_success : $sz_button_color;
                @endphp
                <button class="btn {{$b_button_color}} btn-sm" style="width: 33px" title="Beküldve" 
                    onclick="supplier_document({{$row->id}}, 'supplier_orders', '- {{$row->supplier_order_number}} (Szállítói megrendelés)');" {{$b_button}}>B</button> 
                <button class="btn {{$v_button_color}} btn-sm" style="width: 33px" title="Visszaigazolva" 
                    onclick="supplier_document({{$row->id}}, 'supplier_confirmation', '- {{$row->supplier_order_number}} (Szállítói visszaigazolás)');" {{$v_button}}>V</button>
                <button class="btn {{$j_button_color}} btn-sm" style="width: 33px" title="Jóváhagyva" 
                    onclick="supplier_document({{$row->id}}, 'supplier_approval', '- {{$row->supplier_order_number}} (Szállítói jóváhagyás)');" {{$j_button}}>J</button>
                <button class="btn {{$sz_button_color}} btn-sm" style="width: 33px" title="Szállítólevél" 
                    onclick="supplier_document({{$row->id}}, 'supplier_waybill', '- {{$row->supplier_order_number}} (Szállítólevél)');" {{$sz_button}}>SZ</button>
                @if($row->status != 'order_received' && ($row->offer->cancellation_status == 'approved' || $row->offer->cancellation_status == 'completed' || $row->cancellation_at))
                <button class="btn {{$l_button_color}} btn-sm" style="width: 33px" title="Lemondott" 
                    onclick="supplier_document({{$row->id}}, 'supplier_order_cancellation', '- {{$row->supplier_order_number}} (Lemondott)');" {{$l_button}}>L</button>
                @endif
            </td>
            <td>{{ $row->order_sent }}</td>
            <td>{{ $row->order_confirmed }}</td>
            <td>{{ $row->order_received }}</td>
            <td>
                <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()} );" title="Szerkesztés">
                    <i class="fas fa-edit"></i>
                </button>

                @if($row->status != 'order_received' && $row->offer->cancellation_status == 'approved')
                    <button type="button" class="btn btn-danger 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_cancellation', 'type' => 'supplier_order_cancellation', 'target_id' => $row->id, 'step' => 'file_upload']) }}', 'Rendelés lemondása', 'Mentés', function(){}, function(){}, function(){window.location.reload();}, function(){}, function () {} );" title="Rendelés lemondása">
                        Rendelés lemondása
                    </button>
                @endif

                @php
                    $show_buttons = true;

                    if(($row->cancellation_at || $row->offer->cancellation_status)) // Rendelésnél nem mutatjuk ha lezárás folyamatában van
                        $show_buttons = false;

                    if($issue_ticket_id != null) // Hibajegynél mutatjuk a gombot
                        $show_buttons = true;
                @endphp
                
                @if($row->status == 'order_preparing' && $show_buttons)
                    {{-- Megrendelés - 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 () {} );"  --}}

                        {{-- FormModal megnyitása a fájl feltöltéshez, és amennyiben a modalon ki van pipálva az email küldése, akkor megjelenítjük az email küldése modalt --}}
                        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']) }}', // url
                            'Beszállítói megrendelés beküldése', // title
                            'Mentés', // button
                            function(){}, // beforeCallback
                            function(){}, // hideCallback
                            function(){window.location.reload();}, // doneCallback
                         function(){}, // failCallback
                         function(){} // submitCallback
                        );" 
                        
                        title="Megrendelés">
                        Megrendelés
                    </button>
                    @can('delete-supplier-offer')
                    {{-- Törlés - Beszállítói megrendelés törlése --}}                    
                        @if ($document_count == 0)   
                        <button type="button" class="btn btn-danger btn-sm" onclick="rowDeleteNoModal( '{{ route('supplier_orders.destroy', ['id' => $row->id]) }}', supplier_orders_table_{{ $table_id }}.row( this ))" title="Törlés">
                            <i class="fas fa-trash"></i>
                        </button>
                        @else 
                        <button type="button" class="btn btn-danger btn-sm" onclick="rowDelete( '{{ route('supplier_orders.destroy', ['id' => $row->id]) }}', supplier_orders_table_{{ $table_id }}.row( this ), 'Beszállítói megrendelés törlése', 'A Beszállítói megrendelés és a hozzá csatolt fájlok törölve lesznek. </br> Valóban törölni akarod?', 'Mehet', 'delete', function () {window.location.reload()} )" title="Törlés">
                            <i class="fas fa-trash"></i>
                        </button>
                        @endif
                    @endcan
                @endif
                @if($row->status == 'order_sent' && $show_buttons)
                    {{-- Visszaigazolás - Gyártótól érkező 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 () {} );"  --}}


                        {{-- FormModal megnyitása a fájl feltöltéshez, és amennyiben a modalon ki van pipálva az email küldése, akkor megjelenítjük az email küldése modalt --}}
                        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']) }}', // url
                            'Gyártói visszaigazolás feltöltése', // title
                            'Mentés', // button
                            function(){}, // beforeCallback
                            function(){}, // hideCallback
                            function(){window.location.reload();}, // doneCallback
                         function(){}, // failCallback
                         function(){} // submitCallback
                        );" 
                        title="Visszaigazolás">
                        Visszaigazolás
                    </button>

                    @can('delete-supplier-offer')
                    @can('approve') {{-- Ez azért kell mert csak az ügyvezető tud törölni a megrendelés beküldése után --}}
                    {{-- Törlés - Beszállítói megrendelés törlése --}}
                        @if ($document_count == 0)      
                        <button type="button" class="btn btn-danger btn-sm" onclick="rowDeleteNoModal( '{{ route('supplier_orders.destroy', ['id' => $row->id]) }}', supplier_orders_table_{{ $table_id }}.row( this ))" title="Törlés">
                            <i class="fas fa-trash"></i>
                        </button>
                        @else 
                        <button type="button" class="btn btn-danger btn-sm" onclick="rowDelete( '{{ route('supplier_orders.destroy', ['id' => $row->id]) }}', supplier_orders_table_{{ $table_id }}.row( this ), 'Beszállítói megrendelés törlése', 'A Beszállítói megrendelés és a hozzá csatolt fájlok törölve lesznek. </br> Valóban törölni akarod?', 'Mehet', 'delete', function () {window.location.reload()} )" title="Törlés">
                            <i class="fas fa-trash"></i>
                        </button>
                        @endif
                    @endcan
                    @endcan
                @endif
                @if($row->status == 'order_confirmation' && $show_buttons)
                    {{-- Jóváhagyás - Jóváhagyás küldése a beszállítónak --}}
                    <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 () {} );"  --}}


                        {{-- visszaigazolás - FormModal megnyitása a fájl feltöltéshez, és amennyiben a modalon ki van pipálva az email küldése, akkor megjelenítjük az email küldése modalt --}}
                        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']) }}', // url
                            'Beszállítói megrendelés jóváhagyás feltöltése', // title
                            'Mentés', // button
                            function(){}, // beforeCallback
                            function(){}, // hideCallback
                            function(){window.location.reload();}, // doneCallback
                         function(){}, // failCallback
                         function(){} // submitCallback
                        );" 
                        
                        title="Jóváhagyás">
                        Jóváhagyás
                    </button>

                    @can('delete-supplier-offer')
                    @can('approve') {{-- Ez azért kell mert csak az ügyvezető tud törölni a megrendelés beküldése után --}}
                    {{-- Törlés - Beszállítói megrendelés törlése --}}
                        @if ($document_count == 0)   
                        <button type="button" class="btn btn-danger btn-sm" onclick="rowDeleteNoModal( '{{ route('supplier_orders.destroy', ['id' => $row->id]) }}', supplier_orders_table_{{ $table_id }}.row( this ))" title="Törlés">
                            <i class="fas fa-trash"></i>
                        </button>
                        @else 
                        <button type="button" class="btn btn-danger btn-sm" onclick="rowDelete( '{{ route('supplier_orders.destroy', ['id' => $row->id]) }}', supplier_orders_table_{{ $table_id }}.row( this ), 'Beszállítói megrendelés törlése', 'A Beszállítói megrendelés és a hozzá csatolt fájlok törölve lesznek. </br> Valóban törölni akarod?', 'Mehet', 'delete', function () {window.location.reload()} )" title="Törlés">
                            <i class="fas fa-trash"></i>
                        </button>
                        @endif
                    @endcan
                    @endcan
                @endif
                @if(($row->status == 'order_confirmed' && $show_buttons) || ($row->status == 'order_incomplete' && $show_buttons))
                    {{-- Megérkezett - Megérkezett a beszállítói megrendelés --}}
                    <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 title="Megérkezett">
                        Megérkezett
                    </button>
                    @can('delete-supplier-offer')
                    @can('approve') {{-- Ez azért kell mert csak az ügyvezető tud törölni a megrendelés beküldése után --}}
                    {{-- Törlés - Beszállítói megrendelés törlése --}}
                        @if ($document_count == 0)       
                        <button type="button" class="btn btn-danger btn-sm" onclick="rowDeleteNoModal( '{{ route('supplier_orders.destroy', ['id' => $row->id]) }}', supplier_orders_table_{{ $table_id }}.row( this ))" title="Törlés">
                            <i class="fas fa-trash"></i>
                        </button>
                        @else 
                        <button type="button" class="btn btn-danger btn-sm" onclick="rowDelete( '{{ route('supplier_orders.destroy', ['id' => $row->id]) }}', supplier_orders_table_{{ $table_id }}.row( this ), 'Beszállítói megrendelés törlése', 'A Beszállítói megrendelés és a hozzá csatolt fájlok törölve lesznek. </br> Valóban törölni akarod?', 'Mehet', 'delete', function () {window.location.reload()} )" title="Törlés">
                            <i class="fas fa-trash"></i>
                        </button>
                        @endif
                    @endcan
                    @endcan
                @endif
                {{-- @dump($row->supplier_waybill_uploaded_at, $row->supplier->order_delivery_note) --}}
                {{-- // Ha order_delivery_note == false --}}
                @if($row->status == 'order_received' && $row->supplier_waybill_uploaded_at == null && $row->supplier->order_delivery_note == false && $show_buttons)
                    {{-- Szállítólevél - Szállítólevél feltöltése --}}
                    <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 () {} );" title="Szállítólevél">
                        Szállítólevél
                    </button>
                    @can('delete-supplier-offer')
                    @can('approve') {{-- Ez azért kell mert csak az ügyvezető tud törölni a megrendelés beküldése után --}}
                    {{-- Törlés - Beszállítói megrendelés törlése --}}
                        @if ($document_count == 0) 
                        <button type="button" class="btn btn-danger btn-sm" onclick="rowDeleteNoModal( '{{ route('supplier_orders.destroy', ['id' => $row->id]) }}', supplier_orders_table_{{ $table_id }}.row( this ))" title="Törlés">
                            <i class="fas fa-trash"></i>
                        </button>
                        @else
                        <button type="button" class="btn btn-danger btn-sm" onclick="rowDelete( '{{ route('supplier_orders.destroy', ['id' => $row->id]) }}', supplier_orders_table_{{ $table_id }}.row( this ), 'Beszállítói megrendelés törlése', 'A Beszállítói megrendelés és a hozzá csatolt fájlok törölve lesznek. </br> Valóban törölni akarod?', 'Mehet', 'delete', function () {window.location.reload()} )" title="Törlés">
                            <i class="fas fa-trash"></i>
                        </button>
                        @endif
                    @endcan
                    @endcan
                @endif
            </td>
            <td class="d-none">
                {{$row->is_additional_suppliers}}
            </td>
        </tr>
        @endforeach
    </tbody>
</table>

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

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

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

    function supplier_document(id, type, title)
    {
        let url = '{{ route('process.show_supplier_document_modal', ['id' => ':slug', 'type' => ':slug1']) }}';
        url = url.replace(':slug', id).replace(':slug1', type);

        formModal( 
            url, // url
            'Dokumentumok ' + title, // title
            'Mentés', // button
            function(){}, // beforeCallback
            function(){}, // hideCallback
            function(){
                window.location.reload();
            }, // doneCallback
            function(){}, // failCallback
            function(){}
        );
    }
</script>
@endpush