{# templates/landing/contact/index.html.twig #}
{% extends 'base.landing.html.twig' %}

{% block title %}Contact — Bubul{% endblock %}

{% block meta_description %}Contactez l'équipe Bubul pour une démo, du support technique ou discuter d'une offre sur mesure pour votre organisation.{% endblock %}

{% block header_cta_label %}Créer un compte{% endblock %}

{% block landing_content %}

    {# Flash messages #}
    {% for message in app.flashes('success') %}
        <div class="fixed top-6 right-6 z-50 bg-green-50 border border-green-200 text-green-800 rounded-xl px-5 py-4 shadow-lg flex items-center gap-3">
            <svg class="w-5 h-5 text-green-500 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
            </svg>
            {{ message }}
        </div>
    {% endfor %}
    {% for message in app.flashes('error') %}
        <div class="fixed top-6 right-6 z-50 bg-red-50 border border-red-200 text-red-800 rounded-xl px-5 py-4 shadow-lg flex items-center gap-3">
            <svg class="w-5 h-5 text-red-500 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/>
            </svg>
            {{ message }}
        </div>
    {% endfor %}

    {# Organism principal — flex-1 flex-col pour que la section enfant s'étende #}
    <div class="flex-1 flex flex-col">
        {% include '_organisms/landing/contact-form.html.twig' with {
            form: form,
            contactEmail: contactEmail
        } only %}
    </div>

    {% include '_organisms/landing/footer.html.twig' with {
        tagline: 'Des outils IA pensés pour les formateurs — créez, déployez et pilotez vos formations depuis un seul espace.'
    } only %}

{% endblock %}