templates/simulateur/newSimulateur.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Simulateur de prix
  4. {% endblock %}
  6. {% block body %}
  8.     <div class="body_interface body_interface_client" id="bloc_simulateur">
  9.         <div class="body_interface_header">
  10.             <div class="grid-container">
  11.                 <div class="bloc_titre">
  12.                     <h1>
  13.                         Simulateur de prix
  14.                     </h1>
  15.                 </div>
  16.                 <div class="bloc_paragraph">
  17.                     <p>
  18.                         Entrez vos informations,<br>
  19.                         le simulateur se charge de calculer au plus juste
  20.                     </p>
  21.                 </div>
  22.             </div>
  23.         </div>
  25.         <div class="body_interface_div">
  26.             <div class="grid-container">
  27.                 <div class="grid-x grid-margin-x">
  28.                     <div class="cell large-8 medium-8 small-12">
  29.                         <div class="bloc_infos">
  30.                             <div class="bloc_infos_body" id="bloc_livraison">
  31.                                 <h2 class="accordeon infos_livraison" data-panel="livraison">
  32.                                     Informations sur la livraison
  33.                                 </h2>
  34.                                 <div
  35.                                     class="panel show mt-30" id="panel-livraison">
  36.                                     {# Select zone / pays #}
  37.                                     <select name="country" id="country">
  38.                                         <option value="" disabled="disabled" selected="selected">Pays de destination</option>
  39.                                         {% for zone in zones %}
  40.                                             <optgroup label="{{ zone.nom }}">
  41.                                                 {% for pays in zone.pays %}
  42.                                                     <option value="{{ pays.id }}">{{ pays.nom }}</option>
  43.                                                 {% endfor %}
  44.                                             </optgroup>
  45.                                         {% endfor %}
  46.                                     </select>
  48.                                     <div class="grid-x grid-margin-x add_valeur">
  49.                                         <div class="cell small-12">
  50.                                             <label for="description" class="ps-20">Valeur totale (en € TTC)</label>
  51.                                             <input type="number" id="valeur" name="valeur" step="0.01" placeholder="300.14">
  52.                                         </div>
  53.                                     </div>
  55.                                     <div class="recapBouteilles">
  56.                                         <div class="grid-x grid-margin-x">
  57.                                             <div class="cell large-4 small-6 ps-20">
  58.                                                 <i>Volume</i>
  59.                                             </div>
  60.                                             <div class="cell large-4 small-6 ps-20">
  61.                                                 <i>Nb de bouteilles</i>
  62.                                             </div>
  63.                                             <div class="cell auto"></div>
  64.                                         </div>
  65.                                     </div>
  67.                                     <div class="addBouteilles">
  68.                                         <div class="grid-x grid-margin-x">
  69.                                             <div class="cell large-4 small-12">
  70.                                                 <label for="volume" class="ps-20">Volume</label>
  71.                                                 <select name="volume" id="volume">
  72.                                                     <option value="0.75">0.75L</option>
  73.                                                     <option value="0.5">0.5L</option>
  74.                                                     <option value="1.5">1.5L</option>
  75.                                                     {# <option value="3">3L</option> #}
  76.                                                 </select>
  77.                                             </div>
  78.                                             <div class="cell large-4 small-12">
  79.                                                 <label for="quantity" class="ps-20">Nb de bouteilles</label>
  80.                                                 <input type="number" id="quantity" name="quantity" min="1" step="1" value="1">
  81.                                             </div>
  82.                                             <div class="cell auto">
  83.                                                 <label for="addProduct" class="ps-20">&nbsp;</label>
  84.                                                 <button id="addProduct" class="bouton_rouge">Ajouter</button>
  85.                                             </div>
  86.                                         </div>
  87.                                         <div class="notes">
  88.                                             Veuillez noter que le prix mentionné correspond à des bouteilles de 1,5 kg
  89.                                         </div>
  90.                                     </div>
  91.                                 </div>
  92.                             </div>
  93.                         </div>
  94.                         <div class="bloc_show_simulateur"></div>
  95.                     </div>
  96.                     <div class="cell large-4 medium-4 small-12">
  97.                         <div style="position: sticky;top: 50px;">
  98.                             <p id="simuler_new_prix" class="text-center" style="display:none;">
  99.                                 <a href="/simulateur" class="new_prix">Simuler un nouveau prix</a>
  100.                             </p>
  101.                             <div id="affichage_complet_simulateur"></div>
  102.                             <p id="consulter_offres" class="text-center" style="display:none;">
  103.                                 <a href="{{ path('app_offre') }}" target="_blank" class="new_prix" style="text-decoration:none;" id="lien_offre">
  104.                                     Consulter l'offre complète
  105.                                     <br>
  106.                                     pour visualiser les restrictions et informations.
  107.                                 </a>
  108.                             </p>
  109.                         </div>
  110.                     </div>
  111.                 </div>
  112.             </div>
  113.         </div>
  114.     </div>
  116.     <script src="{{ asset('js/simulateur.js') }}"></script>
  118. {% endblock %}