@extends('layouts.public')

@section('content')
    <!--Conteúdo-->
    <section id="lista-noticias">
        <div class="container">

            <h1 class="titulo-padrao"> @if($tipoPublicacao){{$tipoPublicacao->nome}}s - @endif @if($categoriaPublicacao){{$categoriaPublicacao->nome}}@endif</h1>

            <div class="d-flex justify-content-end">
                <div class="box-btn-voltar">
                    <a class="btn-voltar" href="javascript:window.history.go(-1)">
                        <svg class="svg-voltar-dims">
                            <use xlink:href="{{ asset('svg/site/sprite-svg/sprite.svg#voltar') }}"></use>
                        </svg>
                        Voltar
                    </a>
                </div>
            </div>
            @foreach($publicacoes as $publicacao)
                <article class="box-lista-noticias"><!--Notícia-->
                    <figure>
                        @if($publicacao->arquivo)<img src="{{$publicacao->arquivo->nome}}" alt="" >@endif
                    </figure>
                    <div class="texto-lista-noticias">
                        <div class="box-reacao-lista">
                            @if($publicacao->categoriaPublicacao)<span>{{$publicacao->categoriaPublicacao->nome}}</span>@endif
                            <!-- <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> -->
                            @if($publicacao->destaque)
                                <h3><span class="badge badge-info rigth" style="color:#fff;">DESTAQUE</span></h3>
                            @endif
                        </div>
                        <h1>{{$publicacao->titulo}}</h1>
                        <span class="data-lista-noticia">{{dataEscrita($publicacao->data_inicio)}}</span>
                        <p>{{previaPost($publicacao->html_conteudo, 227)}}</p>
                        <a href="/{{$publicacao->tipoPublicacao->tag_nome}}/{{$publicacao->tag_titulo}}/{{$publicacao->id}}" class="btn-ler-mais" >Leia Mais</a>
                    </div>
                </article><!--Fim Notícia-->
                <hr style="background: #F5BF6A;">
            @endforeach
            {{$publicacoes->render()}}

        </div>
    </section>
    <!--Fim Conteúdo-->
@endsection