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
        <script>\n
            const data = {\n
            'subject': '{{ app.request.get('commande') ? "commande" : null }}',\n
            'commande': '{{ app.request.get('commande') ?? null }}',\n
        };\n
        </script>\n
        <div class="content" x-data='data'>\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">\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 x-model="subject" 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">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" x-show="subject==='commande'||subject==='litige'">\n
                        <p>\n
                            <label for="tel">Votre numéro de téléphone :</label>\n
                            <input type="tel" id="tel" name="tel" placeholder="06 12 34 56 78" class="w-full px-2 py-1" required\n
                                value="{{ beneficiaire.telephone??null }}">\n
                        </p>\n
                        <p>\n
                            <label for="email">Votre adresse e-mail :</label>\n
                            <input type="email" id="email" name="email" placeholder="votre@adresse-mail.fr" class="w-full px-2 py-1" required\n
                                   value="{{ beneficiaire.email??null }}">\n
                        </p>\n
                    </div>\n
\n
                    <div x-show="subject==='commande'||subject==='litige'">\n
                        <p>\n
                            <label for="commande">Votre numéro de commande :</label>\n
                            <input type="text" id="commande" name="commande" x-model="commande" placeholder="123456789" class="w-full px-2 py-1" required>\n
                        </p>\n
                    </div>\n
\n
                    <div x-show="subject==='commande'||subject==='litige'">\n
                        <p>\n
                            <label for="message">Votre message :</label>\n
                            <textarea id="message" name="message" placeholder="Votre message" class="w-full px-2 py-1" rows="6" required></textarea>\n
                        </p>\n
                    </div>\n
\n
                    <div x-show="subject==='commande'||subject==='litige'">\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 x-show="subject==='sav'">\n
                        <a href="https://sav.applewood.fr" target="_blank"\n
                           class="block w-full bg-flash-color text-white text-center p-4 rounded-lg w-full">\n
                            Aller sur le site du SAV\n
                        </a>\n
                    </div>\n
\n
                </div>\n
\n
            </form>\n
\n
        </div>\n
    </div>\n
\n
{% endset %}\n
"""

2 []