{% extends 'base_public.html.twig' %}

{% block title %}Contact - Parcours Connect{% endblock %}

{# Forcer explicitement le menu sans fallback via override du block #}
{% block public_header %}
    {% include 'partials/_public_header.html.twig' with { show_empty_menu_fallback: false } only %}
{% endblock %}

{% block content %}
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-8 mx-auto">
                <div class="contact-container">
                    <div class="contact-header">
                        <h2>Contactez-nous</h2>
                        <p class="contact-description">
                            Une question, une suggestion ou besoin d'aide ?
                            N'hésitez pas à nous contacter via ce formulaire.
                        </p>
                    </div>

                    {% for flash_error in app.flashes('error') %}
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            {{ flash_error }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    {% endfor %}

                    {% for flash_success in app.flashes('success') %}
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            {{ flash_success }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    {% endfor %}

                    {{ form_start(form, {'attr': {'class': 'contact-form', 'novalidate': 'novalidate'}}) }}
                    <div class="form-group mb-3">
                        {{ form_label(form.nom) }}
                        {{ form_widget(form.nom) }}
                        {{ form_errors(form.nom) }}
                    </div>

                    <div class="form-group mb-3">
                        {{ form_label(form.email) }}
                        {{ form_widget(form.email) }}
                        {{ form_errors(form.email) }}
                    </div>

                    <div class="form-group mb-3">
                        {{ form_label(form.sujet) }}
                        {{ form_widget(form.sujet) }}
                        {{ form_errors(form.sujet) }}
                    </div>

                    <div class="form-group mb-4">
                        {{ form_label(form.message) }}
                        {{ form_widget(form.message) }}
                        {{ form_errors(form.message) }}
                    </div>

                    {# Champ honeypot caché #}
                    {{ form_widget(form.website) }}

                    <div class="form-submit">
                        {{ form_widget(form.submit) }}
                    </div>
                    {{ form_end(form) }}

                    <div class="contact-info mt-4">
                        <h3>Autres moyens de contact</h3>
                        <div class="contact-details">
                            <div class="contact-item">
                                <strong>Email :</strong>
                                <a href="mailto:contact@parcours-connect.fr">contact@parcours-connect.fr</a>
                            </div>
                            <div class="contact-item">
                                <strong>Délai de réponse :</strong>
                                Nous nous efforçons de répondre sous 48h ouvrées
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}