@php
    $tab = $tab ?? 'documents';
@endphp

<div class="sl-materials-table-card">
    <div class="sl-materials-table-card__header">
        <div>
            <h2>{{ $tab === 'documents' ? 'Documentos' : 'Projetos de Lei' }}</h2>
            <p>
                {{ $tab === 'documents' ? 'Lista dos documentos cadastrados no sistema.' : 'Lista dos projetos de lei cadastrados no sistema.' }}
            </p>
        </div>
    </div>

    <div class="sl-meetings-table-wrap">
        @if ($tab === 'documents')
            <table class="sl-materials-table">
                <thead>
                    <tr>
                        <th>Data</th>
                        <th>Descrição</th>
                        <th>Situação</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($records as $document)
                        @php
                            $documentDetailUrl = route('DocumentDetailsFront', ['id' => $document->id, 'documents' => 'true', 'front_layout' => 'new']);
                        @endphp
                        <tr
                            role="link"
                            tabindex="0"
                            style="cursor: pointer;"
                            aria-label="Abrir detalhes do documento {{ ($document->document_type->name ?? 'Documento') . ' ' . $document->number . '/' . $document->getYear($document->date) }}"
                            onclick="window.location.href='{{ $documentDetailUrl }}'"
                            onkeydown="if (event.key === 'Enter' || event.key === ' ') { event.preventDefault(); window.location.href='{{ $documentDetailUrl }}'; }"
                        >
                            <td>{{ $document->date }}</td>
                            <td>
                                <strong>{{ ($document->document_type->name ?? 'Documento') . ' ' . $document->number . '/' . $document->getYear($document->date) }}</strong>
                                <span>{{ $document->public_summary_preview ?: 'Documento sem resumo disponível.' }}</span>
                            </td>
                            <td>{{ $document->approved == 1 ? 'Aprovado' : 'Lido' }}</td>
                            <td class="sl-meetings-table__menu-cell">
                                <a
                                    href="{{ $documentDetailUrl }}"
                                    class="sl-meetings-table__action-icon is-detail"
                                    aria-label="Abrir detalhes do documento"
                                    data-tooltip="Abrir detalhes do documento"
                                >
                                    @include('site.components.action-icon', ['name' => 'eye'])
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4" class="sl-materials-table__empty">Nenhum documento encontrado.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        @else
            <table class="sl-materials-table">
                <thead>
                    <tr>
                        <th>Número</th>
                        <th>Descrição</th>
                        <th>Situação</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($records as $project)
                        @php
                            $projectDetailUrl = route('LawsDetailsFront', ['id' => $project->id, 'projects' => 'true', 'front_layout' => 'new']);
                        @endphp
                        <tr
                            role="link"
                            tabindex="0"
                            style="cursor: pointer;"
                            aria-label="Abrir detalhes do projeto {{ $project->law_type->name ?? 'Projeto de Lei' }}"
                            onclick="window.location.href='{{ $projectDetailUrl }}'"
                            onkeydown="if (event.key === 'Enter' || event.key === ' ') { event.preventDefault(); window.location.href='{{ $projectDetailUrl }}'; }"
                        >
                            <td>{{ $project->project_number }}/{{ $project->getYearLawPublish($project->law_date) }}</td>
                            <td>
                                <strong>{{ $project->law_type->name ?? 'Projeto de Lei' }}</strong>
                                <span>{{ $project->public_summary_preview ?: 'Projeto sem resumo disponível.' }}</span>
                            </td>
                            <td>{{ $project->is_read == 1 ? 'Lido' : 'Pendente' }}</td>
                            <td class="sl-meetings-table__menu-cell">
                                <a
                                    href="{{ $projectDetailUrl }}"
                                    class="sl-meetings-table__action-icon is-detail"
                                    aria-label="Abrir detalhes do projeto"
                                    data-tooltip="Abrir detalhes do projeto"
                                >
                                    @include('site.components.action-icon', ['name' => 'eye'])
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4" class="sl-materials-table__empty">Nenhum projeto encontrado.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        @endif
    </div>
</div>