@extends('layouts.lideranca.default')

@section('content')
        <div class="content">
        <section class="banner">
            <h4 class="title-right">A MAIOR</h4>
            <h2 class="title-banner">BANCADA FEMININA</h2>
            <h4 class="title-left">DA HISTÓRIA DA ALEP!</h4>
        </section>
        <div class="carousel-container">
            <h1 class="title">Conheça as Deputadas</h1>
            
            <div class="carousel">
                <div class="carousel-track" id="carouselTrack">
                    @foreach ($deputadas as $deputada)
                        <a href="{{ $deputada['link'] }}" target="_blank" class="deputy-card">
                            @if($deputada['lider'] === true)
                                <div class="leader-badge">Líder da Bancada</div>
                            @endif
                            <div class="deputy-image" style="background-image: url({{ asset($deputada['img-url']) }});"></div>
                            <div class="deputy-info">
                                <div class="deputy-name">{{ $deputada['nome'] }}</div>
                                <div class="deputy-party">{{ $deputada['partido'] }}</div>
                                <div class="party-color {{ $deputada['partido-slug'] }}"></div>
                            </div>
                        </a>
                    @endforeach
                </div>
            </div>
    
            <div class="carousel-nav">
                <button class="nav-btn" id="prevBtn">‹</button>
                <div class="indicators" id="indicators"></div>
                <button class="nav-btn" id="nextBtn">›</button>
                {{-- <button class="play-pause-btn d-none" id="playPauseBtn">⏸️</button> --}}
            </div>

            
        </div>
        <div class="trajetoria">
            <img src="{{ asset('img/lideranca/trajetoria.png') }}" alt="">
            <h1 class="title" style="">A TRAJETÓRIA DAS MULHERES NA ALEP</h1>
            <p style="">Ao longo da história da Assembleia Legislativa do Paraná, a presença feminina foi conquistada com luta, persistência e protagonismo. Esta seção é dedicada a contar a história das mulheres que romperam barreiras, abriram caminhos e deixaram suas marcas no legislativo paranaense.</p>
            <a href="{{ route('site.lideranca.historia') }}" class="btn-yellow" style="">ver mais</a>
        </div>

        <div class="premio">
            <div class="detalhes ">
                <h1 class="title">PRÊMIO ROSY DE MACEDO PINHEIRO LIMA</h1>
                <p style="">Valoriza e reconhece contribuições das mulheres na sociedade paranaense.</p>
                <a href="{{ route('site.lideranca.premio') }}" class="btn-purple" style="">veja as contempladas</a>
            </div>
            <img src="{{ asset('img/lideranca/premio.png') }}" alt="" style="" >
        </div>

        <div class="codigo">
            <div class="container codigo">
                <img src="{{ asset(path: 'img/lideranca/codigo-livro.png') }}" alt="" >
                <div class="detalhes">
                    <h1 class="title">Código da Mulher</h1>
                    <p>Lei 21926/2024 consolida legislação paranaense sobre direitos da mulher, criando o Código Estadual da Mulher Paranaense. Estabelece políticas de proteção, combate à violência e organismos de defesa dos direitos femininos. <b>O código conta com mais de 90 leis</b>.</p>
                    {{-- href="{{ route('site.lideranca.leis') }}" --}}
                    <div class="d-flex">
                        <a href="https://www.legislacao.pr.gov.br/legislacao/listarAtosAno.do?action=exibir&codAto=322496&indice=8&totalRegistros=414&anoSpan=2025&anoSelecionado=2024&mesSelecionado=0&isPaginado=true" target="_blank" class="btn-yellow" style="margin-right: 10px">acessar código</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="denuncia">
            <div class="detalhes">
                <h1 class="title">
                    <span class="voce">VOCÊ</span> 
                    <span class="highlight">NÃO</span> 
                    <span class="esta-sozinha">ESTÁ SOZINHA</span>
                </h1>
                <p>Denuncie. Procure ajuda. Existem canais seguros e sigilosos para sua proteção.</p>
                <a href="{{ route('site.lideranca.denuncie') }}" class="btn-denuncia">denuncie</a>
            </div>            
        </div>
        
        

        <div class="trajetoria ">
            <h1 class="title">Últimas notícias</h1>
            <div class="lista-noticias">
                @foreach ($noticias as $noticia)
                    <div class="conteudo-noticia">
                        <a href="{{ route('site.comunicacao.noticia', ['slug' => $noticia->slug]) }}" target="_blank">
                            <div class="innerIMG">
                                @if (!empty($noticia->imagem))
                                    <img src="{{ route('site.imagens.exibir', ['tamanho' => 'medium', 'nome' => $noticia->imagem->arquivo]) }}"
                                        class="img-responsive">
                                @endif
                            </div>
                            <div class="dados-news @if (empty($noticia->imagem)) sem-Img @endif">
                                <h4 class="title-newsSm">
                                    {{ $noticia->titulo }}
                                </h4>
                                <div class="barra-infos-news">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                    {{ $noticia->data_publicacao->format('d/m/Y') }} <span
                                        class="glyphicon glyphicon-time"></span>
                                    {{ $noticia->data_publicacao->format('H\hi') }}
                                </div>
                            </div>
                            <div class="descricao">
                                {{ Str::limit($noticia->texto_limpo, 300, '...') }}
                            </div>
                            <div class="btnLermais text-center">
                                <span class="btn btn-default btn-yellow">@lang('labels.acoes.ler_mais')</span>
                            </div>
                        </a>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
<script>

</script>
<script type="text/javascript" src="{{ asset('js/lideranca.js') }}"></script>
<link rel="stylesheet" href="{{ asset('css/lideranca/lideranca.min.css') }}"></link>
@endsection