@extends('site.layouts.layout_1')
@section('content')
    @if ($pagina->layout == 'Layout Home')
        @section('content_header')
            <div class="content-wrapper2 w-container">
                <div style="padding-left: 0px;" class="w-col w-col-12">
                    <h1 class="heading-1">Últimas notícias</h1>
                    <div style="padding-left: 0px;" class="w-col w-col-6">
                        <div style="height:430px" class="w-slider top-slider" data-animation="fade" data-duration="900"
                            data-infinite="1" data-delay="2800" data-autoplay="1">
                            <div class="w-slider-mask">

                                @foreach ($noticias->sortByDesc('id')->take(4) as $noticia)
                                    <div style="background-image:url({{ asset('assets/site/uploads/' . $entidade->id_tce . '/noticias/' . $noticia->foto) }}"
                                        class="w-slide slide">
                                        <a href="noticia/{{ $noticia->slug }}">
                                            <div class="w-container slider-container">
                                                <div class="w-row">
                                                    <div class="w-col w-col-6 w-col-stack column-c">
                                                        <h3 data-ix="fade-esquerda-1">{{ $noticia->titulo }}</h3>
                                                        <p data-ix="fade-esquerda-2">
                                                            {{ \Carbon\Carbon::parse($noticia->data)->locale('pt_BR')->isoFormat('dddd, DD [de] MMMM [de] YYYY') }}
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                @endforeach

                            </div>
                            <div class="w-slider-arrow-left w-hidden-small w-hidden-tiny">
                                <div class="w-icon-slider-left top-slider-arrow"></div>
                            </div>
                            <div class="w-slider-arrow-right w-hidden-small w-hidden-tiny">
                                <div class="w-icon-slider-right top-slider-arrow"></div>
                            </div>
                            <div class="w-slider-nav w-slider-nav-invert w-round slide-navigation top-slide">
                                <div class="w-slider-dot" data-wf-ignore=""></div>
                                <div class="w-slider-dot w-active" data-wf-ignore=""></div>
                            </div>
                        </div>
                    </div>

                    <div style="padding-left: 0px;" class="w-col w-col-6">
                        <div style="padding-left: 0px;" class="w-col w-col-12">

                            @foreach ($noticias->sortByDesc('id')->skip(4)->take(3) as $noticia)
                                <div> <a href="noticia/{{ $noticia->slug }}" class="heading-link-box2 w-inline-block">
                                        <div class="w-col w-col-5">
                                            <div style="background-image:url({{ asset('assets/site/uploads/' . $entidade->id_tce . '/noticias/' . $noticia->foto) }})"
                                                class="imagemsn2"></div>
                                        </div>
                                        <div class="w-col w-col-7">
                                            <h2 style="font-size:16px; color:#56585c" class="heading-hover">
                                                <i class="fa fa-clock-o" aria-hidden="true"></i>
                                                {{ \Carbon\Carbon::parse($noticia->data)->locale('pt_BR')->isoFormat('dddd, DD [de] MMMM [de] YYYY') }}
                                            </h2>
                                            <h2 class="heading-hover titulos3">{{ $noticia->titulo }}</h2>
                                        </div>
                                    </a>
                                </div>
                            @endforeach

                        </div>
                    </div>
                </div>
            </div>
            <div class="content-wrapper2 w-container">
                <div style="padding-left: 0px; padding-right:0px;" class="w-col w-col-12">
                    <div class="w-col w-col-12">
                        <h1 class="heading-1">Destaques</h1>

                        @foreach ($noticias->sortByDesc('id')->skip(4)->take(4) as $noticia)
                            <div style="padding-left: 0px !important; padding-right:0px !important;" class="w-col w-col-3 ">
                                <a href="noticia/{{ $noticia->slug }}" class="basenoticias">
                                    <div style="background-image:url({{ asset('assets/site/uploads/' . $entidade->id_tce . '/noticias/' . $noticia->foto) }})"
                                        class="imagemsn"></div>
                                    <p class="details-text2">Cultura</p>
                                    <h2 class="heading-hover titulos">{{ $noticia->titulo }}
                                    </h2>

                                </a>
                            </div>
                        @endforeach

                    </div>
                </div>
            </div>
            @if ($entidade->diario === 'S')
                <div class="content-wrapper2 w-container">
                    <a href="{{ route('site.diariooficial.index') }}">
                        <img class="img-fluid" src="{{ asset('assets/site/uploads/banner/banner_diario.png') }}"alt="Image">
                    </a>
                </div>
            @else
            @endif
            <div class="quadro_servicos">
                <div class="content-wrapper2 w-container">
                    <div class="titulostrews">Acesso à informação</div>

                    @foreach ($parceiros as $parceiro)
                        <div id="menu-item-24" class="w-col w-col-2 quadro_transp menu-item-24">
                            <a class="quadro_bloco" href="{{ $parceiro->url }}">
                                <span class="icon icon-contests">
                                    <i class="{{ $parceiro->icone }}" aria-hidden="true"></i>
                                </span>
                                <span class="text2">{{ $parceiro->nome }}</span>
                            </a>
                        </div>
                    @endforeach

                </div>
            </div>
            @if ($entidade->tipo == '2')
                <div class="quadro_servicos" style="background-color: #0000">
                    <div class="content-wrapper2 w-container">
                        <h3 class="titulostrews" style="color: #ffa500">Legislatura 2025-2028</h3>

                        @foreach ($agentes as $agente)
                        <div class="w-col w-col-4 quadro_transp menu-item-24">
                            <a class="quadro_agentes" href="{{ $agente->url }}">
                                <span class="icon icon-contests">
                                    <img src="{{ asset('assets/site/uploads/' . $entidade->id_tce . '/img/agentespoliticos/' . $agente->foto) }}" style="border-radius: 100%" width="100">
                                </span>
                                <h4>{{ $agente->nome }}</h4>
                            </a>
                        </div>
                        @endforeach

                    </div>
                </div>
            @else
            @endif
            @if ($entidade->tipo == '1')
                <div class="content-wrapper2 w-container">
                    <div style="padding-left: 0px; padding-right:0px;" class="w-col w-col-12">
                        <div class="w-col w-col-12">
                            <h1 class="heading-1"></h1>
                            @if($entidade->paulogustavo == 'S')
                            <div class="w-col w-col-4">
                                <div class="content-wrapper2 w-container">
                                    <a href="{{ route('site.paulogustavo') }}">
                                        <img class="img-fluid"
                                            src="{{ asset('assets/site/uploads/banner/lpg.png') }}"alt="Image">
                                    </a>
                                </div>
                            </div>
                            @else
                            @endif
                            @if($entidade->aldirblanc == 'S')
                            <div class="w-col w-col-4">
                                <div class="content-wrapper2 w-container">
                                    <a href="{{ route('site.aldirblanc') }}">
                                        <img class="img-fluid"
                                            src="{{ asset('assets/site/uploads/banner/aldirblanc.png') }}"alt="Image">
                                    </a>
                                </div>
                            </div>
                            @else
                            @endif
                            @if($entidade->empreendedor == 'S')
                            <div class="w-col w-col-4">
                                <div class="content-wrapper2 w-container">
                                    <a href="{{ route('site.empreendedor') }}">
                                        <img class="img-fluid"
                                            src="{{ asset('assets/site/uploads/banner/empreendedor.png') }}"alt="Image">
                                    </a>
                                </div>
                            </div>
                            @else
                            @endif
                        </div>
                    </div>
                </div>

                <br>
            @else
            @endif
        @endsection
    @endif

    <!-- Layout Largura Total-->
    @if ($pagina->layout == 'Layout de Página Inteira')
        @section('content_header')
            <div class="content-section">
                <div class="content-wrapper w-container">
                    <div class="masterbreadcrumb">
                        <div class="container">
                            <div class="breadcrumb">
                                <a href="/">
                                    <span class="breadcrumb__inner">
                                        <span class="breadcrumb__title">Página inicial</span>
                                    </span>
                                </a>
                                <a href="noticias?pagina=1" class="w--current">
                                    <span class="breadcrumb__inner">
                                        <span class="breadcrumb__title">{{ $pagina->nome }}</span>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="w-col w-col-12">
                        <div class="post-content-text">
                            <h3 class="big">{{ $pagina->nome }}</h3>
                            <div class="rich-text-block w-richtext">
                                <div class="bottom-border title-box"></div>
                                <div class="w-dyn-list">
                                    <div class="w-dyn-items">
                                        <p style="text-align: justify">
                                            {!! $pagina->conteudo !!}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
        @endif
        <!-- Fim do Layout Largura Total-->
        <!-- Layout de Contato-->
        @if ($pagina->layout == 'Layout de Contato')
            @section('content_header')
                <div class="w-content-wrapper2 w-container">
                    <div style="padding-left: 0px;" class="col col-12">
                        <h1 class="heading-1">{{ $pagina->nome }}</h1>
                    </div>
                    <div class="caixa_infor" align="justify">
                        <p>O que é a Ouvidoria?</p>
                        <p>A ouvidoria é um órgão da {{ $entidade->entidade }} que permite o diálogo entre o cidadão e a
                            administração municipal. Através dela, a população poderá apresentar suas sugestões, críticas,
                            reclamações, denúncias, solicitação de informações e assim colaborar para a melhoria na
                            qualidade dos serviços prestados e no atendimento das reivindicações da nossa gente.</p>
                        <p>Demandas sobre iluminação pública, Operação tapa buraco, Limpeza de galerias pluviais e Coleta
                            de lixo e entulho irregular, também são bem vindas.</p>
                        <p>O formulário abaixo será armazenado em nosso banco de dados para posterior resposta da equipe
                            p responsável.</p>
                    </div>
                    <div class="w-col w-row">
                        <div class="w-col-md-7">
                            <form action="/enviar" class="form-horizontal cform-1" method="post">
                                {{ csrf_field() }}
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Nome completo" name="visita_nome">
                                </div>
                                <div class="form-group">
                                    <input type="email" class="form-control" placeholder="Email" name="visita_email">
                                </div>
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Fone de Contato" name="visita_fone">
                                </div>
                                <div class="form-group">
                                    <textarea name="visita_comentario" class="form-control" cols="30" rows="10" placeholder="Mensagem"></textarea>
                                </div>
                                <div class="form-group">
                                    <input type="submit" value="Enviar" class="btn btn-success btn-block" name="form_contact">
                                </div>
                            </form>
                        </div>
                        <div class="w-col-md-5">
                            <div class="google-map">
                                <iframe src="{{ $entidade->email }}" width="100%" height="520" frameborder="0"
                                    style="border:0;" allowfullscreen=""></iframe>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="w-col-md-12">
                    <div class="heading-normal">
                        <h3>Visite-nos</h3>
                        <div class="caixa_infor" align="justify">
                            <p>Teremos o maior prazer em lhe receber em nosso município!</p>
                        </div>
                    </div>
                    <div class="caixa_infor" align="justify">
                        <p>{{ $entidade->entidade }}<br>
                            {{ $entidade->endereco }}<br>
                            Horário de atendimento: {{ $entidade->funcionamento }}<br>
                            e-mail: {{ $entidade->email }}<br>
                            Telefones: {{ $entidade->fone }}
                        </p>
                    </div>
                </div>
            @endif
            <!-- Fim do Layout de Contato-->

            <!-- Layout de Blog-->
            @if ($pagina->layout == 'Layout de Blog')
                @section('content_header')
                    <main id="content">
                        <div class="container">
                            <div class="gap-2"></div>
                            <div class="row">
                                <!-- left content -->
                                <div class="col-md-9">
                                    <!--Block start-->
                                    <div class="block-area">
                                        <!--block title-->
                                        <div class="block-title-6">
                                            <h4 class="h5 border-primary">
                                                <span class="bg-primary text-white">Notícias</span>
                                            </h4>
                                        </div>
                                        <!-- block-content -->
                                        <div class="row">
                                            <!--post start-->
                                            @foreach ($noticias as $noticia)
                                                <article class="col-6 col-lg-4">
                                                    <div class="card card-full hover-a mb-4">
                                                        <!--thumbnail-->
                                                        <div class="ratio_230-129 image-wrapper">
                                                            <a href="{!! url('noticia/' . $noticia->id) !!}">
                                                                <img class="img-fluid lazy entered loaded"
                                                                    src="{{ asset('assets/site/uploads/noticias/' . $noticia->foto) }}"
                                                                    data-src="{{ asset('assets/site/uploads/noticias/' . $noticia->foto) }}"
                                                                    alt="Descrição da imagem" data-was-processed="true">
                                                            </a>
                                                        </div>
                                                        <div class="card-body">
                                                            <!-- author, date & comments -->
                                                            <div class="card-text mb-2 text-muted small">
                                                                <span class="d-none d-sm-inline mr-1">
                                                                    <a class="font-weight-bold" href="{!! url('noticia/' . $noticia->id) !!}"></a>
                                                                </span>
                                                                <time
                                                                    datetime="{{ date('d/m/Y', strtotime($noticia->data)) }}">{{ date('d/m/Y', strtotime($noticia->data)) }}</time>
                                                                <span title="comentário" class="float-right">
                                                                    <span class="fa fa-comments"
                                                                        aria-hidden="true"></span>{{ $noticia->total_visualizacoes }}</span>
                                                            </div>
                                                            <!--title-->
                                                            <h2 class="card-title h5 h4-sm h6-md h5-lg" align="justify">
                                                                <a href="{!! url('noticia/' . $noticia->id) !!}">{!! substr($noticia->noticias_titulo, 0, 70) !!}</a>
                                                            </h2>
                                                        </div>
                                                    </div>
                                                </article>
                                            @endforeach
                                            <!-- right content -->

                                        </div>

                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="card my-3">

                                        <h5 class="card-header">Notícias recentes</h5>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <ul class="list-unstyled mb-0">
                                                        @foreach ($noticiasrecentes as $recentes)
                                                            <li>
                                                                <a href="{!! url('noticia/' . $recentes->id) !!}"
                                                                    align="justify">{!! $recentes->noticias_titulo !!}</a>
                                                                <hr>
                                                            </li>
                                                        @endforeach
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="card my-3">
                                        <h5 class="card-header">Categorias</h5>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <ul class="list-unstyled mb-0">
                                                        <li>
                                                            <a href="#"></a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="card my-3">
                                        <h5 class="card-header">Pesquisar</h5>
                                        <div class="card-body">
                                            <div class="input-group">
                                                <input type="text" class="form-control" placeholder="Pesquiar por...">
                                                <span class="input-group-btn">
                                                    <button class="btn btn-secondary" type="button">Pesquisar</button>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </main>
                @endif
                <!-- Fim do Layout de Blog-->

                <!-- Layout de Agentes Políticos-->
                @if ($pagina->layout == 'Layout Agentes Políticos')
                    @section('content_header')
                        <h3>{{ $pagina->nome }}</h3>
                    @endif

                    @if ($pagina->layout == 'Layout FAQ')
                        @section('content_header')
                            <main id="content">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <h3>{{ $pagina->nome }}</h3>
                                        </div>
                                    </div>
                                    @foreach ($faq as $faq)
                                        <div class="accordion" id="accordionExample">
                                            <div class="card">
                                                <div class="card-header" id="headingOne">
                                                    <h2 class="mb-0">
                                                        <button class="btn btn-link" type="button" data-toggle="collapse"
                                                            data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                            {{ $faq->faq_titulo }}
                                                        </button>
                                                    </h2>
                                                </div>

                                                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
                                                    data-parent="#accordionExample">
                                                    <div class="card-body">
                                                        {{ $faq->faq_descricao }}
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    @endforeach
                                </div>
                            </main>
                        @endif
                        <!-- Fim do Layout de Agentes Políticos-->

                        <!-- Layout de Galeria de Fotos-->
                        @if ($pagina->layout == 'Layout Galeria de Fotos')
                            @section('content_header')
                                <main id="content">
                                    <div class="container">
                                        <h3>{{ $pagina->nome }}</h3>
                                    </div>
                                </main>
                            @endif
                            <!-- Fim do Layout de Galeria de Fotos-->

                            <!-- Layout de Galeria de Vídeos-->
                            @if ($pagina->layout == 'Layout Galeria de Videos')
                                @section('content_header')
                                    <main id="content">
                                        <div class="container">
                                            <h3>{{ $pagina->nome }}</h3>
                                        </div>
                                    </main>
                                @endif
                                <!-- Fim do Layout de Galeria de Vídeos-->
                            @endsection