@extends('layouts.dashboard')
@section('pg-body')
<section class="wf100 subheader">
    <div class="container">
        <h2>Estrutura Organizacional</h2>
        <ul>
            <li> <a href="{{url('home')}}">Home</a> </li>
            <li> <a href="{{url('portal-transparencia')}}">Transparência</a> </li>
            <li>Estrura Organizacional</li>
        </ul>
    </div>
</section>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>


<div class="main-content p60" ary>

    <div class="container" style="margin-bottom: 100px;">
        <div class="row">
            <!--leis e decretos Page Start-->
            <div class="col-md-12">
                <div class="city-updates">
                    <h3>Estrutura Organizacional</h3>

                    @php($campos_filtro[] = 'descricao')
                    @include ('filtro_padrao',['tabela_filtro' => 'institucional','view_filtro'=>'institucional','campos_filtro'=>$campos_filtro])

                    <ul>
                        <!-- decreto start -->
                        @foreach($lista as $list)
                        <li> 
                            <strong><a href="{{asset('upload/institucional').'/'.$list->arquivo}}" target="_blank"> {{$list->nome}} </a></strong> 
                            <!--<span class="post-date"><i class="far fa-calendar-alt"></i> {{ timestampBrasileiraSemHR($list->created_at)}}</span>-->
                            <span class="post-date"><i class="fa fa-check-square" aria-hidden="true"></i>{{$list->status}}</span>
                            <span class="post-date"><a href="{{asset('upload/institucional').'/'.$list->arquivo}}" target="_blank"><i class="fa fa-download" aria-hidden="true"></i> Baixar</a></span>
                        </li>
                        @endforeach
                        <!-- decreto end -->


                    </ul>
                </div>

                <!--navegation-->
                <div class="site-pagination">
                    <nav aria-label="Page navigation">
                        {{$lista->links()}}
                    </nav>
                </div>
                <!--navegation-->


            </div>
            
            <div class="row">
    <!-- Coluna do Governo (sem carrossel) -->
    @if($config->tipo != 'camara')
    <div class="col-md-6">
        <section class="wf100 recent-events">
            <div class="">
                <div class="title-style-3">
                    <h3>O Governo</h3>
                    <p class="colorblack">Conheça nosso Prefeito(a) e Vice-Prefeito(a).</p>
                </div>
                <div class="row">
                    <!-- Prefeito -->
                    <div class="col-md-5">
                        <div class="news-box" style="height: 370px!important;">
                            <div class="new-thumb">
                                <img src="{{asset('upload/prefeito') . '/' . $prefeito[0]->imagem}}" style="height: 250px;" alt="{{str_limit($prefeito[0]->nome,95)}}">
                            </div>
                            <div class="new-txt">
                                <ul class="news-meta">
                                    <li>Prefeito(a)</li>
                                </ul>
                                <h6><a target="_blank" href="#" title="{{$config->nome}} {{$prefeito[0]->nome}}">{{$prefeito[0]->nome}}</a></h6>
                            </div>
                        </div>
                    </div>
                    <!-- Vice-Prefeito -->
                    <div class="col-md-5">
                        <div class="news-box" style="height: 370px!important;">
                            <div class="new-thumb">
                                <img src="{{asset('upload/vice_prefeito') . '/' . $vice[0]->imagem}}" style="height: 250px;" alt="{{str_limit($vice[0]->nome,95)}}">
                            </div>
                            <div class="new-txt">
                                <ul class="news-meta">
                                    <li>Vice-Prefeito(a)</li>
                                </ul>
                                <h6><a target="_blank" href="#" title="{{$config->nome}} {{$vice[0]->nome}}">{{$vice[0]->nome}}</a></h6>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    @else
    <div class="col-md-12">
        <section class="wf100">
            <div class="">
                <div class="title-style-3">
                    <h3>Mesa Diretora</h3>
                    <p class="colorblack">Conheça a mesa diretora.</p>
                </div>
                <div class="row">
                    <div class="owl-carousel owl-theme" id="home-mesa-diretora">
                                                @foreach($mesa_diretora as $key => $list)
                        @if((($bienio_atual == $list->bienio_id) or ($bienio_atual == null)))
                            <div class="item">
                                <div class="news-box" style="height: 370px;">
                                    <div class="new-thumb" style="height: 250px; overflow: hidden;">
                                        <img src="{{asset('upload/mesa_diretora/'.$list->imagem)}}" style="width: 100%; height: 100%; object-fit: cover;" alt="{{$list->nome}}">
                                    </div>
                                    <div class="new-txt">
                                        <ul class="news-meta">
                                            <li>{{$list->cargo}}</li>
                                        </ul>
                                        <h6>{{$list->nome}}</h6>
                                    </div>
                                </div>
                            </div>
                                                    @endif
                        @endforeach
                    </div>
                </div>
                <div class="my-3 text-center">
                    <a href="{{url('mesa-diretora')}}" class="veja_mais">VER TODOS</a>
                </div>
            </div>
        </section>
    </div>
    @endif

    <!-- Coluna condicional (Vereadores ou Secretarias) -->
        @if($config->tipo == 'camara')
        <div class="col-md-12">
            <!-- Vereadores -->
            <section class="wf100">
                <div class="">
                    <div class="title-style-3">
                        <h3>Vereadores</h3>
                        <p class="colorblack">Conheça nossos vereadores.</p>
                    </div>
                    <div class="row">
                        <div class="owl-carousel owl-theme" id="home-vereadores">
                            @foreach($vereadores as $list)
                            <div class="item">
                                <div class="news-box" style="height: 370px;">
                                    <div class="new-thumb" style="height: 250px; overflow: hidden;">
                                        <img src="{{asset('upload/vereadores/'.$list->imagem)}}" style="width: 100%; height: 100%; object-fit: cover;" alt="{{$list->nome}}">
                                    </div>
                                    <div class="new-txt">
                                        <ul class="news-meta">
                                            <li>{{$list->partido}}</li>
                                            <li>{{$list->cargo}}</li>
                                        </ul>
                                        <h6><a href="{{url('vereador/'.$list->slug)}}">{{$list->nome}}</a></h6>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    <div class="my-3 text-center">
                        <a href="{{url('vereadores')}}" class="veja_mais">VER TODOS</a>
                    </div>
                </div>
            </section>
        </div>
        @else
        <div class="col-md-6">
            <!-- Secretarias -->
            <section class="wf100">
                <div class="">
                    <div class="title-style-3">
                        <h3>Secretarias</h3>
                        <p class="colorblack">Conheça nossas secretarias.</p>
                    </div>
                    <div class="row">
                        <div class="owl-carousel owl-theme" id="home-secretarias">
                            @foreach($secretarias as $list)
                            <div class="item">
                                <div class="news-box" style="height: 370px;">
                                    <div class="new-thumb" style="height: 250px; overflow: hidden;">
                                        <img src="{{asset('upload/secretarias/'.$list->imagem)}}" style="width: 100%; height: 100%; object-fit: cover;" alt="{{$list->nome}}">
                                    </div>
                                    <div class="new-txt">
                                        <ul class="news-meta">
                                            <li>{{$list->secretario}}</li>
                                        </ul>
                                        <h6><a href="{{url('secretaria/'.$list->slug)}}">{{$list->nome}}</a></h6>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    <div class="my-3 text-center">
                        <a href="{{url('secretarias')}}" class="veja_mais">VER TODAS</a>
                    </div>
                </div>
            </section>
        </div>
        @endif
</div>

            <!--leis e decretos Page end-->
        </div>
    </div>

</div>

<!-- Adicione este script no final do body -->
<script>
$(document).ready(function(){
    // Inicializa o carrossel da Mesa Diretora
    $("#home-mesa-diretora").owlCarousel({
        loop: true,
        margin: 20,
        nav: true,
        dots: false,
        autoplay: true,
        autoplayTimeout: 3000,
        autoplayHoverPause: true,
        responsive: {
            0: { items: 1 },
            576: { items: 2 },
            768: { items: 3 },
            992: { items: 4 },
            1200: { items: 5 }
        }
    });

    // Inicializa o carrossel de Vereadores
    $("#home-vereadores").owlCarousel({
        loop: true,
        margin: 20,
        nav: true,
        dots: false,
        autoplay: true,
        autoplayTimeout: 3000,
        autoplayHoverPause: true,
        responsive: {
            0: { items: 1 },
            576: { items: 2 },
            768: { items: 3 },
            992: { items: 4 },
            1200: { items: 5 }
        }
    });

    // Inicializa o carrossel de Secretarias
    $("#home-secretarias").owlCarousel({
        loop: true,
        margin: 20,
        nav: true,
        dots: false,
        autoplay: true,          // Habilita autoplay
        autoplayTimeout: 3000,   // Intervalo de 3 segundos
        autoplayHoverPause: true,// Pausa ao passar o mouse
        responsive: {
            0: { items: 1 },
            768: { items: 2 },
            992: { items: 3 }
        }
    });
});
</script>
@endsection