@extends('front/layouts.app')

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



@section('title', $emploi->poste)

@section('content')

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

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


@endsection