@extends('layouts.app')
@section('seo')
    <meta name="description" content="{{$post->meta_description}}">
    <meta name="title" content="{{$post->seo_title}}">
@endsection

@section('pageTitle', $post->title)

@section('menu')
    <x-menu background="bg-white"></x-menu>
@endsection

@section('content')
    <div class="mb-30">
        <div class="relative overflow-hidden lg:h-600 mb-14 text-white">
            <img class="w-full object-contain lg:h-600" src="/storage/{{$post->image}}" alt="{{$post->title}}">
                {{\Diglactic\Breadcrumbs\Breadcrumbs::render('post', $post)}}
        </div>
        <div class="prose lg:prose-lg lg:m-auto mx-5">
            @if($post->category)
{{--            <p class="text-green-light mb-2 uppercase font-semibold">{{$post->category->getTranslatedAttribute('name', app()->getLocale(), 'fr')}}</p>--}}
            @endif
            <h1 class="uppercase mb-16 md:leading-60 text-2xl md:text-5xl font-bold text-green">{{$post->getTranslatedAttribute('title', app()->getLocale(), 'fr')}}</h1>
            {!! $post->getTranslatedAttribute('body', app()->getLocale(), 'fr') !!}
        </div>
    </div>
@endsection