@extends('layouts.master')

@section('title', 'Parlamentares')

@section('content')


<div class="container pt-4">
    {{ Breadcrumbs::render('parlamentares') }}
</div>



{{-- Adicionamos o mesmo estilo de animação que usamos antes --}}
@push('styles')
<style>
    .card-animated {
        transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    }
    .card-animated:hover {
        transform: translateY(-8px);
        box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.15) !important;
    }
    .section-divider {
        border-top: 1px solid #dee2e6;
        margin-top: 3rem;
        padding-top: 3rem;
    }
</style>
@endpush

<div class="container py-5">
    
    {{-- ================================================= --}}
    {{-- SEÇÃO 1: MESA DIRETORA --}}
    {{-- ================================================= --}}
    @if(isset($mesaDiretora) && !$mesaDiretora->isEmpty())
        <div class="text-center mb-5">
            <h1 class="display-5 fw-bold">Mesa Diretora</h1>
            <p class="lead text-muted">A liderança atual da Câmara Municipal.</p>
            <div class="mx-auto mt-3" style="width: 100px; height: 4px; background-color: #0d6efd; border-radius: 2px;"></div>
        </div>
        <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-4 g-4 justify-content-center">
            @foreach ($mesaDiretora as $membro)
                @include('site.peoples._partials.card', ['parlamentar' => $membro])
            @endforeach
        </div>
    @endif

    {{-- ================================================= --}}
    {{-- SEÇÃO 2: VEREADORES EM EXERCÍCIO --}}
    {{-- ================================================= --}}
    @if(isset($vereadoresAtivos) && !$vereadoresAtivos->isEmpty())
        <div class="text-center mb-5 section-divider">
            <h2 class="display-5 fw-bold">Vereadores em Exercício</h2>
            <p class="lead text-muted">Os representantes eleitos pela população.</p>
        </div>
        <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-4 g-4">
            @foreach ($vereadoresAtivos as $vereador)
                @include('site.peoples._partials.card', ['parlamentar' => $vereador])
            @endforeach
        </div>
    @endif

    {{-- ================================================= --}}
    {{-- SEÇÃO 3: EX-VEREADORES --}}
    {{-- ================================================= --}}
    @if(isset($exVereadores) && !$exVereadores->isEmpty())
        <div class="text-center mb-5 section-divider">
            <h2 class="display-5 fw-bold">Ex-Vereadores</h2>
            <p class="lead text-muted">Aqueles que contribuíram em legislaturas anteriores.</p>
        </div>
        <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-4 g-4">
            @foreach ($exVereadores as $exVereador)
                @include('site.peoples._partials.card', ['parlamentar' => $exVereador])
            @endforeach
        </div>
    @endif

</div>
@endsection