templates/home/user_new.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}New Service{% endblock %}
  5. {% block body %}
  6.     <h2 class="text-center">Devenir prestataire sur DirectDiag.fr</h2>
  7.     {{ form_start(form) }}
  8.     {{ form_row(form.nom) }}
  9.     {{ form_row(form.email) }}
  10.     {{ form_row(form.phone) }}
  11.     {{ form_row(form.raison) }}
  13.     <h3>Types de diagnostiques exercés:</h3>
  14.     <div id="services-checkboxes">
  15.             {% for choice in form.selectedServices %}
  16.                 <div>
  17.                     {{ form_widget(choice) }}
  18.                     {# <label>{{ choice.vars.label }}</label> #}
  19.                 </div>
  20.             {% endfor %}
  21.         </div>
  22.     {# <div class="services-list">
  23.         {% for serviceForm in form.services %}
  24.             <div class="service-item">
  25.                 {{ form_row(serviceForm.prix1, { label: serviceForm.vars.data.nom }) }}
  26.             </div>
  27.         {% endfor %}
  28.     </div> #}
  29.     <hr>
  30.     <div class="services-list">
  31.     {% for serviceForm in form.services %}
  32.         <div class="service-item mb-3">
  33.             {# Affiche le label personnalisé #}
  34.             <h6>{{ serviceForm.vars.data.nom }}</h6>
  35.             {% if serviceForm.vars.data.nom == "Pack vente"  %}
  36.               <p class="text-muted">Le pack vente contient les diagnostiques : <b> Plomb, Amiante, DPE, Électricité, Gaz, ERP, Termites, Loi Carrez</b></p>
  37.             {% elseif serviceForm.vars.data.nom == "Pack location"  %}
  38.               <p class="text-muted">Le pack vente contient les diagnostiques : <b> Plomb, DPE, Électricité, Gaz, ERP, Amiante</b></p>
  39.             {% endif %}
  40.             {# Champ du prix #}
  41.             <div class="text-center">
  42.             <span class="prix">
  43.             Prix pour Petit (<60m²) <br>
  44.             {{ form_widget(serviceForm.prix1, {'attr': {'class': ''}}) }}
  45.             </span>
  46.             <span class="prix">
  47.             Prix pour Moyen (60-120m²)
  48.             {{ form_widget(serviceForm.prix2, {'attr': {'class': ''}}) }}
  49.             </span>
  50.             <span class="prix">
  51.             Prix pour Grand (>120m²)
  52.             {{ form_widget(serviceForm.prix3, {'attr': {'class': ''}}) }}
  53.             </span>
  54.             </div>
  55.         </div>
  56.     {% endfor %}
  57. </div>
  59.     <button type="submit" class="btn btn-primary w-100">Enregistrer</button>
  60.  {{ form_end(form) }}
  62. {#
  63.   {{ form_start(form) }}
  64.     {{ form_widget(form) }}
  65.     <button class="btn">{{ button_label|default('Save') }}</button>
  66. {{ form_end(form) }} #}
  69.     <script>
  70. document.addEventListener('DOMContentLoaded', function() {
  71.     // Récupérer toutes les checkboxes
  72.     const checkboxes = document.querySelectorAll('#services-checkboxes input[type="checkbox"]');
  73.     const serviceItems = document.querySelectorAll('.services-list .service-item');
  75.     // Masquer tous les services au départ
  76.     serviceItems.forEach(item => item.style.display = 'none');
  78.     // Fonction pour mettre à jour l'affichage
  79.     function updateServices() {
  80.         checkboxes.forEach((cb, index) => {
  81.             const item = serviceItems[index];
  82.             if (item) {
  83.                 item.style.display = cb.checked ? 'block' : 'none';
  84.             }
  85.         });
  86.     }
  88.     // Ajouter un listener sur chaque checkbox
  89.     checkboxes.forEach(cb => {
  90.         cb.addEventListener('change', updateServices);
  91.     });
  93.     // Initialiser au chargement
  94.     updateServices();
  95. });
  96. </script>
  98. {% endblock %}