1 """
{% block title %}Contact{% endblock %}\n
\n
{% extends 'front/type_page/page_simple.html.twig' %}\n
\n
{% set widget_contenu %}\n
\n
    {% set beneficiaire = stimService.beneficiaire %}\n
\n
    <div class="pageContent">\n
\n
        <div class="content">\n
\n
            <h1>Contact</h1>\n
\n
            <p>Quel que soit votre question ou votre problème, n'hésitez pas à utiliser le formulaire suivant pour nous contacter</p>\n
\n
            <form method="post" enctype="multipart/form-data">\n
\n
                <div class="max-w-xl bg-white p-8 mx-auto">\n
\n
                    <p>\n
                        <label for="subject">Sujet de votre demande : </label>\n
                        <select name="subject" id="subject" required class="w-full px-2 py-1">\n
                            <option value="">Sélectionnez un sujet...</option>\n
                            <option value="sav">Demande de SAV</option>\n
                            <option value="commande" {{ app.request.get('commande') ? 'selected' }}>Suivi de commande</option>\n
                            <option value="litige">Litige transporteur</option>\n
                        </select>\n
                    </p>\n
\n
                    <div class="grid grid-cols-2 gap-8">\n
                        <p>\n
                            <label for="tel">Votre numéro de téléphone :</label>\n
                            <input type="tel" id="tel" name="tel"\n
                                   placeholder="06 12 34 56 78"\n
                                   class="w-full px-2 py-1"\n
                                    value="{{ beneficiaire.telephone??null }}"\n
                                   required>\n
                        </p>\n
                        <p>\n
                            <label for="email">Votre adresse e-mail :</label>\n
                            <input type="email" id="email" name="email"\n
                                   placeholder="votre@adresse-mail.fr"\n
                                   class="w-full px-2 py-1"\n
                                   value="{{ beneficiaire.email??null }}"\n
                                   required>\n
                        </p>\n
                    </div>\n
\n
                    <div>\n
                        <p>\n
                            <label for="commande">Votre numéro de commande :</label>\n
                            <input type="text" id="commande" name="commande"\n
                                   placeholder="123456789"\n
                                   class="w-full px-2 py-1"\n
                                   value="{{ app.request.get('commande')??null }}"\n
                                   required>\n
                        </p>\n
                    </div>\n
\n
                    <div>\n
                        <p>\n
                            <label for="message">Votre message :</label>\n
                            <textarea id="message" name="message"\n
                                      placeholder="Votre message"\n
                                      class="w-full px-2 py-1" rows="6"\n
                                      required></textarea>\n
                        </p>\n
                    </div>\n
\n
                    {# Pièce jointe #}\n
                    <div>\n
                        <p>\n
                            <label for="file">Pièce jointe (facultatif) :</label>\n
                            <input type="file" id="file" name="file"\n
                                   accept="image/*, .pdf"\n
                                   class="w-full px-2 py-1">\n
                        </p>\n
                    </div>\n
\n
                    <div>\n
                        <button class="w-full bg-flash-color text-white text-center p-4 rounded-lg">Envoyer mon message</button>\n
                    </div>\n
\n
                </div>\n
\n
            </form>\n
\n
        </div>\n
    </div>\n
\n
{% endset %}\n
"""

2 []