@php
    $id = $id ?? 'table-' . uniqid();
    $columns = $columns ?? [];
    $rows = $rows ?? [];
    $emptyMessage = $emptyMessage ?? 'Nenhum registro encontrado.';
    $striped = $striped ?? true;
    $hover = $hover ?? true;
@endphp
<div class="table-responsive">
    <table class="table @if($striped)table-striped @endif @if($hover)table-hover @endif mb-0"
           id="{{ $id }}" aria-label="{{ $ariaLabel ?? 'Tabela de registros' }}">
        <thead class="table-light">
            <tr>
                @foreach($columns as $column)
                    <th scope="col" class="{{ $column['class'] ?? '' }}">
                        @if(isset($column['sortable']) && $column['sortable'])
                            <a href="#" class="text-decoration-none text-dark d-flex align-items-center gap-1"
                               onclick="event.preventDefault()" role="button"
                               aria-label="Ordenar por {{ $column['label'] }}">
                                {{ $column['label'] }}
                                <i class="bi bi-arrow-down-up text-muted" aria-hidden="true" style="font-size: 0.785rem;"></i>
                            </a>
                        @else
                            {{ $column['label'] }}
                        @endif
                    </th>
                @endforeach
            </tr>
        </thead>
        <tbody>
            @forelse($rows as $row)
                <tr>
                    @foreach($columns as $column)
                        <td class="{{ $column['tdClass'] ?? '' }}">
                            {{ data_get($row, $column['key'], $column['default'] ?? '-') }}
                        </td>
                    @endforeach
                </tr>
            @empty
                <tr>
                    <td colspan="{{ count($columns) }}" class="text-center text-muted py-4">
                        <i class="bi bi-inbox fs-3 d-block mb-2" aria-hidden="true"></i>
                        {{ $emptyMessage }}
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>