templates/FrontCommun/EspaceAffilie/Subscribe/subscribe.html.twig line 1

Open in your IDE?
  1. {% extends 'FrontCommun/base.html.twig' %}
  2. {% block stylesheets %}
  3.     {{ parent() }}
  6.     <link href="{{ asset('assets-commun/login/style.css') }}" rel="stylesheet" type="text/css"/>
  7.     <style>
  8.         span.form_errors {
  9.             font-size: 12px;
  10.             color: red;
  11.             text-align: center;
  12.         }
  14.         .not_confirm_password {
  15.             border: 2px solid red !important;
  16.         }
  18.         .confirm_password {
  19.             border: 2px solid green !important;
  20.         }
  22.         .form-horizontal .form-group {
  23.             margin-right: 0;
  24.             margin-left: 0
  25.         }
  26.         .fxt-template-layout33 .fxt-form-content .fxt-inner-wrap {
  27.             max-width: initial !important;
  28.             width: 100%;
  29.         }
  30.         .fxt-template-layout33 .fxt-heading-content:before {
  31.             background-image: url(' {{ domaineBack("DOMAINE_BACK") }}{{'/file_manager/source/login/login.png'}}');
  32.         }
  33.         .fxt-template-layout33 .fxt-form-content .fxt-description {
  34.             text-align: left;
  35.         }
  37.     </style>
  41. {% endblock %}
  45. {% block body %}
  46.     <section class="fxt-template-animation0 fxt-template-layout33">
  47.         <div class="fxt-content-wrap">
  48.           <div class="fxt-heading-content">
  50.             </div>
  51.             <div class="fxt-form-content">
  52.                 <div class="fxt-main-form">
  53.                     <div class="fxt-inner-wrap fxt-opacity fxt-transition-delay-13">
  54.                         <div class="fxt-transformX-R-50 fxt-transition-delay-10">
  55.                             <a href="/" class="fxt-logo"><img src="{{ src_logo }}" alt="Logo"></a>
  56.                         </div>
  57.                         <div class="fxt-transformX-R-50 fxt-transition-delay-10">
  58.                             {% for article in ArticlesElement().desktop %}
  59.                                 {% if article.code=="login" %}
  60.                                     {% for ele in article.elements %}
  61.                                         {{ ele.texte|raw}}
  62.                                     {% endfor %}
  63.                                 {% endif %}
  64.                             {% endfor %}
  65.                         </div>
  66.                         <h2 class="fxt-page-title"> {{ "S'inscrire"|trans}}</h2>
  67.                         <div class=" login-block">
  68.                             {{ form_start(form,{attr:{id:'form-subscribe'}}) }}
  69.                             <div class="row hp-field">
  71.                                 <div class="col-md-4 col-sm-6 col-xs-6">
  72.                                     <div class="form-group">
  73.                                         <label class="control-label">
  74.                                             {{ "Téléphone commercial"|trans }}
  75.                                         </label>
  76.                                         {{ form_widget(form.tel2) }}
  78.                                     </div>
  79.                                 </div>
  80.                                 <div class="col-md-4 col-sm-12 col-xs-12">
  81.                                     <div class="form-group">
  82.                                         <label class="control-label">
  83.                                             {{ "Email commercial"|trans }}
  84.                                         </label>
  85.                                         {{ form_widget(form.emailAgence) }}
  87.                                     </div>
  88.                                 </div>
  90.                                 <div class="col-md-6 col-sm-6 col-xs-6">
  91.                                     <div class="form-group">
  92.                                         <label class="control-label">
  93.                                             {{ "Registre de commerce"|trans }}
  94.                                         </label>
  95.                                         {{ form_widget(form.registre) }}
  97.                                     </div>
  98.                                 </div>
  99.                                 <div class="col-md-6 col-sm-6 col-xs-6">
  100.                                     <div class="form-group">
  101.                                         <label class="control-label">
  102.                                             {{ "Pattente"|trans }}
  103.                                         </label>
  104.                                         {{ form_widget(form.pattente) }}
  105.                                     </div>
  106.                                 </div>
  109.                                 <div class="col-md-12 col-sm-12 col-xs-12">
  110.                                     <div class="form-group">
  111.                                         <label class="control-label">
  112.                                             {{ "Commentaire"|trans }}
  113.                                         </label>
  114.                                         {{ form_widget(form.message) }}
  116.                                     </div>
  117.                                 </div>
  119.                             </div>
  120.                             <div class="row">
  121.                                 <div class="col-md-4 col-sm-6 col-xs-6">
  122.                                     <div class="form-group">
  123.                                         <label class="control-label">
  124.                                             {{ "Nom de la société"|trans }} (*)
  125.                                         </label>
  126.                                         {{ form_widget(form.nomagence) }}
  128.                                     </div>
  129.                                 </div>
  130.                                 <div class="col-md-4 col-sm-6 col-xs-6">
  131.                                     <div class="form-group">
  132.                                         <label class="control-label">
  133.                                             {{ "Nom du contact"|trans }} (*)
  134.                                         </label>
  135.                                         {{ form_widget(form.nomprenom) }}
  136.                                     </div>
  137.                                 </div>
  139.                                 <div class="col-md-4 col-sm-6 col-xs-6">
  140.                                     <div class="form-group">
  141.                                         <label class="control-label">
  142.                                             {{ "Téléphone"|trans }} (*)
  143.                                         </label>
  145.                                         {{ form_widget(form.tel) }}
  146.                                     </div>
  147.                                 </div>
  149.                             </div>
  150.                             <div class="row">
  151.                                 {% set col_md = form.bureau is defined ? 4 : 6 %}
  152.                                 <div class="col-md-{{ col_md }}">
  154.                                     <div class="form-group">
  155.                                         <label class="control-label">{{ "Pays"|trans }} (*)</label>
  156.                                         {{ form_widget(form.pays) }}
  157.                                     </div>
  158.                                 </div>
  159.                                 <div class="col-md-{{ col_md }}">
  160.                                     <div class="form-group">
  161.                                         <label class="control-label">{{ "Ville"|trans }} (*)</label>
  162.                                         {{ form_widget(form.ville) }}
  163.                                     </div>
  164.                                 </div>
  166.                                 {% if form.bureau is defined %}
  167.                                     <div class="col-md-4">
  168.                                         <div class="form-group">
  169.                                             <label class="control-label">{{ "Bureau"|trans }} (*)</label>
  170.                                             {{ form_widget(form.bureau) }}
  171.                                         </div>
  172.                                     </div>
  173.                                 {% endif %}
  175.                                 <div class="col-md-6">
  176.                                     <div class="form-group">
  177.                                         <label class="control-label">
  178.                                             {{ "Adresse"|trans }}
  179.                                         </label>
  180.                                         {{ form_widget(form.adresse) }}
  182.                                     </div>
  183.                                 </div>
  184.                                 <div class="col-md-6">
  185.                                     <div class="form-group">
  186.                                         <label class="control-label">
  187.                                             {{ "Logo"|trans }}
  188.                                         </label>
  189.                                         {{ form_widget(form.file) }}
  191.                                     </div>
  192.                                 </div>
  193.                             </div>
  194.                             <div class="row">
  195.                                 <div class="col-md-6 col-sm-12 col-xs-12">
  196.                                     <div class="form-group">
  197.                                         <label class="control-label">
  198.                                             {{ "Email"|trans }} (*)
  199.                                         </label>
  200.                                         {{ form_widget(form.email) }}
  202.                                     </div>
  203.                                 </div>
  204.                                 <div class="col-md-6 col-sm-6 col-xs-6">
  205.                                     <div class="form-group">
  206.                                         <label class="control-label">
  207.                                             {{ "Login"|trans }} (*)
  208.                                         </label>
  209.                                         {{ form_widget(form.login) }}
  211.                                     </div>
  212.                                 </div>
  213.                                 <div class="col-md-6 col-sm-6 col-xs-6">
  214.                                     <div class="form-group has-feedback">
  215.                                         <label class="control-label">
  216.                                             {{ "Mot de passe"|trans }} (*)
  217.                                         </label>
  218.                                         {{ form_widget(form.password) }}
  219.                                         <span class="glyphicon glyphicon-eye-close form-control-feedback view-password"
  220.                                               onclick="viewPassword($(this))"></span>
  221.                                     </div>
  222.                                 </div>
  223.                                 <div class="col-md-6 col-sm-6 col-xs-6">
  224.                                     <div class="form-group has-feedback">
  225.                                         <label class="control-label">
  226.                                             {{ "Confirmez votre mot de passe"|trans }} (*)
  227.                                         </label>
  228.                                         {{ form_widget(form.confirmpass) }}
  229.                                         <span class="glyphicon glyphicon-eye-close form-control-feedback view-password"
  230.                                               onclick="viewPassword($(this))"></span>
  231.                                     </div>
  232.                                 </div>
  233.                             </div>
  234.                             {% if  configAffichage!= null and configAffichage.GENERALE.RECAPTCHA_FORM is defined and configAffichage.GENERALE.RECAPTCHA_FORM == 'oui' %}
  235.                                 {% if agence is defined and agence.recaptcha is defined and agence.recaptcha != '' %}
  236.                                 <div class="form-group">
  237.                                     <div class="g-recaptcha"
  238.                                          data-sitekey="{{ agence.recaptcha }}"
  239.                                          data-callback="onSubmit"
  240.                                          data-expired-callback="onExpired"
  241.                                          data-action="submit">
  243.                                     </div>
  245.                                 </div>
  246.                                 <br>
  247.                                 {% endif %}
  248.                             {% endif %}
  249.                             <div class="row">
  250.                                 <div class="col-md-6 col-sm-6 col-xs-6">
  251.                                     <button type="submit" class="fxt-btn-fill hideBtn" id="submit-validate"
  252.                                             style="padding: 8px 15px !important;">s'inscrire
  253.                                     </button>
  254.                                 </div>
  255.                                 <div id="flash-message" class="alert alert-danger" style="display:none;">
  256.                                     ⏰ Votre vérification a expiré. Veuillez la recommencer.
  257.                                 </div>
  258.                             </div>
  259.                             {{ form_widget(form.type) }}
  260.                             {{ form_widget(form._token) }}
  261.                             <input type="hidden" name="js_ok" value="0">
  262.                             {{ form_end(form, {'render_rest': false}) }}
  263.                         </div>
  265.                     </div>
  266.                 </div>
  267.             </div>
  268.         </div>
  269.     </section>
  271. {% endblock %}
  273. {% block javascripts %}
  274.     {{ parent() }}
  275.     <script type="text/javascript" src="{{ asset('assets-commun/login/js/imagesloaded.pkgd.min.js') }}"></script>
  276.     <script type="text/javascript" src="{{ asset('assets-commun/login/js/validator.min.js') }}"></script>
  277.     <script type="text/javascript" src="{{ asset('assets-commun/login/js/main.js') }}"></script>
  278. {% endblock %}
  279. {% block jquery %}
  280.     <script>
  281.         document.querySelector('[name=js_ok]').value = "1";
  282.         {% for flashError in app.flashes('verify_email_error') %}
  283.         viewAlert("{{ flashError }}", 'danger');
  284.         {% endfor %}
  286.         function validateGSM(e) {
  287.             e.val(e.val().replace(/[^0-9 ]/g, ''))
  288.         }
  289.         $('#form_tel').change(function () {
  290.             validateGSM($(this))
  291.         })
  292.         $('#form_tel').keyup(function () {
  293.             validateGSM($(this))
  294.         })
  296.         function viewPassword(e) {
  297.             e.toggleClass('glyphicon-eye-close').toggleClass('glyphicon-eye-open').toggle(e.prev().val() !='');
  299.             if (e.prev().attr('type') === "password")
  300.                 e.prev().attr('type', 'text');
  301.             else
  302.                 e.prev().attr('type', 'password');
  303.         }
  305.         $('.view-password').prev().on('input',function(){
  306.             $(this).next().toggle($(this).val() !='')
  307.         })
  308.         $('#bureau').attr('required',true)
  309.     </script>
  310.     {% if  configAffichage!= null and configAffichage.GENERALE.RECAPTCHA_FORM is defined and configAffichage.GENERALE.RECAPTCHA_FORM == 'oui' and agence is defined and agence.recaptcha is defined and agence.recaptcha != '' %}
  311.         <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  312.         <script type="text/javascript">
  313.             const submitButton = document.querySelector('button[type="submit"]');
  314.             submitButton.classList.add("disabled");
  315.             function onSubmit(token) {
  318.                 console.log("reCAPTCHA validé !");
  319.                 document.getElementById("flash-message").style.display = "none";
  320.                 submitButton.classList.remove('disabled');
  321.                 submitButton.disabled = false; // Ensure the button is not disabled
  322.             }
  324.             function onExpired() {
  325.                 document.getElementById("flash-message").style.display = "block";
  328.                 // Désactiver le bouton Submit dans la fonction onExpired
  329.                 submitButton.classList.add("disabled");
  330.                 submitButton.disabled = true;
  331.                 grecaptcha.reset();
  332.             }
  334.             window.onload = function () {
  335.                 var $recaptcha = document.querySelector('#g-recaptcha-response');
  336.                 if ($recaptcha) {
  337.                     $recaptcha.setAttribute("required", "required");
  338.                 }
  339.             };
  340.             $('#form-subscribe').submit(function () {
  341.                 $('[name="g-recaptcha-response"]').remove()
  342.             })
  343.         </script>
  344.     {% endif %}
  345. {% endblock %}