@php
    $seoHead = $post->seo_head;
    // Détecte si cet article correspond à une ville du Bassin (pour la mini-carte)
    $city = collect(config('bassin.cities'))->first(fn ($c) => rawurldecode($c['url']) === $post->uri);
    $isCitiesIndex = $post->uri === '/les-villes-aux-alentours/';
@endphp
@extends('layouts.app')

@section('content')
    <article class="max-w-4xl mx-auto px-4 py-10">
        <header class="mb-8">
            <h1 class="font-display text-4xl md:text-5xl font-bold text-[var(--color-brand)] mb-3">{{ $post->title }}</h1>
            @if($post->wp_published_at)
                <p class="text-sm text-gray-500">Publié le {{ $post->wp_published_at->translatedFormat('d F Y') }}</p>
            @endif
        </header>

        @if($post->featured_image_path)
            <img src="/{{ ltrim($post->featured_image_path, '/') }}" alt="{{ $post->title }}" class="w-full rounded-2xl mb-8">
        @endif

        {{-- Mini-carte interactive pour une fiche ville --}}
        @if($city)
            @include('partials.city-map', ['city' => $city])
        @endif

        <div class="wp-content">
            {!! $post->content !!}
        </div>

        @if($city)
            <div class="mt-8 text-center">
                <a href="/les-villes-aux-alentours/" class="btn-gold">🏙️ Voir les 20 villes sur la carte</a>
            </div>
        @endif
    </article>

    {{-- Carte complète du Bassin sur la page « Les villes aux alentours » --}}
    @if($isCitiesIndex)
        @include('partials.bassin-map')
    @endif

    <div class="max-w-4xl mx-auto px-4 pb-10">
        <a href="/" class="btn-brand">← Retour à l'accueil</a>
    </div>
@endsection