templates/accueilAnniversaire.html.twig line 1

Open in your IDE?
  1. {% extends "baseForm.html.twig" %}
  2. {% block debut_form %}
  3.     {{ form_start(form) }}
  4. {% endblock %}
  5. {% block code %}
  6.     <h1>Saisissez votre code postal</h1>
  7.     {{ form_widget(form.code_postal, {'attr': {'placeholder': 'Entrez votre code postal', 'style': 'border-radius: 7px;'}}) }}
  8.     <ul class="ul_code_postal" style="display:none;"></ul>
  9.     <button name="button" class="btn-postal" onclick="popup()">Valider</button>
  10. {% endblock %}
  11. {% block popup %}
  12.     <div class="popup" style="display:block" >
  13.         <img class="cancel"
  14.              src="{{ asset('img/cancel.svg') }}"
  15.              alt="Quitter"
  16.              height="12px"
  17.              width="12px"
  18.              onclick="cancel()">
  19.         <h4 class="popup-h4">Nous allons vous poser quelques questions afin de vous présenter Les meilleurs DJs dans votre région pour votre anniversaire.</h4>
  20.         <button name="button-popup" class="btn-popup" onclick="suivant()">Suivant</button>
  21.     </div>
  22.     <div class="popup_cancel_base" style="display:none">
  23.         <div class="popup_cancel">
  24.             <img class="cancel"
  25.              src="{{ asset('img/cancel2.svg') }}"
  26.              alt="Quitter"
  27.              onclick="poursuivre()">
  28.             <div class="text_cancel">N'arrêtez pas maintenant. Vous avez complété 12% de votre demande</div>
  29.             <div class="poursuivre" onclick="poursuivre()">Poursuivre le formulaire</div>
  30.             <div class="annuler" onclick="reload()">Annuler le formulaire</div>
  31.         </div>
  32.     </div>
  33. {% endblock %}
  34. {% block formulaire %}
  35.     <img class="cancel"
  36.              src="{{ asset('img/cancel2.svg') }}"
  37.              alt="Quitter"
  38.              onclick="cancel()">
  39.     <div class="progress">
  40.         <div class="progress-bar" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100" style="width:10%">
  41.             <span class="sr-only">10%</span>
  42.         </div>
  43.     </div>
  44.     <div class="form_tour">
  45.         <div class="form_calendrier">
  46.             {{ form_widget(form.date, {'attr': {'style': 'display:none;'}}) }}
  47.             <h2>Quelle est la date de votre événement ?</h2>
  48.             <div id="calendrier" class="calendrier" style="display:block"></div>
  49.             <div class="buttonFlex">
  50.                 <button name="button-nom" class="btn-retour" onclick="retour2()">Retour</button>
  51.                 <button name="button-popup" class="btn btn-nom" onclick="suivant2()">Suivant</button>
  52.             </div>
  53.         </div>
  54.         <div class="form_nom_lieu" style="display:none">
  55.             {{ form_label(form.nom_du_lieu) }}
  56.             {{ form_widget(form.nom_du_lieu) }}
  57.             <div class="buttonFlex">
  58.                 <button name="button-nom" class="btn-retour" onclick="retour3()">Retour</button>
  59.                 <button name="button-popup" class="btn btn-nom" onclick="suivant3()">Suivant</button>
  60.             </div>
  61.         </div>
  62.         <div class="form_heure" style="display:none">
  63.             {{ form_label(form.heure_de_debut) }}
  64.             {{ form_widget(form.heure_de_debut) }}
  65.             <div class="buttonFlex">
  66.                 <button name="button-nom" class="btn-retour" onclick="retourHeure()">Retour</button>
  67.                 <button name="button-popup" class="btn btn-nom" onclick="suivantHeure()">Suivant</button>
  68.             </div>        
  69.         </div>
  70.         <div class="form_deroulement" style="display:none">
  71.             {{ form_label(form.deroulement) }}
  72.             {{ form_widget(form.deroulement) }}
  73.             <div class="buttonFlex">
  74.                 <button name="button-nom" class="btn-retour" onclick="retour4()">Retour</button>
  75.                 <button name="button-popup" class="btn btn-nom" onclick="suivant4()">Suivant</button>
  76.             </div>
  77.         </div>
  78.         <div class="form_nb_personne" style="display:none">
  79.             {{ form_label(form.nb_personne) }}
  80.             <div class="personne">80 Personnes</div>
  81.             {{ form_widget(form.nb_personne) }}
  82.             <div class="buttonFlex">
  83.                 <button name="button-nom" class="btn-retour" onclick="retour5()">Retour</button>
  84.                 <button name="button-popup" class="btn btn-nom" onclick="suivant5()">Suivant</button>
  85.             </div>
  86.         </div>
  87.         <div class="form_ambiance" style="display:none">
  88.             {{ form_label(form.ambiance) }}
  89.             {{ form_widget(form.ambiance) }}
  90.             <div class="buttonFlex">
  91.                 <button name="button-nom" class="btn-retour" onclick="retour6()">Retour</button>
  92.                 <button name="button-popup" class="btn btn-nom" onclick="suivant6()">Suivant</button>
  93.             </div>
  94.         </div>
  95.         <div class="form_budget" style="display:none">
  96.             {{ form_label(form.budget) }}
  97.             {{ form_widget(form.budget) }}
  98.             {{ form_label(form.champ_libre) }}
  99.             {{ form_widget(form.champ_libre) }}
  100.             <div class="buttonFlex">
  101.                 <button name="button-nom" class="btn-retour" onclick="retour7()">Retour</button>
  102.                 <button name="button-popup" class="btn btn-nom" onclick="suivant7()">Suivant</button>
  103.             </div>
  104.         </div>
  105.         <div class="form_nom" style="display:none">
  106.             {{ form_label(form.prenom) }}
  107.             {{ form_widget(form.prenom) }}
  108.             <div style="display:none">
  109.                 {{ form_label(form.nom) }}
  110.                 {{ form_widget(form.nom) }}
  111.             </div>
  112.             <div class="fake"></div>
  113.             <div class="buttonFlex">
  114.                 <button name="button-nom" class="btn-retour" onclick="retour8()">Retour</button>
  115.                 <button name="button-popup" class="btn btn-nom" onclick="suivant8()">Suivant</button>
  116.             </div>
  117.         </div>
  118.         <div class="form_email" style="display:none">
  119.             {{ form_label(form.email) }}
  120.             {{ form_widget(form.email) }}
  121.             <p class="phrase">Nous ne partageons pas votre Email avec les professionnels</p>
  122.             <div class="buttonFlex">
  123.                 <button name="button-nom" class="btn-retour" onclick="retourEmail()">Retour</button>
  124.                 <button name="button-popup" class="btn btn-nom" onclick="suivantEmail()">Suivant</button>
  125.             </div>
  126.         </div>
  127.         <div class="form_numero" style="display:none">
  128.             <div class="cache" style='display:none'></div>
  129.             {{ form_label(form.numero) }}
  130.             <p>Saisissez votre numéro de téléphone pour valider votre demande</p>
  131.             {{ form_widget(form.numero) }}
  132.             <p class="phrase_num">Nous ne partageons pas votre numéro de téléphone avec les professionnels</p>
  133.             {{ form_widget(form.go) }}
  134.         </div>
  135.     </div>
  136.     <div class="footer"></div>
  137.     <div class="copyright"></div>
  138. {% endblock %}
  139. {% block fin_form %}
  140.           {{ form_end(form) }}  
  141. {% endblock %}
  142. {% block javascripts %}
  143.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  144.     <script src="{{ asset('js/accueilAnniversaire.js') }}" type="text/javascript"></script>
  145.     <script src="{{ asset('js/Calendrier.js') }}" type="text/javascript"></script>
  146. {% endblock %}