@extends('layouts.app')

@section('content')
    @include('partials.headers.page')

    @if (have_posts())
        @if ($posts)
            <section class="ctn {{ $paddingSection }} relative z-20">
                <ul class="{{ $grid }}">
                    @foreach ($posts['posts'] as $post)
                        <li class="js-appear col-span-12 md:col-span-6 lg:col-span-4">
                            @include('partials.items.post', ['item' => $post])
                        </li>
                    @endforeach
                </ul>

                @if (get_previous_posts_link() || get_next_posts_link())
                    <div class="js-appear mt-10 flex justify-between space-x-5">
                        <div class="nav-previous">
                            {{ previous_posts_link('<span class="group hover:bg-dark rounded-md  bg-primary p-5 relative inline-flex items-center justify-center h-full font-bold text-white px-6 py-3.5  [.is-appeared_&]:transition-[padding, color] duration-500">' . __('Page précédente', 'constatimmo') . '</span>') }}
                        </div>
                        <div class="nav-next">
                            {{ next_posts_link('<span class="group hover:bg-dark rounded-md  bg-primary p-5 relative inline-flex items-center justify-center h-full font-bold text-white px-6 py-3.5  [.is-appeared_&]:transition-[padding, color] duration-500">' . __('Page suivante', 'constatimmo') . '</span>') }}
                        </div>
                    </div>
                @endif

            </section>
        @endif
    @endif

    @include('partials.builder')
    @if ($pageCta ?? false)
        @include('partials.page-cta', ['section' => $pageCta])
    @endif
@endsection