@extends('front/layouts.app')

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

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

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

@section('content')

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

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


@endsection