templates/registration/register.html.twig line 40

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     <title>{{ translate("créez votre compte sur FUSACQ" ,lang,"","M") | raw }}</title>
  5. {% endblock %}
  7. {% block description %}
  8.     <meta name="description" content="{{ translate("renseignez le formulaire de création de compte sur FUSACQ" ,lang,"","M") | raw }}">
  9. {% endblock %}
  11. {% block robots %}
  12.     <meta name="robots" content="noindex">
  13. {% endblock %}
  15. {% block stylesheets %}
  16.     {{ parent() }}
  17.     <link rel="stylesheet" href="{{ asset('build/css/registration/register.css') }}">
  18. {% endblock %}
  20. {% block body %}
  22.     {% include 'assets/assets_vuejs.html.twig' %}
  23.     {% include 'assets/assets_form_errors.html.twig' %}
  24.     <!-- Menu  -->
  25.     {{ render_esi(controller(
  26.           'App\\Controller\\CoreController::menu',
  27.           {   "lang": lang,
  28.               "currentRoute":currentRoute,
  29.               "codePays": codePaysWithUnderScore }
  30.       )) }}
  31.     <!-- Menu  -->
  33.     <!-- Publicite  -->
  34.     {% include 'includes/publicite.html.twig' %}
  35.     <!-- Publicite  -->
  37.     <div class="container">
  38.         <div class="row">
  39.             <!--COLONNE GAUCHE -->
  40.             {% include 'includes/colonnes_gauche.html.twig' %}
  41.             <!--FIN COLONNE GAUCHE -->
  42.             <!--COLONNE DROITE -->
  43.             <div class="col-12 col-lg-9 bkg_blanc">
  44.                 <!-- ARIANE -->
  45.                 <nav aria-label="breadcrumb" class="d-none d-sm-block">
  46.                     <ol class="breadcrumb">
  47.                         <li class="breadcrumb-item">
  48.                             <a href="{{ path('index',{'codePays':codePays }) }}">  {{ translate("accueil" ,lang,"","M") | raw }}</a>
  49.                         </li>
  50.                         <li class="breadcrumb-item active" aria-current="page"> {{ translate("creation compte" ,lang,"","M") | raw }}</li>
  51.                     </ol>
  52.                 </nav>
  53.                 <!-- FIN ARIANE -->
  57.                 <!-- notification -->
  58.                 {% include 'form/notifications_success_errors.html.twig' %}
  59.                 <!-- notification   -->
  61.                 {% if formValid == false %} 
  62.                     <div class="row">
  63.                         <div class="col-12">
  64.                             <div class="col-12 mt-3 mb-2 ml-3">
  65.                                 <h2 class="gris_666">  {{ translate("creation compte",lang,"" ) |capitalize| raw }}</h2>
  66.                                 {{ translate("pour creer votre compte, veuillez remplir les champs ci-dessous.Les champs suivis de * sont obligatoires.",lang,"","M" ) | raw }}
  67.                             </div>
  68.                         </div>
  69.                     </div>
  74.                     {{ form_start(registrationForm, {'attr': {'novalidate': 'novalidate','class': 'form-horizontal','id':'inscriptionForm','role':'form','name':'inscription_form' }} ) }}
  75.                     <div class="row">
  76.                         <div class="col-12 col-sm-8 offset-sm-2">
  77.                             <instance id="app">
  78.                                 <h4 class="gris_666 my-3">
  79.                                     {{ translate("vous etes",lang,"" ) |capitalize| raw }}*
  80.                                 </h4>
  81.                                 <div class="form-group row">
  82.                                     {{ form_widget(registrationForm.type_utilisateur , {'attr': {'@change': "onChangeTypeUtilisateur"}} ) }}
  83.                                     {{ form_widget(registrationForm.id_type_structure_investisseur ) }}
  84.                                     {{ form_widget(registrationForm.id_type_structure_expert ) }}
  85.                                 </div>
  86.                                 <h4 class="gris_666 mt-5 mb-3">  {{ translate("coordonnees personnelles",lang,"" ) |capitalize| raw }} </h4>
  88.                                 <div class="form-group row">
  89.                                     <label for="civilite" class="col-5 col-sm-5 col-form-label">
  90.                                         {{ translate("civilite",lang,"" ) |capitalize| raw }}*
  91.                                     </label>
  92.                                     <div class="col-7 col-sm-7">
  93.                                         {{ form_widget(registrationForm.civilite ) }}
  94.                                         {{ form_errors(registrationForm.civilite ) }}
  95.                                     </div>
  96.                                 </div>
  97.                                 <div class="form-group row">
  98.                                     <label class="col-sm-5 col-form-label control-label" for="nom_utilisateur">
  99.                                         {{ translate("nom",lang,"" ) |capitalize| raw }}*
  100.                                     </label>
  101.                                     <div class="col-sm-7">
  102.                                         {{ form_widget(registrationForm.nom_utilisateur ) }}
  103.                                         {{ form_errors(registrationForm.nom_utilisateur ) }}
  104.                                     </div>
  105.                                 </div>
  106.                                 <div class="form-group row">
  107.                                     <label class="col-sm-5 col-form-label control-label" for="prenom_utilisateur">
  108.                                         {{ translate("prenom",lang,"" ) |capitalize| raw }}*
  109.                                     </label>
  110.                                     <div class=" col-sm-7">
  111.                                         {{ form_widget(registrationForm.prenom_utilisateur ) }}
  112.                                         {{ form_errors(registrationForm.prenom_utilisateur ) }}
  113.                                     </div>
  114.                                 </div>
  121.                                 <div class="form-group row">
  122.                                     <label class="col-sm-5 col-form-label control-label" for="langue_utilisee">
  123.                                         {{ translate("langue preferee" ,lang,"","M") | raw }}
  124.                                     </label>
  125.                                     <div class=" col-sm-7"  id="langue_utilisee">
  126.                                         {{ form_widget(registrationForm.langue_utilisee) }}
  127.                                         {{ form_errors(registrationForm.langue_utilisee) }}
  128.                                     </div>
  129.                                 </div>
  134.                                 <div class="form-group row">
  135.                                     <label class="col-sm-5 col-form-label" for="id_pays_utilisateur">
  136.                                         {{ translate("pays",lang,"" ) |capitalize| raw }}*
  137.                                     </label>
  138.                                     <div class=" col-sm-7">
  139.                                         {{ form_widget(registrationForm.id_pays_utilisateur ) }}
  140.                                         {{ form_errors(registrationForm.id_pays_utilisateur ) }}
  141.                                     </div>
  142.                                 </div>
  144.                                 <Transition name="slide-fade">
  145.                                     <div id="div-region" class="form-group row" v-if="seen_list_regions" >
  146.                                         <label class="col-sm-5 col-form-label" for="id_region" id="label-region" >
  147.                                             <item v-if=" pays_utilisateur !=  '33' ">{{ translate("region",lang,"" ) |capitalize| raw }}*  </item>
  148.                                             <item v-else >{{ translate("departement",lang,"" ) |capitalize| raw }}*  </item>
  149.                                         </label>
  150.                                         <div class=" col-sm-7">
  151.                                             {{ form_widget(registrationForm.id_region, { 'attr': {'class': 'form-control'} } ) }}
  152.                                             {{ form_errors(registrationForm.id_region) }}
  153.                                         </div>
  154.                                     </div>
  155.                                 </Transition>
  157.                                 <div class="form-group row" id="indicatif">
  158.                                     <label class="col-sm-5 col-form-label" for="telephone_utilisateur ">
  159.                                         {{ translate("telephone",lang,"" ) |capitalize| raw }}*
  160.                                     </label>
  161.                                     <div class=" col-sm-7">
  162.                                         <div class="input-group">
  163.                                             {{ form_widget(registrationForm.indicatif_tel ) }}
  164.                                             {{ form_widget(registrationForm.telephone_utilisateur ) }}
  165.                                         </div>
  166.                                         {{ form_errors(registrationForm.telephone_utilisateur ) }}
  167.                                     </div>
  168.                                 </div>
  169.                                 <h4 class="gris_666 mt-5 mb-3">
  170.                                     {{ translate("votre societe",lang,"" ) |capitalize| raw }}
  171.                                 </h4>
  173.                                 <div class="form-group row">
  174.                                     <label class="col-sm-5 col-form-label control-label" for="factur_nom_societe">
  175.                                         {{ translate("raison sociale",lang,"" ) |capitalize| raw }}
  176.                                     </label>
  177.                                     <div class=" col-sm-7">
  178.                                         {{ form_widget(registrationForm.factur_nom_societe ) }}
  179.                                         {{ form_errors(registrationForm.factur_nom_societe ) }}
  180.                                     </div>
  181.                                 </div>
  184.                                 <Transition name="slide-fade">
  185.                                     <div class="form-group row"   v-if="tva_intra"  v-cloak>
  186.                                         <label class="col-sm-5 col-form-label control-label" for="tva_intracommunautaire">
  187.                                             {{ translate("tva intracommunautaire",lang,"" ) |capitalize| raw }}
  188.                                         </label>
  189.                                         <div class=" col-sm-7">
  190.                                             {{ form_widget(registrationForm.tva_intracommunautaire ) }}
  191.                                             {{ form_errors(registrationForm.tva_intracommunautaire ) }}
  192.                                         </div>
  193.                                     </div>
  194.                                 </Transition>
  196.                                 <Transition name="slide-fade">
  197.                                     <div class="form-group row"  v-if="non_assujetti"  v-cloak>
  198.                                         <label class="col-sm-5 col-form-label control-label" for="non_assujetti_tva">
  199.                                             {{ translate("non assujetti à la tva",lang,"" ) |capitalize| raw }}
  200.                                         </label>
  201.                                         <div class=" col-sm-7">
  202.                                             {{ form_widget(registrationForm.non_assujetti_tva ) }}
  203.                                             {{ form_errors(registrationForm.non_assujetti_tva ) }}
  204.                                         </div>
  205.                                     </div>
  206.                                 </Transition>
  211.                                 <div class="form-group row">
  212.                                     <label class="col-sm-5 col-form-label control-label" for="adresse_utilisateur">
  213.                                         {{ translate("adresse",lang,"" ) |capitalize| raw }}
  214.                                     </label>
  215.                                     <div class=" col-sm-7">
  216.                                         {{ form_widget(registrationForm.adresse_utilisateur ) }}
  217.                                         {{ form_errors(registrationForm.adresse_utilisateur ) }}
  218.                                     </div>
  219.                                 </div>
  220.                                 <div class="form-group row">
  221.                                     <label class="col-sm-5 col-form-label control-label" for="ville_utilisateur">{{ translate("ville",lang,"" ) |capitalize| raw }} </label>
  222.                                     <div class=" col-sm-7">
  223.                                         {{ form_widget(registrationForm.ville_utilisateur ) }}
  224.                                         {{ form_errors(registrationForm.ville_utilisateur ) }}
  225.                                     </div>
  226.                                 </div>
  227.                                 <div class="form-group row">
  228.                                     <label class="col-sm-5 col-form-label control-label" for="code_postal_utilisateur">{{ translate("code postal",lang,"" ) |capitalize| raw }} </label>
  229.                                     <div class=" col-sm-7">
  230.                                         {{ form_widget(registrationForm.code_postal_utilisateur ) }}
  231.                                         {{ form_errors(registrationForm.code_postal_utilisateur ) }}
  232.                                     </div>
  233.                                 </div>
  234.                                 <h4 class="gris_666 mt-5 mb-3">  {{ translate("identifiants de connexion",lang,"" ) |capitalize| raw }} </h4>
  235.                                 <div class="form-group row">
  236.                                     <label class="col-sm-5 col-form-label control-label" for="email_utilisateur">
  237.                                         {{ translate("email",lang,"" ) |capitalize| raw }}*
  238.                                     </label>
  239.                                     <div class=" col-sm-7">
  240.                                         {{ form_widget(registrationForm.email_utilisateur ) }}
  241.                                         {{ form_errors(registrationForm.email_utilisateur ) }}
  242.                                     </div>
  243.                                 </div>
  245.                                 <div class="form-group row">
  246.                                     <label class="col-sm-5 col-form-label" for="password_encrypted_utilisateur">
  247.                                         {{ translate("mot de passe",lang,"" ) |capitalize| raw }}*
  248.                                     </label>
  249.                                     <div class=" col-sm-7">
  250.                                         {{ form_widget(registrationForm.plainPassword.first,{'attr':{"v-model":"pwd_first"}} )  }}
  251.                                         <div  class="invalid_field">${msg_pwd_first}</div>
  252.                                         {{ form_errors(registrationForm.plainPassword.first ) }}
  255.                                     </div>
  256.                                 </div>
  257.                                         
  258.                                 <div class="form-group row">
  259.                                     <label class="col-sm-5 col-form-label" for="password_encrypted_utilisateur">
  260.                                         {{ translate("confirmer mot de passe",lang,"" ) |capitalize| raw }}*
  261.                                     </label>
  262.                                     <div class=" col-sm-7">
  263.                                         {{ form_widget(registrationForm.plainPassword.second,{'attr':{"v-model":"pwd_second"}} )  }}
  264.                                         <div  class="invalid_field" id="second">${msg_pwd_second}</div>
  265.                                         {{ form_errors(registrationForm.plainPassword.second ) }}
  266.                                     </div>
  267.                                 </div>           
  270.                                 <div class="row">
  271.                                     <div class="col-12 mt-5 mb-3">
  272.                                         {{ translate("FUSACQ est maintenant présent à l'international. Quels sont les pays susceptibles de vous intéresser ?",lang,"","M" ) | raw }}
  273.                                     </div>
  274.                                     <div class="col-12">
  275.                                         {{ form_widget(registrationForm.newsletters_internationals ) }}
  276.                                     </div>
  277.                                 </div>
  278.                                 <div class="form-group row">
  279.                                     <label class="col-sm-5 col-form-label" for="provenance_notoriete_fusacq">
  280.                                         {{ translate("comment avez-vous connu FUSACQ ?",lang,"","M" ) | raw }}
  281.                                     </label>
  282.                                     <div class=" col-sm-7">
  283.                                         {{ form_widget(registrationForm.provenance_notoriete_fusacq ) }}
  284.                                     </div>
  285.                                 </div>
  286.                                 <div class="row">
  287.                                     {{ form_widget(registrationForm.agreeTerms ) }}
  288.                                 </div>
  289.                             </instance>
  290.                             <div class="col-12 col-sm-6 offset-sm-4">
  291.                                 <div class="form-group">
  292.                                     {{ form_widget(registrationForm.recaptcha) }}
  293.                                     {{ form_errors(registrationForm.recaptcha) }}
  294.                                 </div>
  295.                             </div>
  296.                             <div class="text-center my-3">
  297.                                 {#  {{ form_widget(registrationForm.btn ) }} #}
  298.                                 <button type="submit" id="registration_form_btn" name="registration_form[btn]" 
  299.                                         class="btn btn-bleu active btn">{{ translate("creer mon compte",lang,"","M") | raw }}</button>
  300.                             </div>
  301.                         </div>
  302.                     </div>
  303.                     {{ form_end(registrationForm, {'render_rest': false}) }}
  304.                     <div class="col-12 my-3">
  305.                         <small>{{ translate("* champs obligatoires",lang,"","M") | raw }}</small>
  306.                     </div>
  308.                 {%  endif %}
  309.             </div><!--FIN COLONNE DROITE -->
  310.         </div> <!--FIN ROW CONTAINER -->
  311.     </div>
  314. {% endblock %}
  316. {% block javascripts %}
  317.     {{ parent() }}
  318.     <script type="module" data-name="{{ codePaysWithUnderScore }}" id="codePaysParam"
  319.     src="{{ asset('build/js/registration/register.js') }}"></script>
  320. {% endblock %}