templates/front/inscription/postulant/inscription.html.twig line 1

Open in your IDE?
  1. {% extends 'resources/theme/base.html.twig' %}
  2. {% block body %}
  3.     <div class="card align-items-center justify-content-center d-flex " id="vueJs">
  4.         <div class="card-body">
  5.             {{ form_start(addPostulantForm, {'attr': {'ref': 'addPostulantForm'}}) }}
  6.             <div class="row">
  7.                 <div class="col-12 col-md-6">
  8.                     <div class="row mb-3">
  9.                         {{ form_label(addPostulantForm.profil) }}
  10.                         <div class="col-lg-9">
  11.                             {{ form_widget(addPostulantForm.profil, {"attr": {"ref": "profil", "data-get-type-formations": path("gestiform_admin_offreformation_type_formation_by_profil", {"id": "id"})}}) }}
  12.                         </div>
  13.                     </div>
  14.                     <div class="row mb-3">
  15.                         {{ form_label(addPostulantForm.typeFormation) }}
  16.                         <div class="col-lg-9">
  17.                             {{ form_widget(addPostulantForm.typeFormation, {"attr": {"ref": "typeFormation", "data-get-type-dispositif": path("gestiform_admin_offreformation_dispositif_by_type_formation_by_profil", {"id": "id", "typeFormation": "typeFormation"})}}) }}
  18.                         </div>
  19.                     </div>
  20.                     <div class="row mb-3">
  21.                         {{ form_label(addPostulantForm.dispositif) }}
  22.                         <div class="col-lg-9">
  23.                             {{ form_widget(addPostulantForm.dispositif, {'attr': {"ref": "dispositif"}}) }}
  24.                         </div>
  25.                     </div>
  26.                     <div class="row mb-3">
  27.                         {{ form_label(addPostulantForm.parcours) }}
  28.                         <div class="col-lg-9">
  29.                             {{ form_widget(addPostulantForm.parcours, {'attr': {"ref": "parcours"}}) }}
  30.                         </div>
  31.                     </div>
  32.                     <div class="row mb-3">
  33.                         {{ form_label(addPostulantForm.emailCandidature) }}
  34.                         <div class="col-lg-9">
  35.                             {{ form_widget(addPostulantForm.emailCandidature) }}
  36.                         </div>
  37.                     </div>
  38.                     <div class="row mb-3">
  39.                         {{ form_label(addPostulantForm.personalInformations.civilite) }}
  40.                         <div class="col-lg-9">
  41.                             {{ form_widget(addPostulantForm.personalInformations.civilite) }}
  42.                         </div>
  43.                     </div>
  44.                     <div class="row mb-3">
  45.                         {{ form_label(addPostulantForm.personalInformations.nom) }}
  46.                         <div class="col-lg-9">
  47.                             {{ form_widget(addPostulantForm.personalInformations.nom) }}
  48.                         </div>
  49.                     </div>
  50.                     <div class="row mb-3">
  51.                         {{ form_label(addPostulantForm.personalInformations.prenom) }}
  52.                         <div class="col-lg-9">
  53.                             {{ form_widget(addPostulantForm.personalInformations.prenom) }}
  54.                         </div>
  55.                     </div>
  56.                     <div class="row mb-3">
  57.                         {{ form_label(addPostulantForm.personalInformations.connuDoranco) }}
  58.                         <div class="col-lg-9">
  59.                             {{ form_widget(addPostulantForm.personalInformations.connuDoranco) }}
  60.                         </div>
  61.                     </div>
  62.                 </div>
  63.                 <div class="col-12 col-md-6">
  64.                     <div class="row">
  65.                         {{ form_label(addPostulantForm.adresse) }}
  66.                         <div class="col-lg-9">
  67.                             <div class="row mb-3">
  68.                                 {{ form_widget(addPostulantForm.adresse.ligne1) }}
  69.                                 {{ form_widget(addPostulantForm.adresse.ligne2) }}
  70.                             </div>
  71.                             <div class="row mb-3">
  72.                                 <div class="col-lg-4">
  73.                                     {{ form_widget(addPostulantForm.adresse.codePostal) }}
  74.                                 </div>
  75.                                 <div class="col-lg-9">
  76.                                     {{ form_widget(addPostulantForm.adresse.ville) }}
  77.                                     {{ form_widget(addPostulantForm.adresse.pays) }}
  78.                                 </div>
  79.                             </div>
  80.                         </div>
  81.                     </div>
  82.                     <div class="row mb-3">
  83.                         {{ form_label(addPostulantForm.personalInformations.dateNaissance) }}
  84.                         <div class="col-lg-9">
  85.                             <div class="input-group">
  86.                     <span class="input-group-text">
  87.                     <i class="ph-calendar"></i>
  88.                     </span>
  89.                                 {{ form_widget(addPostulantForm.personalInformations.dateNaissance) }}
  90.                             </div>
  91.                         </div>
  92.                     </div>
  93.                     <div class="row mb-3">
  94.                         {{ form_label(addPostulantForm.personalInformations.villeNaissance) }}
  95.                         <div class="col-lg-9">
  96.                             {{ form_widget(addPostulantForm.personalInformations.villeNaissance) }}
  97.                         </div>
  98.                     </div>
  99.                     <div class="row mb-3">
  100.                         {{ form_label(addPostulantForm.personalInformations.nationalite) }}
  101.                         <div class="col-lg-9">
  102.                             {{ form_widget(addPostulantForm.personalInformations.nationalite) }}
  103.                         </div>
  104.                     </div>
  105.                     <div class="row mb-3">
  106.                         {{ form_label(addPostulantForm.personalInformations.mobile) }}
  107.                         <div class="col-lg-9">
  108.                             {{ form_widget(addPostulantForm.personalInformations.mobile) }}
  109.                         </div>
  110.                     </div>
  111.                 </div>
  112.             </div>
  113.             <button type="button" @click="handleSubmitPostulant"
  114.                     class="btn btn-success btn-icon d-flex align-items-center ms-1  mb-3 float-end"
  115.                     :disabled="isLoading">
  116.                 <i v-if="isLoading" class="ph-spinner spinner"></i>
  117.                 <i v-else class="ph-duotone ph-floppy-disk"></i>
  118.                 Inscription
  119.             </button>
  120.             {{ form_widget(addPostulantForm._token) }}
  121.             <div style="display: none;">
  122.                 {{ form_rest(addPostulantForm) }}
  123.             </div>
  124.             {{ form_end(addPostulantForm) }}
  125.             <div id="inscriptionConfirmation" style="display: none;">
  126.                 <h5 class="d-flex justify-content-center align-items-center">
  127.                     Un e-mail de confirmation vous a été envoyé <br>
  128.                     Nos services vont étudier votre candidature et reviendront vers vous dans les plus brefs délais
  129.                 </h5>
  130.             </div>
  131.         </div>
  132.     </div>
  133.     <script>
  134.         const vueData = {{ vueData|json_encode|raw }};
  135.     </script>
  136. {% endblock %}
  137. {% block vuejsApp %}
  138.     {{ encore_entry_script_tags('inscription') }}
  139. {% endblock %}