@extends('front/layouts.app')

@section('seo')
    <meta name="description" content="{{ $evenement->description }}">
    <meta name="keywords" content="APIP, Guinée, Actualités, Événements, {{ $evenement->titre }}">
@endsection

@section('og')
    <meta property="og:title" content="{{ $evenement->titre }}">
    <meta property="og:description" content="{{ $evenement->description }}">
    <meta property="og:image" content="{{ asset($evenement->image) }}">
    <meta property="og:url" content="{{ route('evenement', $evenement->slug) }}">
    <meta property="og:type" content="article">
    <meta property="og:site_name" content="APIP Guinée">
@endsection

@section('title', $evenement->titre)

@section('content')

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

    <section>
        <div class="container">
            <div class="article-col">
                <div class="article-wrap">
                    <div class="cover">
                        <img class="cover" src="/{{ $evenement->image }}" alt="{{ $evenement->titre }}">
                    </div>
                    <div class="metas">
                        <span class="meta">{{ __('messages.post.lieu') }}<b class="ms-1">{{ $evenement->lieu }}</b></span>
                        <span class="meta">
                            @if ($evenement->date_fin)
                            {{ __('messages.post.date') }} <b class="ms-1">{{ date('d/m/Y', strtotime($evenement->date_debut)) }} - {{ date('d/m/Y', strtotime($evenement->date_fin)) }}</b>
                            @else
                            {{ __('messages.post.date') }} <b class="ms-1">{{ date('d/m/Y', strtotime($evenement->date_debut)) }}</b>
                            @endif

                        </span>
                    </div>
                    <div class="article-content">
                        {!! $evenement->description !!}
                    </div>
                </div>
                <hr class="separator">
                <div class="share-wrap">
                    <span>{{ __('messages.post.partager') }}</span>
                    <ul>
                        <li>
                            <a href="https://www.facebook.com/sharer/sharer.php?u={{ route('evenement', $evenement->slug) }}" target="_blank">
                                <i class="fab fa-facebook-f"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://twitter.com/intent/tweet?url={{ route('evenement', $evenement->slug) }}" target="_blank">
                                <i class="fab fa-twitter"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.linkedin.com/shareArticle?url={{ route('evenement', $evenement->slug) }}" target="_blank">
                                <i class="fab fa-linkedin-in"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    @if ($evenements->count() > 0)
    <section class="section-gray">
        <div class="container">
            <div class="section-title-wrap">
                <h2 class="title">{{ __('messages.post.plus_devenements') }}</h2>
            </div>
            <div class="articles">
                @foreach ($evenements as $event)
                    @include('front/evenement/_event-card')
                @endforeach
            </div>
        </div>
    </section>
    @endif


@endsection