@php
    $table_id = isset($table_id) ? $table_id : uniqid(); //rand(1,100);
    $first_history_id = null;

    if ($issue_ticket = App\Models\IssueTicket::find($issue_ticket_id)) {
        $history = json_decode($issue_ticket->history, true);
        $first_history_id = $history[0] ?? null;
    }

    $main_issue_ticket = App\Models\IssueTicket::where('id', $first_history_id ?? $issue_ticket_id)->get();
    $issue_tickets = $issue_ticket_id ? App\Models\IssueTicket::whereJsonContains('history', $first_history_id ?? $issue_ticket_id)->get() : collect([]); 

    $issue_tickets = $main_issue_ticket->merge($issue_tickets);

    $dom = $dom ?? 'tip';
    $all = strpos($dom, 'f');
    
    $rand = rand(1,9999);
@endphp
<table class="table table-bordered table-striped table-hover display responsive" width="100%" id="issue_tickets_table_{{ $table_id }}_{{$rand}}">
    <thead>
        <tr>
            <th data-key="issue_number">Hibaazonosító</th>
            <th data-key="description">Hiba leírása</th>
            <th data-key="type">Típus</th>
            <th data-key="completed">Lezárva</th>
            <th data-key="action" data-priority="1"></th>
        </tr>
    </thead>
    <tbody>
        @foreach ($issue_tickets as $row)
        <tr>
            <td>{{ $row->issue_number }}</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->type_lang }}</td>
            <td>{{ $row->completed ? 'Igen' : 'Nem' }}</td>
            <td>
                <a class="btn btn-primary btn-sm btn-choose"
                    href="{{ route('process.steps', [$row->client_id, $row->process_id, $row->offer_id, $row]) }}?step=issue_ticket">
                    <img src onerror="this.closest('tr').style.cursor = 'pointer';">
                    kiválaszt
                </a>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>

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

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