{% extends 'base.html.twig' %}
{% block title %}Demande envoyée — Bubul{% endblock %}
{% block show_sidebar %}false{% endblock %}
{% block meta_robots %}noindex, nofollow{% endblock %}
{% block body %}
{% set samColors = tool_color_details['sam'] ?? {primary: '#7C3AED', secondary: '#6D28D9', bg: '#EDE9FE'} %}
{% embed '_organisms/step-layout/step-layout.html.twig' with {cardClass: 'w-full max-w-md', blobColor: samColors.primary} %}
{% block logo %}
<a href="{{ path('app_landing') }}" class="inline-flex items-center gap-2 sm:gap-3 scale-75 sm:scale-100">
    {% include '_atoms/logo/logo-with-text.html.twig' with {showBadge: false, size: 'lg'} only %}
    <span class="text-gray-300 text-2xl font-light select-none">×</span>
    {% include '_atoms/logo/logo-with-text.html.twig' with {showBadge: false, size: 'lg', variant: 'sam'} only %}
</a>
{% endblock %}
{% block heading %}
<div class="w-full max-w-md text-center mb-6">
    <div class="w-16 h-16 rounded-2xl flex items-center justify-center mx-auto mb-5" style="background: linear-gradient(135deg, {{ samColors.secondary }}, {{ samColors.primary }});">
        {% include '_atoms/icon/icon.html.twig' with {name: 'check', size: 'xl', colorPrimary: '#ffffff', colorSecondary: '#ffffff'} only %}
    </div>
    <h1 class="text-2xl sm:text-3xl font-bold text-gray-800 mb-2 leading-snug">Demande envoyée !</h1>
    <p class="text-sm text-gray-400">Notre équipe vous recontacte dans les plus brefs délais pour construire votre offre sur mesure.</p>
</div>
{% endblock %}
{% block card %}
    <div class="flex items-start gap-3 p-4 bg-white rounded-2xl border border-gray-100 shadow-sm mb-6">
        <div class="w-9 h-9 rounded-xl flex-shrink-0 flex items-center justify-center bg-violet-50">
            {% include '_atoms/icon/icon.html.twig' with {name: 'mail', size: 'sm', colorPrimary: '#7C3AED', colorSecondary: '#7C3AED'} only %}
        </div>
        <div>
            <div class="font-semibold text-gray-900 text-sm mb-0.5">Un email a été envoyé à l'équipe Bubul</div>
            <p class="text-xs text-gray-400 leading-relaxed">Nous avons pris connaissance de votre besoin et reviendrons vers vous directement par mail.</p>
        </div>
    </div>
    {% include '_atoms/button/button.html.twig' with {label: 'Accéder au dashboard', href: path('app_dashboard'), width: 'full', gradientFrom: samColors.secondary, gradientTo: samColors.primary} only %}
{% endblock %}
{% endembed %}
{% endblock %}