@extends('layouts.app')
@section('content')
<!--conteúdo-->

<section class="conteudo-internas">

    <div class="centraliza" id="lista-noticia">
        <h1 class="titulo-internas">
            Notícias
            <a href="javascript:window.history.go(-1)" class="btn-voltar">
                <svg class="svg-voltar-dims">
                <use xlink:href="{{ ASSET('sprite-svg/sprite.svg#voltar') }}"></use>
                </svg>
                <span>Voltar</span>
            </a>
        </h1>
        <div class="lista">
            @forelse ($noticias as $key => $noticia)
            @if($key > 0) <hr> @endif
            <article class="box-noticia"><!--Notícia-->
                <a href="{{route('noticias.show', [$noticia->alias])}}" >
                    <figure>
                        <img src="{{Helper::getImageIntrotext($noticia->introtext) ?: asset('assets/img/imagem-noticia-padrao.png')}}" alt="" >
                    </figure>
                    <div class="texto-lista-noticias">
                        <h1>{!!  $noticia->title !!}</h1>
                        <span class="data-lista-noticia">{!! ($noticia->publish_up->formatLocalized('%A, %d de %B de %Y')) !!}</span>
                        <p>{!! Helper::getTextIntrotext($noticia->introtext, 320) !!}</p>
                    </div>
                </a>
            </article><!--Fim Notícia-->
            @empty
            <h1 class="text-center">Nenhuma notícia encontrada</h1>
            @endforelse

            <div class="">
                {{ $noticias->links('pagination.my-pagination') }}
                <br>
            </div>

<!--            <nav aria-label="Page navigation example">
                <ul class="pagination justify-content-center">
                    <li class="page-item">
                        <a class="page-link" href="#" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                            <span class="sr-only">Previous</span>
                        </a>
                    </li>
                    <li class="page-item"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item">
                        <a class="page-link" href="#" aria-label="Next">
                            <span aria-hidden="true">&raquo;</span>
                            <span class="sr-only">Next</span>
                        </a>
                    </li>
                </ul>
            </nav>-->
        </div>
</section>

<!--fim conteúdo-->
@endsection
<script>
</script>