templates/home_interest/_form.html.twig line 1

Open in your IDE?
  1. <div class="container justify-content-center align-items-center d-flex ">
  2.     {{ form_start(form) }}
  4.     <div class="border px-3 py-3 w-100 my-5 justify-content-center align-items-center ">
  5.         <div class="form-group">
  6.             <label>J'ai déjà obtenu un crédit auprès d'une banque?</label>
  7.             <div>
  8.                 <div class="form-check form-check-inline">
  9.                     {{ form_widget(form.financing[0], {'attr': {'class': 'form-check-input'}}) }}
  10.                     <label class="form-check-label" for="{{ form.financing[0].vars.id }}">
  11.                         Oui
  12.                     </label>
  13.                 </div>
  14.                 <div class="form-check form-check-inline">
  15.                     {{ form_widget(form.financing[1], {'attr': {'class': 'form-check-input'}}) }}
  16.                     <label class="form-check-label" for="{{ form.financing[1].vars.id }}">
  17.                         Non
  18.                     </label>
  19.                 </div>
  20.             </div>
  21.         </div>
  22.         <div class="form-group">
  23.             <label>J'ai un apport personnel?</label>
  24.             <div class="mb-3">
  25.                 <div class="form-check form-check-inline">
  26.                     {{ form_widget(form.financialContribution[0], {'attr': {'class': 'form-check-input', 'id': form.financialContribution[0].vars.id}}) }}
  27.                     <label class="form-check-label" for="{{ form.financialContribution[0].vars.id }}">
  28.                         Oui
  29.                     </label>
  30.                 </div>
  31.                 <div class="form-check form-check-inline">
  32.                     {{ form_widget(form.financialContribution[1], {'attr': {'class': 'form-check-input', 'id': form.financialContribution[1].vars.id}}) }}
  33.                     <label class="form-check-label" for="{{ form.financialContribution[1].vars.id }}">
  34.                         Non
  35.                     </label>
  36.                 </div>
  37.             </div>
  38.         </div>
  39.         <div class="form-group" id="price-contribution-group" style="display: none;">
  40.             <label for="price-contribution">Quel est la valeur de votre apport?</label>
  41.             <div class="mb-3">
  42.                 {{ form_row(form.priceContribution, {'attr': {'id': 'price-contribution'}}) }}
  43.             </div>
  44.         </div>
  45.         <button class="btn btn-danger">{{ button_label|default('Soumettre') }}</button>
  46.     </div>
  48.     {{ form_end(form) }}
  49. </div>
  51. <script>
  52. document.addEventListener('DOMContentLoaded', function () {
  53.     const financialContributionYes = document.querySelector('#{{ form.financialContribution[0].vars.id }}');
  54.     const financialContributionNo = document.querySelector('#{{ form.financialContribution[1].vars.id }}');
  55.     const priceContributionGroup = document.getElementById('price-contribution-group');
  57.     function togglePriceContribution() {
  58.         if (financialContributionYes.checked) {
  59.             priceContributionGroup.style.display = 'block';
  60.         } else {
  61.             priceContributionGroup.style.display = 'none';
  62.         }
  63.     }
  65.     if (financialContributionYes) {
  66.         financialContributionYes.addEventListener('change', togglePriceContribution);
  67.         financialContributionNo.addEventListener('change', togglePriceContribution);
  69.         // Initial check on page load
  70.         togglePriceContribution();
  71.     }
  72. });
  73. </script>