@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,
                ])
            </div>

            <div class="sl-assemblymen__hero">
                <div class="sl-assemblymen__hero-copy">
                    <p class="sl-assemblymen__eyebrow">Parlamentares em exercício</p>
                    <h1>Parlamentares ativos da Câmara Municipal</h1>
                    <p class="sl-assemblymen__lede">
                        Lista pública dos parlamentares ativos com indicadores reais de projetos, documentos e presença.
                    </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>

            @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
                                </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>
                        </article>
                    @endforeach
                </div>
            @else
                <div class="sl-assemblymen__empty">
                    <h2>Nenhum vereador encontrado</h2>
                    <p>Assim que houver parlamentares ativos com votação habilitada, a listagem aparecerá aqui.</p>
                </div>
            @endif
        </section>
    </div>
@endsection