@extends('front/layouts.app')

@section('seo')
    <meta name="description" content="Retrouvez toutes les événements de l'APIP Guinée">
    <meta name="keywords" content="APIP, Guinée, Actualités, Événements">
@endsection

@section('title', ('messages.footer.evenements'))

@section('content')

    <section class="page-title">
        <div class="container">
            <div class="page-title-wrap">
                <h1 class="title">{{ __('messages.footer.evenements') }}</h1>
                <ul>
                    <li><a href="/">{{ __('messages.header.home') }}</a></li>
                    <li><i class="fas fa-chevron-right"></i></li>
                    <li><span>{{ __('messages.footer.evenements') }}</span></li>
                </ul>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            @if (count($evenements) == 0)
            <span class="empty">
                {{ __('messages.post.aucun_evenement') }}
            </span>         
            @else
            <div class="articles">
                @foreach ($evenements as $event)
                    @include('front/evenement/_event-card')
                @endforeach
            </div>
            <div class="pagination-wrap">
                {{ $evenements->withQueryString()->links() }}
            </div>
            @endif
        </div>
    </section>

@endsection