@extends('layouts.site')

@section('content')
<section id="lista-noticias" class="pagina-interna">
    <div class="container">
        <h1 class="titulo-internas">Notícias</h1>
        <div class="row">
            @foreach ($noticias as $noticia)
                <div class="col-12 col-sm-6 col-md-4 col-lg-3"><!--Incio card-->
                    <div class="card-noticia">
                        <div class="box-img-texto">
                            <figure>
                                <img src="{{ $noticia->image }}" alt="" class="img-fluid">
                            </figure>
    
                            <article>
                                <h2 class="data-noticia">{{ $noticia->formatted_publish_up }}</h2>
                                <h1 class="titulo-noticia">{{ $noticia->title }}</h1>
                                <p>{{ $noticia->resume_introtext }}</p>
                            </article>
                        </div>

                        <a class="btn-leia-mais" href="/noticia/{{ $noticia->alias }}">Leia mais</a>
                    </div>
                </div> <!--Fim card-->
            @endforeach
        </div>

        {{ $noticias->links() }}
    </div>
</section>

@endsection