templates/components/configurator.html.twig line 1

Open in your IDE?
  1. <div id="item-configurator">
  2.     <div class="with-relative">
  3.         <div class="item-title">
  4.             Commencez votre essai gratuitement
  5.         </div>
  6.     </div>
  7.     <div class="item-title-in">Vous êtes un(e) ...</div>
  8.     <form action="{{ path('signup') }}" method="post" class="formConfigurator">
  9.         <div class="item-list">
  10.             <div class="item-choice active" data-name="Association">
  11.                 <img class="icon" alt="" src="{{ asset('/images/configurator/icon-association.svg') }}" />
  12.                 <span class="item-name">Association</span>
  13.             </div>
  14.             <div class="item-choice" data-name="Salle de sport">
  15.                 <img class="icon" alt="" src="{{ asset('/images/configurator/icon-salle-de-sport.svg') }}" />
  16.                 <span class="item-name">Salle de sport</span>
  17.             </div>
  18.             <div class="item-choice" data-name="Coach">
  19.                 <img class="icon" alt="" src="{{ asset('/images/configurator/icon-coach.svg') }}" />
  20.                 <span class="item-name">Coach</span>
  21.             </div>
  22.             <div class="item-choice" data-name="Hôtel">
  23.                 <img class="icon" alt="" src="{{ asset('/images/configurator/icon-hotel.svg') }}" />
  24.                 <span class="item-name">Hôtel</span>
  25.             </div>
  26.             <div class="item-choice" data-name="Autres">
  27.                 <img class="icon" alt="" src="{{ asset('/images/configurator/icon-other.svg') }}" />
  28.                 <span class="item-name">Autres</span>
  29.             </div>
  30.         </div>
  32.         <div class="item-input">
  33.             <div>
  34.                 <input name="compagnie_name" placeholder="Nom de votre structure" type="text" class="form-control" required="required"/>
  35.             </div>
  36.             <input name="forme_juridique" type="hidden" value="association" />
  37.             <input name="typeLd" type="hidden" value="{{ website_name ~ ' :: home-form' }}" />
  38.             <div class="with-min-width-260 with-relative">
  39.                 <input name="email" class="form-control"  placeholder="E-mail" type="text" required="required"/>
  40.                 <button class="button_theme">
  41.                     Commencer
  42.                 </button>
  43.             </div>
  44.         </div>
  46.         <div class="item-sentence">
  47.             <b>Pas besoin</b> de <b>carte bancaire</b> lors de l’inscription, aucuns frais cachés.
  48.         </div>
  49.     </form>
  51. </div>
  52. {% block javascriptFooter %}
  53. <script>
  54.     $(document).ready(function(){
  55.         $(document).on('click', '#item-configurator .item-choice', function(){
  56.             var data = $(this).data('name');
  57.             $('.item-choice').removeClass('active');
  58.             $(this).addClass('active');
  59.             $('.formConfigurator').find('input[name="forme_juridique"]').val(data);
  60.         });
  61.     });
  62. </script>
  63. {% endblock %}