@props(['rows' => [], 'empty' => 'No records found.'])
@if(empty($rows))
    <div class="rounded-2xl border border-slate-200 bg-white p-5 text-sm text-slate-500">{{ $empty }}</div>
@else
    @php $headers = array_keys($rows[0]); @endphp
    <div class="overflow-x-auto rounded-2xl border border-slate-200 bg-white shadow-sm">
        <table class="min-w-full text-sm">
            <thead class="bg-slate-50 text-slate-500">
                <tr>
                    @foreach($headers as $header)
                        <th class="px-4 py-3 text-left font-medium">{{ str_replace('_', ' ', ucfirst($header)) }}</th>
                    @endforeach
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                @foreach($rows as $row)
                    <tr class="hover:bg-slate-50/70">
                        @foreach($headers as $header)
                            <td class="px-4 py-3 align-top text-slate-700 max-w-xs truncate">
                                @php $value = $row[$header] ?? ''; @endphp
                                @if(is_bool($value))
                                    {{ $value ? 'Yes' : 'No' }}
                                @elseif(is_array($value) || is_object($value))
                                    {{ json_encode($value) }}
                                @else
                                    {{ $value }}
                                @endif
                            </td>
                        @endforeach
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endif