@extends('site.layouts.app', ['seoModel' => $pageInfo])

@section('content')
<div class="page-wrapper content-wrapper page-blog">
    @include('site._includes.mini-banner', [
        'image_url'         => $pageInfo->banner,
        'tablet_image'      => null,
        'mobile_image_url'  => null,
        'alt'               => null,
        'title'             => $pageInfo->title,
        'tag'             => $pageInfo->subtitle,
    ])

    <section class="blog-items">
        <div class="container">
            @if ($featuredPost)
                <div class="main-notice">
                    <a href="{{ route('site.blog.post.show', $featuredPost->slug) }}">
                        <img src="{{ asset("storage/{$featuredPost->featured_image}") }}">

                        <div class="main-notice__description">
                            @if ($featuredPost->categories->isNotEmpty())
                                <small>{{ $featuredPost->categories->first()->name }}</small>
                            @endif
                            <h2>{{ $featuredPost->title }}</h2>
                        </div>
                    </a>
                </div>
            @endif

            <div class="notices">
                @forelse ($postsList as $post)
                    @include('site._includes.blog-item')
                @empty
                    <div class="message-box primary">Nenhum post encontrado.</div>
                @endforelse
            </div>
        </div>
    </section>

    <div class="container">
   
        {!! $postsList->links() !!}
    </div>
</div>
@endsection