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

@php
    $assemblymanCountLabel = number_format($assemblymanCards->count(), 0, ',', '.');
    $roleHighlights = $rolesSummary->take(3);
@endphp

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

            <div class="sl-assemblymen__hero">
                <div class="sl-assemblymen__hero-copy">
                    <p class="sl-assemblymen__eyebrow">{{ ($selectedPeriod ?? 'active') === 'active' ? 'Parlamentares em exercício' : 'Histórico de parlamentares' }}</p>
                    <h1>{{ ($selectedPeriod ?? 'active') === 'active' ? 'Parlamentares ativos da Câmara Municipal' : 'Parlamentares da Câmara Municipal' }}</h1>
                    <p class="sl-assemblymen__lede">
                        {{ ($selectedPeriod ?? 'active') === 'active'
                            ? 'Lista pública dos parlamentares ativos com indicadores reais de projetos, documentos e presença.'
                            : 'Consulte parlamentares por legislatura e nome, incluindo ex-vereadores fora do mandato atual.' }}
                    </p>
                </div>

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

                    @if ($roleHighlights->isNotEmpty())
                        <div class="sl-assemblymen__chips">
                            @foreach ($roleHighlights as $roleName => $total)
                                <span class="sl-assemblymen__chip">{{ $roleName }}: {{ $total }}</span>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>

            <form method="GET" action="{{ route('site.assemblymen') }}" 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' => 'assemblymen_name',
                        'label' => 'Nome',
                        'name' => 'name',
                        'value' => $selectedName ?? '',
                        'placeholder' => 'Buscar parlamentar',
                        'className' => 'sl-assemblymen__filter-field',
                    ])

                    @include('site.components.materials-filter-field', [
                        'id' => 'assemblymen_period',
                        'label' => 'Período',
                        'name' => 'period',
                        'type' => 'select',
                        'options' => $legislatureOptions,
                        'value' => $selectedPeriod ?? 'active',
                        'className' => 'sl-assemblymen__filter-field',
                    ])
                </div>

                <div class="sl-materials-toolbar__actions">
                    <a href="{{ route('site.assemblymen', ['front_layout' => 'new']) }}" 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 ($assemblymanCards->isNotEmpty())
                <div class="sl-assemblymen__grid">
                    @foreach ($assemblymanCards as $assemblyman)
                        <article class="sl-assemblyman-card">
                            <div class="sl-assemblyman-card__summary">
                                <div class="sl-assemblyman-card__head">
                                    <div class="sl-assemblyman-card__avatar">
                                        @if ($assemblyman['image'])
                                            <img src="{{ $assemblyman['image'] }}" alt="{{ $assemblyman['name'] }}" loading="lazy">
                                        @else
                                            <span>{{ $assemblyman['initials'] }}</span>
                                        @endif
                                    </div>

                                    <div class="sl-assemblyman-card__identity">
                                        <h2>{{ $assemblyman['name'] }}</h2>
                                        @if ($assemblyman['full_name'] && $assemblyman['full_name'] !== $assemblyman['name'])
                                            <p>{{ $assemblyman['full_name'] }}</p>
                                        @endif
                                    </div>
                                </div>

                                <div class="sl-assemblyman-card__meta">
                                    <span class="sl-assemblyman-card__badge">{{ $assemblyman['role'] }}</span>

                                    @if ($assemblyman['party'])
                                        <span class="sl-assemblyman-card__badge is-soft">{{ $assemblyman['party'] }}</span>
                                    @endif

                                    @if ($assemblyman['legislature'])
                                        <span class="sl-assemblyman-card__badge is-soft">{{ $assemblyman['legislature'] }}</span>
                                    @endif
                                </div>
                            </div>

                            <div class="sl-assemblyman-card__stats">
                                <article class="sl-assemblyman-card__stat">
                                    <strong>{{ number_format($assemblyman['laws_count'], 0, ',', '.') }}</strong>
                                    <span>Projetos de lei</span>
                                </article>
                                <article class="sl-assemblyman-card__stat">
                                    <strong>{{ number_format($assemblyman['documents_count'], 0, ',', '.') }}</strong>
                                    <span>Documentos cadastrados</span>
                                </article>
                                <article class="sl-assemblyman-card__stat">
                                    <strong>{{ number_format($assemblyman['presences_count'], 0, ',', '.') }}</strong>
                                    <span>Presenças registradas</span>
                                </article>
                            </div>

                            <div class="sl-assemblyman-card__actions">
                                <a
                                    href="{{ route('site.legislative-activities', ['front_layout' => 'new', 'assemblyman_id' => $assemblyman['id']]) }}"
                                    class="sl-materials-button is-light"
                                >
                                    <span>Ver atividades</span>
                                </a>
                            </div>
                        </article>
                    @endforeach
                </div>
            @else
                <div class="sl-assemblymen__empty">
                    <h2>Nenhum vereador encontrado</h2>
                    <p>Nenhum parlamentar foi encontrado para os filtros selecionados.</p>
                </div>
            @endif
        </section>
    </div>
@endsection