@extends('layouts.public')

@section('content')
<!--Conteúdo-->
<section id="noticia-clicada">
    <div class="container">
        <div class="box-noticia-clicada">
            <div class="data-noticia">
                <p>{{dataEscrita($publicacao->data_inicio)}}</p>
                <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>
            <article class="noticia" style="margin-bottom: 200px;"><!--Notícia-->
                <!-- <figure>
                {{-- @if($publicacao->arquivo)<img src="{{$publicacao->arquivo->nome}}" alt="" class="img-fluid">@endif --}}
        </figure> -->
                <div class="texto-noticia">
                    <div class="cat-reacao">
                    @if($publicacao->categoriaPublicacao)<span>{{$publicacao->categoriaPublicacao->nome}}</span>@endif
                        <ul class="reacao-noticia-clicada">
                            <li>
                              <img src='/images/icones/joia.gif' class='img-fluid' width="30px" style='z-index: 0;' />
                            </li>
                            <li>
                             <img src='/images/icones/piscando.gif' class='img-fluid' style='z-index: 0;'   width="34px"/>
                            </li>
                            <li>
                            <img src='/images/icones/sorrindo.gif' class='img-fluid' style='z-index: 0;'  width="30px" />
                            </li>
                            <li>
                               <img src='/images/icones/pisccoracao.gif' class='img-fluid' style='z-index: 0; padding-top: 6px'  width="25px" />
                            </li>
                        </ul>
                    </div>
                    <h1>{{$publicacao->titulo}}</h1>
                    <div>
                        {!!$publicacao->html_conteudo!!}
                    </div>
                </div>
            </article> <!--Fim Notícia-->
        </div>
    </div>
</section>
<!--Fim Conteúdo-->
@endsection