@extends('layouts.public')

@section('content')
<main>
    @if($banner)
    <section id="banner-destaque"><!--Banner Destaque-->
        <div class="container">
            <figure>
                <img src="{{$banner?$banner->arquivo->nome:''}}" alt="" class="img-fluid">
            </figure>

        </div>
    </section><!--Fim Banner Destaque-->
    @endif
    <section id="destaque">
        <div class="container">
            <div class="engloba-conteudo">
                <div class="box-fique-por-dentro">
                    <div class="fique-por-dentro">
                        <h1 class="titulo-padrao">Fique por dentro</h1>
                        <div class="box-destaques owl-carousel owl-theme">

                            @foreach($destaques as $destaque)
                                <article class="destaque item">
                                    <a href="/{{$destaque->tipoPublicacao->tag_nome}}/{{$destaque->tag_titulo}}/{{$destaque->id}}">
                                        <figure>
                                            <img src="{{$destaque->arquivo?$destaque->arquivo->nome:''}}" alt="">
                                        </figure>

                                        @if($destaque->categoriaPublicacao)<span class="categoria">{{$destaque->categoriaPublicacao->nome}}</span>@endif
                                        <h1>{{$destaque->titulo}}</h1>
                                        <p class="data-noticia">{{dataEscrita($destaque->data_inicio)}}</p>
                                        <p>{{ previaPost($destaque->html_conteudo, 170) }}</p>
                                    </a>
                                    <!-- <div class="box-interacao">
                                        <a href="/{{$destaque->tipoPublicacao->tag_nome}}/{{$destaque->tag_titulo}}/{{$destaque->id}}" class="btn-ler-mais">Ler Mais</a>
                                        <ul class="reacao">
                                            <li>
                                                <a href="">
                                                    <img src="assets/img/curtir.png" alt="">
                                                </a>
                                            </li>
                                            <li>
                                                <a href="">
                                                    <img src="assets/img/love.png" alt="">
                                                </a>
                                            </li>
                                            <li>
                                                <a href="">
                                                    <img src="assets/img/haha.png" alt="">
                                                </a>
                                            </li>
                                            <li>
                                                <a href="">
                                                    <img src="assets/img/ohh.png" alt="">
                                                </a>
                                            </li>
                                        </ul>
                                    </div> -->
                                </article>
                            @endforeach

                        </div>
                    </div>

                    <div class="outros-destaques">

                        @foreach($outrasPublicacoes as $post)
                        <article class="destaque-secundario">
                            <a href="/{{$post->tipoPublicacao->tag_nome}}/{{$post->tag_titulo}}/{{$post->id}}">
                                <figure>
                                    <img src="{{$post->arquivo?$post->arquivo->nome:''}}" alt="">
                                </figure>
                                @if($post->categoriaPublicacao)<span class="categoria">{{$post->categoriaPublicacao->nome}}</span>@endif
                                <h1>{{$post->titulo}}</h1>
                                <p class="data-noticia">{{dataEscrita($post->data_inicio)}}</p>
                                <p>{{previaPost($post->html_conteudo, 97)}}</p>
                            </a>
                            <!-- <div class="box-interacao">
                                <a href="/{{$post->tipoPublicacao->tag_nome}}/{{$post->tag_titulo}}/{{$post->id}}" class="btn-ler-mais">Ler Mais</a>
                                <ul class="reacao">
                                    <li>
                                        <a href="">
                                            <img src="assets/img/curtir.png" alt="">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="assets/img/love.png" alt="">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="assets/img/haha.png" alt="">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="assets/img/ohh.png" alt="">
                                        </a>
                                    </li>
                                </ul>
                            </div> -->
                        </article>
                        @endforeach

                    </div>
                    <div style="margin-right: 30px; ">
                        <a style="margin-top: 35px;"  class="btn-ver-todos" href="/lista/post">Ver todos</a>
                    </div>
                </div>

                <div class="aside"><!--Conteúdo lateral-->
                    <div class="avisos-fixos">
                        <h1 class="titulo-padrao">Avisos Fixo</h1>

                        @foreach($avisos as $aviso)
                            <article class="aviso">
                                <a href="/{{$aviso->tipoPublicacao->tag_nome}}/{{$aviso->tag_titulo}}/{{$aviso->id}}"  style="color: #565656;">
                                    <figure>
                                        <img src="{{$aviso->arquivo?$aviso->arquivo->nome:''}}" alt="">
                                    </figure>
                                    <div class="box-texto">
                                        <span class="aviso-categoria">{{$aviso->categoriaPublicacao?$aviso->categoriaPublicacao->nome:''}}</span>
                                        <h1 class="aviso-titulo">{{$aviso->titulo}}</h1>
                                        <p class="aviso-data">{{dataEscrita($aviso->data_inicio)}}</p>
                                        <p>{{previaPost($aviso->html_conteudo, 80)}}</p>
                                    </div>
                                </a>
                            </article>
                            <hr>
                        @endforeach

                        <a class="btn-ver-todos" href="/lista/aviso">Ver todos</a>
                    </div>

                    <div class="boletim-confederando"><!--Boletim Confederando-->
                        <h1 class="titulo-padrao">Boletim Confederando</h1>
                        <div class="box-boletim">

                            @foreach($boletins as $boletim)
                            <a href="{{$boletim->link_externo}}" download target="_blank">
                                <figure>
                                    <img src="{{$boletim->arquivo?$boletim->arquivo->nome:''}}" alt="">
                                </figure>
                                <span>
                                    <svg class="svg-download-button-dims">
                                        <use xlink:href="{{ asset('svg/site/sprite-svg/sprite.svg#download-button') }}"></use>
                                    </svg>
                                </span>
                            </a>
                            @endforeach

                        </div>
                        <a class="btn-ver-todos" href="/lista/boletim">Ver todos</a>
                    </div><!--Boletim Confederando-->

                </div><!--Fim Conteúdo lateral-->

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

    <section class="">
        <div class="container">
            <div class="d-flex engloba-conteudo-2">
                <div class="box-aniversariantes"><!--Aniversariantes-->
                    @php
                        $now = Carbon\Carbon::now();
                    @endphp
                    <h1 style="border-color: #fff;" class="titulo-padrao">Aniversantes do mês - <span style="color: #fff;">{{monthOfYear($now->month)}}</span></h1>
                    <div class="box">

                        @foreach($aniversariantes as $aniversariante)

                            <article class="colaborador">
                                <a>
                                <img src='/images/avatar-confederando.jpg' class='img-fluid' style='z-index: 0;' />                                    <h1>{{$aniversariante->nome_cracha}}</h1>
                                    <p class="text-center" style='font-size:12px;'><small>{{$aniversariante->setor}}</small></p>
                                    <span>
                                        @if(Carbon\Carbon::now()->format('d') == Carbon\Carbon::parse($aniversariante->data_nascimento)->format('d'))
                                            <svg class="svg-cake-dims">
                                                <use xlink:href="{{ asset('svg/site/sprite-svg/sprite.svg#cake') }}"></use>
                                            </svg>
                                        @endif
                                        {{Carbon\Carbon::parse($aniversariante->data_nascimento)->format('d/m')}}
                                    </span>
                                </a>
                            </article>
                        @endforeach

                    </div>
                    <a style="background: #fff ; color: #0C4D8A;" class="btn-ver-todos btn-aniversantes" href="/lista/colaboradores">Ver todos</a>
                    <br/>
                </div><!--Fim Aniversariantes-->
                <div class="box-novos-colaboradores">
                    <div class="box"><!--Novos Colaboradors-->
                        <h1 class="titulo-padrao">Novos Colaboradores</h1>
                        <div class="carousel-novo-colaborador owl-carousel owl-theme">

                            @foreach($novosColaboradores as $colaborador)
                            <article class="novo-colaborador item">
                                <a >
                                    <figure>
                                    <img src='/images/avatar-confederando.jpg' class='img-fluid' style='z-index: 0;' />
                                    </figure>
                                    <h1>{{$colaborador->nome_cracha}}</h1>
                                    <p>{{$colaborador->setor}}</p>
                                </a>
                            </article>
                            @endforeach

                        </div>
                    </div><!--Fim Novos Colaboradors-->

                    <div class="box-piadas"><!--Piadas-->

                        <div class="box">
                            <h1 class="titulo-padrao">Cantinho do Humor</h1>

                            @foreach($piadas as $piada)
                            <article class="piada">
                                <h1>{{$piada->texto}}</h1>
                                <div class="resposta">
                                    <p class="resposta-piada"><span>R:</span>{{$piada->resposta}}</p>
                                    <a class="btn-mostrar">Mostrar</a>
                                </div>
                                <!-- <ul class="reacao-piada">
                                    <li>
                                        <a href="">
                                            <svg class="svg-happy-dims">
                                                <use xlink:href="sprite-svg/sprite.svg#happy"></use>
                                            </svg>
                                        </a>
                                        <span class="contador-reacao">15</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <svg class="svg-sad-dims">
                                                <use xlink:href="sprite-svg/sprite.svg#sad"></use>
                                            </svg>
                                        </a>
                                        <span class="contador-reacao">15</span>
                                    </li>
                                </ul> -->
                            </article>
                            @endforeach

                        </div>
                        <a class="btn-ver-todos" href="/lista/piada">Ver todos</a>
                    </div><!--Fim Piadas-->

                </div><!--fim  Colaboradors-->
            </div>
        </div>
    </section>
</main>
@endsection