@extends('layouts.app')
@section('content')
    <div
        class="relative h-screen w-full bg-cover bg-center text-white"
        style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('{{ $post->thumbnail }}');"
    >
        <div class="flex items-center justify-center h-full text-center p-4">
            <div>
                <h1 class="text-4xl font-semibold mb-2">{{ $post->title }}</h1>
            </div>
        </div>
    </div>

    <section class="section">
        <div class="container">
            <span>Publié le {{ $publishedDate }} @if($publishedDate !== $editedDate)
                    (dernière modification le {{ $editedDate }})
                @endif
        </span>
            <div class="block">
                <p class="content">
                <div id="rich-text" class="prose">
                    {!! Purify::clean($post->content) !!}
                </div>
                </p>
            </div>
        </div>
    </section>
@endsection