@php
    $table_id = isset($table_id) ? $table_id : uniqid(); //rand(1,100);
    $clients  = App\Models\Client::with('address')->get();
    // $clients  = App\Models\Client::all();
@endphp

<table class="table table-bordered table-striped table-hover display responsive nowrap" width="100%" id="clients_table_{{ $table_id }}">
    <thead>
        <tr>
            <th data-key="company_name">Cégnév</th>
            <th data-key="tax_number">Adószám</th>
            <th data-key="full_name">Név</th>
            <th data-key="phone">Telefonszám</th>
            <th data-key="email">email</th>
            <th data-key="full_address">Cím</th>
            <th data-key="billing_address">Levelezési cím</th>
            <th data-key="action" data-priority="1"></th>
        </tr>
    </thead>
    <tbody>
        @foreach ($clients as $row)
        <tr>
            <td>{{ $row->company_name }}</td>
            <td>{{ $row->tax_number }}</td>
            <td>{{ $row->full_name }}</td>
            <td>{{ $row->phone }}</td>
            <td>{{ $row->email }}</td>
            <td>{{ $row->address->full_address ?? '' }}</td>
            <td>{{ $row->billing_address->full_address ?? '' }}</td>
            <td>
                <a class="btn btn-primary btn-sm btn-choose"
                    href="{{ route('process.steps', [$row]) }}">                    
                    <img src onerror="this.closest('tr').style.cursor = 'pointer';">
                    kiválaszt
                </a>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>

@push('scripts')
<script>
    var clients_table_{{ $table_id }} = $('#clients_table_{{ $table_id }}').DataTable({
        dom: 'ftip',
        autoWidth: false,
    });

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