@extends('layouts.app')
@section('titre', $actualite->titre)
@section('description', Str::limit($actualite->extrait ?? strip_tags($actualite->contenu), 155))

@section('contenu')

<section class="bg-bleu-fonce py-16">
    <div class="max-w-3xl mx-auto px-6 md:px-8">
      
        <a href="{{ route('actualites') }}" class="text-vert text-sm font-bold">← Toutes les actualités</a>
        <div class="text-vert text-sm font-bold uppercase tracking-wide mt-4 mb-3">{{ $actualite->categorie }}</div>
        <h1 class="text-white text-3xl md:text-4xl font-bold">{{ $actualite->titre }}</h1>
        
        @if ($actualite->publie_le)
            <div class="text-white/50 text-sm mt-4">{{ $actualite->publie_le->translatedFormat('d F Y') }}</div>
        @endif
    </div>
</section>



<section class="py-16">
    <div class="max-w-3xl mx-auto px-6 md:px-8">

        @if ($actualite->image)
        <img src="{{ asset('storage/' . $actualite->image) }}" alt="{{ $actualite->titre }}"loading="lazy" class="w-full mb-10 border border-gray-200">
        @endif

        <div class="prose max-w-none text-gray-600 leading-relaxed">
            {!! $actualite->contenu !!}
        </div>

        <a href="{{ route('actualites') }}" class="inline-block mt-10 text-bleu font-bold">← Retour aux actualités</a>
    </div>
</section>

@endsection