@props([
    'headers' => [],
    'paginator' => null,
    'emptyMessage' => 'No data found.',
    'emptyActionText' => null,
    'emptyActionUrl' => null,
    'wrapperClass' => '',
    'tableClass' => '',
    'wrapperStyle' => null,
    'tableStyle' => null,
])

@php
    /*
        Backward compatible behavior:
        - If paginator is passed: show table only when paginator has rows.
        - If paginator is NOT passed: always render table and let the parent slot handle @forelse/@empty.
    */
    $hasPaginator = !is_null($paginator);
    $shouldRenderTable = !$hasPaginator || ($hasPaginator && $paginator->count());
@endphp

<div class="p-0">
    @if ($shouldRenderTable)
        <div class="ui-table-wrap nice-scrollbar {{ $wrapperClass }}" @if($wrapperStyle) style="{{ $wrapperStyle }}" @endif>
            <table class="ui-table {{ $tableClass }}" @if($tableStyle) style="{{ $tableStyle }}" @endif>
                <thead class="ui-table__head">
                    <tr>
                        @foreach ($headers as $header)
                            <th class="text-center">{{ $header }}</th>
                        @endforeach
                    </tr>
                </thead>

                <tbody class="ui-table__body">
                    {{ $slot }}
                </tbody>
            </table>
        </div>

        @if ($hasPaginator && method_exists($paginator, 'links'))
            <div class="px-4 py-3 border-t border-slate-200">
                {{ $paginator->appends(request()->except('page'))->links('pagination::bootstrap-5') }}
            </div>
        @endif
    @else
        <div class="px-6 py-12 text-center">
            <p class="text-slate-500 mb-3">{{ $emptyMessage }}</p>

            @if ($emptyActionText && $emptyActionUrl)
                <a href="{{ $emptyActionUrl }}" class="ui-pill ui-pill--info" style="text-decoration:none">
                    {{ $emptyActionText }}
                </a>
            @endif
        </div>
    @endif
</div>