@extends('site.layouts.layout_1')
@section('content')
    @if ($pagina->layout == 'Layout Home')
        @section('content_header')
            <div class="sa-home-section">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-9">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="post-slider">
                                        @foreach ($noticias->sortByDesc('id')->take(3) as $noticia)
                                            <div class="sa-post featured-post">
                                                <div class="entry-header">
                                                    <div class="entry-thumbnail">
                                                        <a href="noticia/{{ $noticia->slug }}">
                                                            <img class="img-fluid" src="{{ asset('assets/site/uploads/' . $entidade->id_tce . '/noticias/' . $noticia->foto) }}" alt="Image"></a>
                                                    </div>
                                                </div>
                                                <div class="entry-content absolute">
                                                    <div class="category">
                                                        <ul class="global-list">
                                                            <li><a href="#">{{ $noticia->id_categoria }}</a></li>
                                                        </ul>
                                                    </div>
                                                    <h2 class="entry-title">
                                                        <a href="noticia/{{ $noticia->slug }}">{{ $noticia->titulo }}</a>
                                                    </h2>
                                                    <div class="entry-meta">
                                                        <ul class="global-list">
                                                            <li><i class="far fa-clock"></i>
                                                                <a href="#">{{ \Carbon\Carbon::parse($noticia->data)->locale('pt_BR')->isoFormat('dddd, DD [de] MMMM [de] YYYY') }}</a>
                                                            </li>
                                                            <li>
                                                                <i class="far fa-eye"></i>
                                                                <a href="#">{{ $noticia->total_visualizacoes }}</a>
                                                            </li>
                                                            <li>
                                                                <i class="far fa-comment"></i>
                                                                <a href="#">{{ $noticia->comentarios }}</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    @foreach ($noticias->skip(3)->take(2) as $noticia)
                                        <div class="sa-post featured-post">
                                            <div class="entry-header">
                                                <div class="entry-thumbnail" style="max-height: 280px">
                                                    <a href="noticia/{{ $noticia->slug }}">
                                                        <img class="img-fluid" src="{{ asset('assets/site/uploads/' . $entidade->id_tce . '/noticias/' . $noticia->foto) }}" alt="Image">
                                                    </a>
                                                </div>
                                                <div class="category">
                                                    <ul class="global-list">
                                                        <a href="#">{{ $noticia->categoria }}</a>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="entry-content absolute">
                                                <h2 class="entry-title">
                                                    <a href="noticia/{{ $noticia->slug }}">{!! Str::limit($noticia->titulo, 80) !!}</a>
                                                </h2>
                                                <div class="entry-meta">
                                                    <ul class="global-list">
                                                        <li>
                                                            <i class="far fa-clock"></i>
                                                            <a href="#">{{ \Carbon\Carbon::parse($noticia->data)->locale('pt_BR')->isoFormat('dddd, DD [de] MMMM [de] YYYY') }}</a>
                                                        </li>
                                                        <li>
                                                            <i class="far fa-eye"></i>
                                                            <a href="#">{{ $noticia->total_visualizacoes }}</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach

                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 d-none d-lg-block">
                            <div class="featured-add">

                                @foreach ($noticias->skip(5)->take(2) as $noticia)
                                    <div class="sa-post featured-post">
                                        <div class="entry-header">
                                            <div class="entry-thumbnail">
                                                <a href="details.html">
                                                    <img class="img-fluid" style="max-height: 280px; min-width: 280px;"
                                                        src="{{ asset('assets/site/uploads/' . $entidade->id_tce . '/noticias/' . $noticia->foto) }}"
                                                        alt="Image">
                                                </a>
                                            </div>
                                            <div class="category">
                                                <ul class="global-list">
                                                    <li>
                                                        <a href="#">{{ $noticia->categoria }}</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="entry-content absolute">
                                            <h2 class="entry-title"><a href="details.html">{!! Str::limit($noticia->titulo, 80) !!}</a>
                                            </h2>
                                            <div class="entry-meta">
                                                <ul class="global-list">
                                                    <li><i class="far fa-clock"></i>
                                                        <a href="#">
                                                            {{ \Carbon\Carbon::parse($noticia->data)->locale('pt_BR')->isoFormat('dddd, DD [de] MMMM [de] YYYY') }}
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <i class="far fa-eye"></i><a
                                                            href="#">{{ $noticia->total_visualizacoes }}</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="sa-main-content mb-4">
                <div class="container">
                    <div class="row">
                        <div class="col-md-7 col-lg-8 sa-sticky">
                            <div class="theiaStickySidebar">
                                <div class="sa-section">
                                    <div class="section-content">
                                        <div class="section-title">
                                            <h1>Últimas notícias</h1>
                                        </div>
                                        <div class="latest-news dots-style-1">
                                            <div class="latest-slider">

                                                @foreach ($noticias->take(4) as $noticia)
                                                    <div class="sa-post mid-post" style="max-height: 300px">
                                                        <div class="entry-header">
                                                            <div class="entry-thumbnail">
                                                                <a href="noticia/{{ $noticia->slug }}">
                                                                    <img class="img-fluid"
                                                                        src="{{ asset('assets/site/uploads/' . $entidade->id_tce . '/noticias/' . $noticia->foto) }}"
                                                                        alt="Image">
                                                                </a>
                                                            </div>
                                                            <div class="category">
                                                                <ul class="global-list">
                                                                    <li><a href="#">{{ $noticia->id_categoria }}</a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="entry-content">
                                                            <h5 class="entry-title">
                                                                <a
                                                                    href="noticia/{{ $noticia->slug }}">{!! Str::limit($noticia->titulo, 25) !!}</a>
                                                            </h5>
                                                            <div class="entry-meta">
                                                                <ul class="global-list">
                                                                    <li>
                                                                        <i class="far fa-clock"></i>
                                                                        <a href="#">
                                                                            {{ date('d/m/Y', strtotime($noticia->data)) }}
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <i class="far fa-eye"></i>
                                                                        <a
                                                                            href="#">{{ $noticia->total_visualizacoes }}</a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-5 col-lg-4 sa-sticky">
                            <div class="sa-sidebar theiaStickySidebar">
                                <div class="sa-widget">
                                    <h3 class="widget-title">Tv Prefeitura</h3>
                                    <ul class="global-list">

                                        @foreach ($videos as $video)
                                            <div class="col-md-12 p-3">
                                                <!-- Link para abrir o lightbox -->
                                                <a data-bs-toggle="modal" data-bs-target="#videoModal" class="lightbox block"
                                                    style="cursor:pointer; transition: background-color 0.5s ease, opacity 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: translateX(0px) translateY(0px);">
                                                    <img src="https://i.ytimg.com/vi/SN52vdgStuY/hqdefault.jpg" width="100%"
                                                        alt="{{ $video->video_titulo }}">
                                                </a>
                                                <!-- Legenda abaixo da imagem -->
                                                <div
                                                    style="font-size: 13px; margin-top: 10px; text-align: center; line-height: 16px;">
                                                    {{ $video->video_titulo }}</div>
                                            </div>
                                            <!-- Modal para o vídeo -->
                                            <div class="modal fade" id="videoModal" tabindex="-1"
                                                aria-labelledby="videoModalLabel" aria-hidden="true">
                                                <div class="modal-dialog modal-dialog-centered modal-lg">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                                aria-label="Close"></button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <iframe class="embed-responsive-item 100" height="480"
                                                                src="{{ $video->video_url }}" frameborder="0"
                                                                allowfullscreen></iframe>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach

                                    </ul>
                                </div><!-- /.sa-widget -->
                            </div><!-- /.sa-sidebar -->
                        </div><!-- /.col-md-5 col-lg-4 sa-sticky -->
                    </div>
                </div>
            </div>

            @if ($entidade->diario === 'S')
                <div class="sa-ad">
                    <div class="container">
                        <div class="ad-content">
                            <a href="{{ route('site.diariooficial') }}">
                                <img class="img-fluid" src="{{ asset('assets/site/uploads/banner/banner_diario.png') }}"
                                    alt="Image"></a>
                        </div>
                    </div>
                </div>
            @else
            @endif
            <div class="container-fluid my-5 acesso text-white">
                <div class="text-center p-5">
                    <h3>Acesso à informação</h3>
                </div>
                <div class="container">
                    <div class="row g-2">
                        @foreach ($parceiros as $parceiro)
                            <div class="col-12 col-md-6 col-lg-2 rounded-3">
                                <a class="d-block text-center p-3 border bg-white rounded-3" href="{{ $parceiro->url }}">
                                    <span class="icon d-block mb-3">
                                        <i class="{{ $parceiro->icone }} fa-2x text-disabled" aria-hidden="true"></i>
                                        <span class="text2">{{ $parceiro->nome }}</span>
                                    </span>
                                </a>
                            </div>
                        @endforeach
                    </div>
                </div>
                <br>
            </div>
            <div class="container p-6">
                <div class="row">
                    <div class="col-md-3">
                        @if ($entidade->aldirblanc == 'S')
                            <a href="{{ route('site.aldirblanc') }}">
                                <img class="img-fluid" style="max-width: 100%; height: auto;"
                                    src="{{ asset('assets/site/uploads/banner/aldirblanc.png') }}" alt="Image">
                            </a>
                        @endif
                    </div>
                    <div class="col-md-3">
                        @if ($entidade->paulogustavo == 'S')
                            <a href="{{ route('site.paulogustavo') }}">
                                <img class="img-fluid" style="max-width: 100%; height: auto;"
                                    src="{{ asset('assets/site/uploads/banner/lpg.png') }}" alt="Image">
                            </a>
                        @endif
                    </div>
                    <div class="col-md-3">
                        @if ($entidade->cacs == 'S')
                            <a href="{{ route('site.cacsfundeb') }}">
                                <img class="img-fluid" style="max-width: 100%; height: auto;"
                                    src="{{ asset('assets/site/uploads/banner/cacs.png') }}" alt="Image">
                            </a>
                        @endif
                    </div>
                    <div class="col-md-3">
                        @if ($entidade->covid == 'S')
                            <a href="{{ route('site.covid') }}">
                                <img class="img-fluid" style="max-width: 100%; height: auto;"
                                    src="{{ asset('assets/site/uploads/banner/covid.png') }}" alt="Image">
                            </a>
                        @endif
                    </div>
                </div>
            </div>
            <br>
        @endsection
    @endif

    <!-- Layout Largura Total-->
    @if ($pagina->layout == 'Layout de Página Inteira')
        @section('content_header')
            <div class="container">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('site.index') }}">Início</a></li>
                        <li class="breadcrumb-item"><a href="#">{{ $pagina->nome }}</a></li>
                    </ol>
                </nav>
            </div>

            <div class="sa-page-content" style="transform: none;">
                <div class="container" style="transform: none;">
                    <div class="row" style="transform: none;">
                        <div class="col-md-12 col-lg-12 sa-sticky"
                            style="position: relative; overflow: visible; box-sizing: border-box; min-height: 1px;">
                            <div class="theiaStickySidebar post-details"
                                style="padding-top: 0px; padding-bottom: 1px; position: static; transform: none;">
                                <div class="sa-section">
                                    <div class="section-content">
                                        <div class="sa-post">
                                            <div class="entry-content p-4">
                                                <h2 class="entry-title">
                                                    <div class="content-wrapper2 container">
                                                        <div class="post-content-text">
                                                            <h2 class="entry-title">
                                                                {{ $pagina->nome }}
                                                            </h2>
                                                            <p style="text-align: justify">
                                                                {!! $pagina->conteudo !!}
                                                        </div>
                                                    </div>
                                            </div>
                                        </div>
                                    </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="content-wrapper2 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>
                        <>O formulário abaixo será armazenado em nosso banco de dados para posterior resposta da equipe
                            p responsável.</>
                    </div>
                    <div class="col row">
                        <div class="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="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="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