@extends('site.layouts.new.app')

@php
    $resetUrl = route('site.legislative-activities', ['front_layout' => 'new']);
    $hasSearchFeedback = filled($selectedText ?? '') || filled($selectedAssemblymanId ?? '') || filled($selectedType ?? '') || filled($selectedStartDate ?? '') || filled($selectedEndDate ?? '');
    $resultsTotalLabel = number_format($activityCount ?? 0, 0, ',', '.');
    $assemblymenLabel = number_format($matchingAssemblymanCount ?? 0, 0, ',', '.');
    $typesLabel = number_format($typeCount ?? 0, 0, ',', '.');
@endphp

@section('site_content')
    <div>
        <section class="sl-materials-surface sl-assemblymen sl-legislative-activities">
            <div class="sl-materials-tabs">
                @include('site.components.materials-tab', [
                    'label' => 'Vereadores',
                    'href' => route('site.assemblymen', ['front_layout' => 'new']),
                    'active' => false,
                ])
                @include('site.components.materials-tab', [
                    'label' => 'Atividades Legislativas',
                    'href' => request()->fullUrl(),
                    'active' => true,
                ])
            </div>

            <div class="sl-assemblymen__hero">
                <div class="sl-assemblymen__hero-copy">
                    <p class="sl-assemblymen__eyebrow">Consulta pública unificada</p>
                    <h1>Atividades Legislativas</h1>
                    <p class="sl-assemblymen__lede">
                        Consulte projetos, documentos, participações em comissões e audiências com filtros por parlamentar, tipo e período.
                    </p>
                </div>

                <div class="sl-assemblymen__hero-aside">
                    <div class="sl-assemblymen__hero-metric">
                        <span>Total disponível</span>
                        <strong>{{ $resultsTotalLabel }}</strong>
                    </div>

                    <div class="sl-assemblymen__chips">
                        <span class="sl-assemblymen__chip">{{ $assemblymenLabel }} parlamentares</span>
                        <span class="sl-assemblymen__chip">{{ $typesLabel }} tipos</span>
                    </div>
                </div>
            </div>

            <form method="GET" action="{{ route('site.legislative-activities') }}" class="sl-materials-toolbar sl-assemblymen__toolbar">
                <input type="hidden" name="front_layout" value="new">

                <div class="sl-materials-filters sl-assemblymen__filters">
                    @include('site.components.materials-filter-field', [
                        'id' => 'legislative_activity_assemblyman',
                        'label' => 'Parlamentar',
                        'name' => 'assemblyman_id',
                        'type' => 'select',
                        'options' => $assemblymenList,
                        'value' => $selectedAssemblymanId ?? '',
                        'className' => 'sl-assemblymen__filter-field',
                    ])

                    @include('site.components.materials-filter-field', [
                        'id' => 'legislative_activity_type',
                        'label' => 'Tipo de atividade',
                        'name' => 'type',
                        'type' => 'select',
                        'options' => $typeOptions,
                        'value' => $selectedType ?? '',
                        'className' => 'sl-assemblymen__filter-field',
                    ])

                    @include('site.components.materials-filter-field', [
                        'id' => 'legislative_activity_start_date',
                        'label' => 'Data inicial',
                        'name' => 'start_date',
                        'type' => 'date',
                        'value' => $selectedStartDate ?? '',
                        'className' => 'sl-assemblymen__filter-field',
                    ])

                    @include('site.components.materials-filter-field', [
                        'id' => 'legislative_activity_end_date',
                        'label' => 'Data final',
                        'name' => 'end_date',
                        'type' => 'date',
                        'value' => $selectedEndDate ?? '',
                        'className' => 'sl-assemblymen__filter-field',
                    ])

                    @include('site.components.materials-filter-field', [
                        'id' => 'legislative_activity_text',
                        'label' => 'Pesquisa',
                        'name' => 'text',
                        'value' => $selectedText ?? '',
                        'placeholder' => 'Número, ementa ou descrição',
                        'className' => 'sl-assemblymen__filter-field',
                    ])
                </div>

                <div class="sl-materials-toolbar__actions">
                    <a href="{{ $resetUrl }}" class="sl-materials-button is-light">
                        <span>Limpar</span>
                    </a>

                    <button type="submit" class="sl-materials-button is-primary sl-materials-button--primary-action">
                        <span>Aplicar filtro</span>
                    </button>
                </div>
            </form>

            @if ($hasSearchFeedback)
                <div class="sl-materials-table-card" style="margin-top: 18px;">
                    <div class="sl-materials-search-feedback is-success">
                        <div class="sl-materials-search-feedback__summary">
                            <strong>{{ $resultsTotalLabel }} {{ $activityCount === 1 ? 'atividade encontrada' : 'atividades encontradas' }}</strong>
                            <span>Filtros aplicados na consulta pública das atividades legislativas.</span>
                        </div>
                    </div>
                </div>
            @endif

            <div class="sl-materials-table-card" style="margin-top: 18px;">
                <div class="sl-materials-table-card__header">
                    <div>
                        <h2>Lista de atividades</h2>
                        <p>Resultados recentes por padrão, com histórico disponível por período.</p>
                    </div>
                </div>

                <div class="sl-meetings-table-wrap">
                    <table class="sl-materials-table">
                        <thead>
                            <tr>
                                <th>Data</th>
                                <th>Tipo</th>
                                <th>Número</th>
                                <th>Ementa / descrição</th>
                                <th>Parlamentar</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($records as $activity)
                                <tr
                                    role="link"
                                    tabindex="0"
                                    style="cursor: pointer;"
                                    aria-label="Abrir detalhes da atividade {{ $activity->activity_type }}"
                                    onclick="window.location.href='{{ $activity->detail_url }}'"
                                    onkeydown="if (event.key === 'Enter' || event.key === ' ') { event.preventDefault(); window.location.href='{{ $activity->detail_url }}'; }"
                                >
                                    <td>{{ $activity->activity_date_label ?: '-' }}</td>
                                    <td>{{ $activity->activity_type ?: '-' }}</td>
                                    <td>{{ $activity->activity_number ?: '—' }}</td>
                                    <td>
                                        <strong>{{ $activity->activity_label ?: 'Sem descrição disponível' }}</strong>
                                        <span>{{ $activity->activity_description_clean ?: $activity->search_excerpt }}</span>
                                    </td>
                                    <td>{{ $activity->assemblyman_name ?: 'Parlamentar não informado' }}</td>
                                    <td class="sl-meetings-table__menu-cell">
                                        <a
                                            href="{{ $activity->detail_url }}"
                                            class="sl-meetings-table__action-icon is-detail"
                                            aria-label="Ver detalhes da atividade"
                                            data-tooltip="Ver detalhes"
                                        >
                                            @include('site.components.action-icon', ['name' => 'eye'])
                                        </a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="sl-materials-table__empty">Nenhuma atividade encontrada para os filtros selecionados.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            @if (method_exists($records, 'links'))
                <div class="sl-materials-pagination-wrap">
                    @include('site.components.materials-pagination', ['records' => $records])
                </div>
            @endif
        </section>
    </div>
@endsection