@props([
    'caption' => null,
    'columns' => [],
    'empty' => false,
    'emptyLabel' => null,
])

@php
    $columnCount = max(count($columns), 1);

    // O estado da ordenação é dito em texto para quem usa leitor de tela: `aria-sort` só é lido
    // pela coluna atual, então cada link carrega a ação que ele executa.
    $sortHints = [
        'ascending' => __('layout::shell.sort_ascending'),
        'descending' => __('layout::shell.sort_descending'),
        'none' => __('layout::shell.sort_none'),
    ];
@endphp

{{-- Tabela de dados fina sobre `x-cms::table`: `columns` descreve o cabeçalho (e o estado de
     ordenação); as linhas vêm do slot. A coluna ordenável aponta para uma URL **real** (o servidor
     decide a ordem e o desempate — ADR-001); a linha inteira nunca é clicável. O vazio nunca é uma
     tabela sem `<td>` e aceita um estado próprio pelo slot `emptyState`. --}}
<x-cms::table :caption="$caption">
    <thead>
        <tr>
            @foreach ($columns as $column)
                @php($sortable = ($column['sortable'] ?? false) === true)
                @php($direction = $sortable ? (string) ($column['direction'] ?? 'none') : null)

                <th scope="col"
                    @class([$column['class'] ?? null])
                    @if ($sortable)
                        aria-sort="{{ $direction === 'ascending' || $direction === 'descending' ? $direction : 'none' }}"
                    @endif>
                    @if ($sortable && filled($column['url'] ?? null))
                        <a href="{{ $column['url'] }}" class="cms-sort">
                            <span>{{ $column['label'] }}</span>
                            <x-ui::icon name="arrow-right" class="cms-sort__icon" data-direction="{{ $direction }}" />
                            <span class="sr-only">{{ $sortHints[$direction] ?? $sortHints['none'] }}</span>
                        </a>
                    @else
                        {{ $column['label'] }}
                    @endif
                </th>
            @endforeach
        </tr>
    </thead>

    <tbody>
        @if ($empty)
            <tr>
                <td colspan="{{ $columnCount }}">
                    @isset($emptyState)
                        {{ $emptyState }}
                    @else
                        <x-cms::empty-state :title="$emptyLabel" />
                    @endisset
                </td>
            </tr>
        @else
            {{ $slot }}
        @endif
    </tbody>
</x-cms::table>