@php
    $table_id = isset($table_id) ? $table_id : uniqid(); //rand(1,100);
    $offers  = $offers ?? [];
    $dom = $dom ?? 'tip';
    $all = strpos($dom, 'f');
    $status_class = [
            'arrived_from_web'      => 'bg-warning',
            'offer_preparing'       => 'bg-primary',
            'can_not_offer'         => 'bg-danger',
            'offer_sent'            => 'bg-secondary',
            'offer_rejected'        => 'bg-danger',
            'offer_accepted'        => 'bg-success',
            'offer_expired'         => 'bg-black',
            // order
            'contract_preparing'    => 'bg-success',
            'awaiting_approval'     => 'bg-success',
            'contract_sent'         => 'bg-success',
            'contract_rejected'     => 'bg-success',
            'contract_signed'       => 'bg-success',
            'advance_invoice_sent'  => 'bg-success',
            'advance_invoice_paid'  => 'bg-success',
            'materials_received'    => 'bg-success',
            'material_invoice_sent' => 'bg-success',
            'material_invoice_paid' => 'bg-success',
            'completed'             => 'bg-success',
            'final_invoice_sent'    => 'bg-success',
            'final_invoice_paid'    => 'bg-success',
    ];
@endphp

<table class="table table-bordered table-striped table-hover display responsive" width="100%" id="offers_table_{{ $table_id }}">
    <thead>
        <tr>
            <th data-key="offer_number">Bizonylatszám</th>
            <th data-key="status">Státusz</th>
            <th data-key="notification_lang">Értesítés típusa</th>
            <th data-key="description">Ajánlat leírása</th>
            <th data-key="work_description">Munkavégzés leírása</th>
            <th data-key="products">Termékek</th>
            <th data-key="services">Szolgáltatások</th>
            <th data-key="action" data-priority="1"></th>
        </tr>
    </thead>
    <tbody>
        @foreach ($offers as $row)
        <tr>
            <td>{{ $row->offer_number }}</td>
            <td>
                <span class="badge rounded-pill {{ $status_class[$row->status] }}">
                    {{ $row->status_lang }}
                </span>
            </td>
            <td>{{ $row->notification_lang }}</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>
                <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>{{ implode(', ', (array)$row->products) }}</td>
            <td>{{ implode(', ', (array)$row->services) }}</td>
            <td>
                <a class="btn btn-primary btn-sm btn-choose"
                    href="{{ route('process.steps', [$row->process->client, $row->process, $row]) }}?step=offer">
                    <img src onerror="this.closest('tr').style.cursor = 'pointer';">
                    kiválaszt
                </a>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>

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

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