@extends('layouts.enem.default')

@section('content')
    <section class="pag">
        <div class="container row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <h1 class="title">Notícias do Enem</h1>                
            </div>
        </div>
        <div class="container">
            <article id="noticias">
                <div class="row">
                    <div class="col-md-12 text-center news">
                        <!-- NOTÍCIAS DO SITE DA ALEP -->
                        <div class="lista-noticias">
                            @foreach($lista as $noticia)
                                <div class="conteudo-noticia">
                                    <a href="{{ route('site.comunicacao.noticia', ['slug' => $noticia->slug]) }}" target="_blank">
                                        <div class="innerIMG">
                                            @if(!empty($noticia->imagem))
                                                <img src="{{ route('site.imagens.exibir', ['tamanho' => 'medium', 'nome' => $noticia->imagem->arquivo]) }}" class="img-responsive">
                                            @endif
                                        </div>
                                        <div class="dados-news @if(empty($noticia->imagem)) sem-Img @endif">
                                            <h4 class="title-newsSm">
                                                {{ $noticia->titulo }}
                                            </h4>
                                            <div class="barra-infos-news">
                                                <span class="glyphicon glyphicon-calendar"></span> {{ $noticia->data_publicacao->format('d/m/Y') }} <span class="glyphicon glyphicon-time"></span> {{ $noticia->data_publicacao->format('H\hi') }}
                                            </div>
                                        </div>
                                        <div class="descricao">
                                            {{ Str::limit($noticia->texto_limpo, 300, '...') }}
                                        </div>
                                        <div class="btnLermais text-center">
                                            <span class="btn btn-default btn-yellow">@lang('labels.acoes.ler_mais')</span>
                                        </div>
                                    </a>
                                </div>
                            @endforeach
                        </div>
                        <!-- FIM NOTICIAS -->
                    </div>
                    @include('layouts.publicador.paginacao')
                </div>
            </article>
        </div>
    </section>
    <style>
        .noticias {
            display: flex;
        }
    </style>
    <link rel="stylesheet" href="{{ asset('') }}"></link>
@endsection