@extends('front/layouts.app')

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



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

@section('content')

    <section class="page-title">
        <div class="container">
            <div class="page-title-wrap">
                <h1 class="title">{{ $offre->titre }}</h1>
                <ul>
                    <li><a href="/">Accueil</a></li>
                    <li><i class="fas fa-chevron-right"></i></li>
                    <li><a href="{{ route('offres') }}">Appels d'offre</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="/{{ $offre->image }}" alt="{{ $offre->titre }}">
                    </div>
                    <div class="metas">
                        <span class="meta">{{ __('messages.post.date_publication', ['date' => date('d/m/Y', strtotime($offre->created_at))]) }}</span>
                        @if ($offre->adresse)
                            <span class="meta">{{ __('messages.post.lieu') }} <b class="ms-1">{{ $offre->adresse }}</b></span>
                        @endif
                    </div>
                    <div class="article-content">
                        {!! $offre->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', $offre->slug) }}" target="_blank">
                                <i class="fab fa-facebook-f"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://twitter.com/intent/tweet?url={{ route('evenement', $offre->slug) }}" target="_blank">
                                <i class="fab fa-twitter"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.linkedin.com/shareArticle?url={{ route('evenement', $offre->slug) }}" target="_blank">
                                <i class="fab fa-linkedin-in"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

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


@endsection