@extends('layouts.app')
@php
    // Chaque page légale a son propre contenu : les sections viennent du contrôleur.
    $liens = [
        'cgu'              => 'Conditions générales',
        'confidentialite'  => 'Confidentialité',
        'cookies'          => 'Cookies',
        'mentions-legales' => 'Mentions légales',
    ];
@endphp

@section('content')
<div class="container">@include('partials.breadcrumb', ['current' => $title])</div>

<section class="section" style="padding-top:0">
    <div class="container container-sm">
        <h1>{{ $title }}</h1>
        <p class="lead" style="margin-top:8px">Dernière mise à jour : {{ $maj }}</p>

        <div class="row-center" style="gap:8px;flex-wrap:wrap;margin:22px 0">
            @foreach($liens as $slug => $label)
                <a href="{{ url('/'.$slug) }}" class="chip {{ $page === $slug ? 'is-active' : '' }}">{{ $label }}</a>
            @endforeach
        </div>

        <div class="prose">
            @foreach($sections as $titre => $paragraphes)
                <h2>{{ $titre }}</h2>
                @foreach((array) $paragraphes as $paragraphe)
                    <p>{!! $paragraphe !!}</p>
                @endforeach
            @endforeach
        </div>

        <div class="notice" style="margin-top:30px">
            <x-icon name="mail"/>
            <div>
                <strong class="strong">Une question sur ce document ?</strong>
                <p style="margin:4px 0 0">
                    Écrivez à <a href="mailto:{{ config('citymag.email') }}" style="color:var(--orange-700);font-weight:600">{{ config('citymag.email') }}</a>
                    ou via le <a href="{{ url('/contact') }}" style="color:var(--orange-700);font-weight:600">formulaire de contact</a>.
                </p>
            </div>
        </div>
    </div>
</section>
@endsection