{% extends 'base.html.twig' %}
{% block title %}Désabonnement effectué — Bubul{% endblock %}
{% block show_sidebar %}false{% endblock %}
{% block meta_robots %}noindex, nofollow{% endblock %}

{% block body %}
<div class="min-h-screen flex items-center justify-center px-4 py-12" style="background: linear-gradient(135deg, #f0f7ff 0%, #e8f4fd 50%, #f5f0ff 100%);">
    <div class="w-full max-w-md">

        {# Logo #}
        <div class="flex justify-center mb-8">
            <a href="{{ path('app_landing') }}" class="inline-flex">
                {% include '_atoms/logo/logo-with-text.html.twig' with {
                    showIcon:  true,
                    showBadge: false,
                    size:      'lg'
                } only %}
            </a>
        </div>

        {% include '_molecules/feedback-card/feedback-card.html.twig' with {
            variant:        'success',
            title:          'Désabonnement effectué',
            tag:            typeLabel,
            description:    'Vous ne recevrez plus ces notifications. Vous pouvez les réactiver à tout moment dans vos paramètres.',
            primaryLabel:   'Gérer mes notifications',
            primaryHref:    path('app_settings_notifications'),
            secondaryLabel: 'Retour à l\'accueil',
            secondaryHref:  path('app_landing')
        } only %}

    </div>
</div>
{% endblock %}