{{--
    Page « Politique de cookies » (/politique-cookies).
    Le contenu est éditable en backoffice (setting `cookie_policy`, HTML riche) et
    rendu PURIFIÉ via clean() (mews/purifier) pour éviter le XSS stocké.
    Un bouton permet de rouvrir le bandeau pour modifier ses préférences.
--}}
@extends('layouts.app')

@section('title', 'Politique de cookies — ' . config('app.name'))
@section('meta_description', 'Politique de cookies de HR Consulting & Co : catégories de cookies utilisées et gestion de votre consentement.')

@section('content')
    <x-page-header
        eyebrow="RGPD"
        title="Politique de cookies"
        subtitle="Comment nous utilisons les cookies et comment gérer votre consentement."
        :breadcrumbs="[['label' => 'Politique de cookies']]"
    />

    <section class="py-20">
        <div class="mx-auto max-w-3xl px-4 sm:px-6 lg:px-8">
            <x-reveal>
                <div class="prose-news">
                    {!! clean(setting('cookie_policy', '<p>Notre politique de cookies sera publiée prochainement.</p>')) !!}
                </div>
            </x-reveal>

            {{-- Rouvre le bandeau de consentement pour modifier ses préférences. --}}
            <x-reveal :delay="100">
                <div class="mt-10 rounded-card border border-line bg-bg p-7 text-center">
                    <p class="text-slate-600">Vous souhaitez revoir ou modifier vos choix ?</p>
                    <button type="button"
                            x-data
                            x-on:click="$dispatch('open-cookie-settings')"
                            class="mt-4 inline-flex items-center justify-center rounded-full bg-cta-green px-7 py-3 font-semibold text-white shadow-soft transition hover:scale-[1.03]">
                        Gérer mes préférences cookies
                    </button>
                </div>
            </x-reveal>
        </div>
    </section>
@endsection