templates/accueilEntreprise.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 class="evenementH1">Engagez un DJ de confiance pour votre evenement corporate au meilleur prix</h1>
  7.     <h3 class="evenementH3">Pour quel type d'événement avez-vous besoin d'un dj ?</h3>
  8.      
  9.     <div class="input-field">
  10.     {{ form_widget(form.type) }}
  11.     </div>
  12.     <button name="button" class="btn-postal" onclick="popup()">Valider</button>
  13. {% endblock %}
  14. {% block popup %}
  15.     <div class="popup" style="display:block" >
  16.         <img class="cancel"
  17.              src="{{ asset('img/cancel.svg') }}"
  18.              alt="Quitter"
  19.              onclick="cancel()">
  20.         <h4 class="popup-h4">Nous allons vous poser quelques questions et vous allez recevoir instantanément votre devis à la fin du questionnaire.</h4>
  21.         <button name="button-popup" class="btn-popup" onclick="suivant()">Suivant</button>
  22.     </div>
  23.     <div class="popup_cancel_base" style="display:none">
  24.         <div class="popup_cancel">
  25.             <img class="cancel"
  26.              src="{{ asset('img/cancel2.svg') }}"
  27.              alt="Quitter"
  28.              onclick="poursuivre()">
  29.             <div class="text_cancel">N'arrêtez pas maintenant. Vous avez complété 12% de votre demande</div>
  30.             <div class="poursuivre" onclick="poursuivre()">Poursuivre le formulaire</div>
  31.             <div class="annuler" onclick="reload()">Annuler le formulaire</div>
  32.         </div>
  33.     </div>
  34. {% endblock %}
  35. {% block formulaire %}
  36.     <img class="cancel"
  37.              src="{{ asset('img/cancel2.svg') }}"
  38.              alt="Quitter"
  39.              onclick="cancel()">
  40.     <div class="progress">
  41.         <div class="progress-bar" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100" style="width:10%">
  42.             <span class="sr-only">10%</span>
  43.         </div>
  44.     </div>
  45.     <div class="form_tour">
  46.         <div class="form_calendrier">
  47.             {{ form_widget(form.date, {'attr': {'style': 'display:none'}}) }}
  48.             <h2>Quelle est la date de votre événement ?</h2>
  49.             <div id="calendrier" class="calendrier" style="display:block"></div>
  50.             <div class="buttonFlex">
  51.                 <button name="button-nom" class="btn-retour" onclick="retour2()">Retour</button>
  52.                 <button name="button-popup" class="btn btn-nom" onclick="suivant2()">Suivant</button>
  53.             </div>
  54.         </div>
  55.         <div class="form_nom_du_lieu" style="display:none">
  56.             {{ form_label(form.nom_du_lieu) }}
  57.             {{ form_widget(form.nom_du_lieu) }}
  58.             {{ form_label(form.adresse_du_lieu) }}
  59.             {{ form_widget(form.adresse_du_lieu) }}
  60.             <div class="buttonFlex">
  61.                 <button name="button-nom" class="btn-retour" onclick="retourNom()">Retour</button>
  62.                 <button name="button-popup" class="btn btn-nom" onclick="suivantNom()">Suivant</button>
  63.             </div>        
  64.         </div>
  65.         <div class="form_evenement" style="display:none">
  66.             {{ form_label(form.heure_debut) }}
  67.             {{ form_widget(form.heure_debut) }}
  68.             {{ form_label(form.nb_personne) }}
  69.             <div class="personne">40 Personnes</div>
  70.             {{ form_widget(form.nb_personne) }}
  71.             {{ form_label(form.nb_partie) }}
  72.             {{ form_widget(form.nb_partie) }}
  73.             {{ form_label(form.format) }}
  74.             {{ form_widget(form.format) }}
  75.             <div class="buttonFlex">
  76.                 <button name="button-nom" class="btn-retour" onclick="retourEvenement()">Retour</button>
  77.                 <button name="button-popup" class="btn btn-nom" onclick="suivantEvenement()">Suivant</button>
  78.             </div>
  79.         </div>
  80.         <div class="form_formule" style="display:none">
  81.             {{ form_label(form.formule) }}
  82.             {{ form_widget(form.formule) }}
  83.             <div class="form_personne" style="display:none">
  84.             {{ form_label(form.nb_personne_formule) }}
  85.             {{ form_widget(form.nb_personne_formule) }}
  86.             </div>
  87.             <div class="form_duree" style="display:none">
  88.             {{ form_label(form.duree_formule) }}
  89.             {{ form_widget(form.duree_formule) }}
  90.             </div>
  91.             <div class="buttonFlex">
  92.                 <button name="button-nom" class="btn-retour" onclick="retourFormule()">Retour</button>
  93.                 <button name="button-popup" class="btn btn-nom" onclick="suivantFormule()">Suivant</button>
  94.             </div>
  95.         </div>
  96.         <div class="form_theme" style="display:none">
  97.             {{ form_label(form.theme) }}
  98.             {{ form_widget(form.theme) }}
  99.             {{ form_label(form.public) }}
  100.             {{ form_widget(form.public) }}
  101.             {{ form_label(form.age) }}
  102.             <div class="ans">18 ans</div>
  103.             {{ form_widget(form.age) }}
  104.             {{ form_label(form.nationalite) }}
  105.             {{ form_widget(form.nationalite) }}
  106.             {{ form_label(form.ambiance) }}
  107.             {{ form_widget(form.ambiance) }}
  108.             {{ form_label(form.ambiance_fin) }}
  109.             {{ form_widget(form.ambiance_fin) }}
  110.             <div class="buttonFlex">
  111.                 <button name="button-nom" class="btn-retour" onclick="retourTheme()">Retour</button>
  112.                 <button name="button-popup" class="btn btn-nom" onclick="suivantTheme()">Suivant</button>
  113.             </div>
  114.         </div>
  115.         <div class="form_dj" style="display:none">
  116.             {{ form_label(form.style_dj) }}
  117.             {{ form_widget(form.style_dj) }}
  118.             {{ form_label(form.vetement_dj) }}
  119.             {{ form_widget(form.vetement_dj) }}
  120.             {{ form_label(form.repas_dj) }}
  121.             {{ form_widget(form.repas_dj) }}
  122.             <div class="buttonFlex">
  123.                 <button name="button-nom" class="btn-retour" onclick="retourDj()">Retour</button>
  124.                 <button name="button-popup" class="btn btn-nom" onclick="suivantDj()">Suivant</button>
  125.             </div>
  126.         </div>
  127.         <div class="form_habillage" style="display:none">
  128.             {{ form_label(form.habillage) }}
  129.             {{ form_widget(form.habillage) }}
  130.             <div class="buttonFlex">
  131.                 <button name="button-nom" class="btn-retour" onclick="retourHabillage()">Retour</button>
  132.                 <button name="button-popup" class="btn btn-nom" onclick="suivantHabillage()">Suivant</button>
  133.             </div>
  134.         </div>
  135.         <div class="form_options" style="display:none">
  136.             {{ form_label(form.options) }}
  137.             <div class="imgFlex">
  138.                 <div class="imgOptions">
  139.                     <img src="{{ asset('img/photo-booth.jpg') }}" alt="photo-booth" width="200px" height="120px">
  140.                     <img src="{{ asset('img/karaoke.jpeg') }}" alt="photo-booth" width="200px" height="120px">
  141.                     <img src="{{ asset('img/Blindtest.jpg') }}" alt="photo-booth" width="200px" height="120px">
  142.                     <img src="{{ asset('img/projecteur.png') }}" alt="photo-booth" width="200px" height="120px">
  143.                 </div>
  144.                 {{ form_widget(form.options) }}
  145.             </div>
  146.             <div class="buttonFlex">
  147.                 <button name="button-nom" class="btn-retour" onclick="retourOptions()">Retour</button>
  148.                 <button name="button-popup" class="btn btn-nom" onclick="suivantOptions()">Suivant</button>
  149.             </div>
  150.         </div>
  151.         <div class="form_fonction" style="display:none">
  152.             <div class="cache" style='display:none'></div>
  153.             {{ form_label(form.fonction) }}
  154.             {{ form_widget(form.fonction) }}
  155.             {{ form_label(form.nom_responsable) }}
  156.             {{ form_widget(form.nom_responsable) }}
  157.             {{ form_label(form.email_chef) }}
  158.             {{ form_widget(form.email_chef) }}
  159.             {{ form_label(form.numero_chef) }}
  160.             {{ form_widget(form.numero_chef) }}
  161.             <p class="phrase">Les informations ci-dessous vont servir a établir votre devis</p>
  162.             {{ form_label(form.nom) }}
  163.             {{ form_widget(form.nom) }}
  164.             {{ form_label(form.numero) }}
  165.             {{ form_widget(form.numero) }}
  166.             {{ form_label(form.adresse) }}
  167.             {{ form_widget(form.adresse) }}
  168.             {{ form_widget(form.go) }}
  169.         </div>
  170.     </div>
  171.     <div class="footer"></div>
  172.     <div class="copyright"></div>
  173. {% endblock %}
  174. {% block fin_form %}
  175.           {{ form_end(form) }}  
  176. {% endblock %}
  177. {% block javascripts %}
  178. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  179.   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  180.   <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/js/bootstrap-select.min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  181. <script src="{{ asset('js/formulaireEntreprise.js') }}" type="text/javascript"></script>
  182. <script src="{{ asset('js/Calendrier.js') }}" type="text/javascript"></script>
  183. {% endblock %}