templates/stagiaires/ajouter.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block content %}
  4.     <h5 class="text-uppercase fw-bold">
  5.         <a href="{{ path('stagiaires') }}"><button type="button" class="btn btn-secondary text-uppercase" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Retour"><i class="bi bi-arrow-bar-left"></i> Stagiaires</button></a> 
  6.         <i class="bi bi-caret-right"></i> Ajouter
  7.     </h5>
  9.     <div class="row">
  10.         <div class="col-8 mt-3">
  11.             {{ form_start(formulaire) }}
  12.                 <div class="row">
  13.                     <div class="col-6">{{ form_row(formulaire.agence) }}</div>
  14.                 </div>
  15.                 <div class="row">
  16.                     <div class="col-6">{{ form_row(formulaire.etat) }}</div>
  17.                 </div>
  18.                 <div class="row">
  19.                     <div class="col-6">
  20.                         {{ form_row(formulaire.nom) }}
  21.                     </div>
  22.                     <div class="col-6">{{ form_row(formulaire.prenom) }}</div>
  23.                     <div id="stagiaireVerifDoublonMessage"></div>
  24.                 </div>
  26.                 <div class="row">
  27.                     <div class="col-3">
  28.                         {{ form_label(formulaire.telephone) }}
  29.                         <div class="input-group mb-3">
  30.                             {{ form_widget(formulaire.telephone) }}
  31.                             <span class="input-group-text" id="basic-addon"><i class="bi bi-phone-vibrate"></i></span>
  32.                         </div>
  33.                     </div>
  34.                     <div class="col-3">
  35.                         {{ form_label(formulaire.agrementNum) }}
  36.                         <div class="input-group mb-3">
  37.                             {{ form_widget(formulaire.agrementNum) }}
  38.                             <span class="input-group-text" id="basic-addon"><i class="bi bi-123"></i></span>
  39.                         </div>
  40.                     </div>
  41.                     <div class="col-3">
  42.                         {{ form_label(formulaire.agrementDateFin) }}
  43.                         <div class="input-group mb-3">
  44.                             {{ form_widget(formulaire.agrementDateFin) }}
  45.                         </div>
  46.                     </div>
  47.                     <div class="col-3 align-self-center">
  48.                         <div class="form-check form-switch input-group mb-2">
  49.                             {{ form_widget(formulaire.accueil240h) }}
  50.                         </div>
  51.                     </div>
  52.                 </div>
  54.                 {{ form_label(formulaire.email) }}
  55.                 <div class="input-group mb-3">
  56.                     {{ form_widget(formulaire.email) }}
  57.                     <span class="input-group-text" id="basic-addon">@</span>
  58.                 </div>
  59.                 
  60.                 {{ form_row(formulaire.adresse1) }}
  61.                 {{ form_row(formulaire.adresse2) }}
  63.                 <div class="row">
  64.                     <div class="col-2">
  65.                         {{ form_label(formulaire.codePostal) }}
  66.                         <div class="input-group mb-3">
  67.                             {{ form_widget(formulaire.codePostal) }}
  68.                             <!-- <span class="input-group-text" id="basic-addon"><i class="bi bi-phone-vibrate"></i></span> -->
  69.                         </div>
  70.                     </div>
  71.                     <div class="col-4">
  72.                         {{ form_label(formulaire.ville) }}
  73.                         <div class="input-group mb-3">
  74.                             {{ form_widget(formulaire.ville) }}
  75.                             <span class="input-group-text" id="basic-addon"><i class="bi bi-geo-fill"></i></span>
  76.                         </div>
  77.                     </div>
  78.                 </div>
  80.                 <div class="row">
  81.                     <div class="col-4">
  82.                         {{ form_label(formulaire.diplome1) }}
  83.                         <div class="input-group mb-3">
  84.                             {{ form_widget(formulaire.diplome1) }}
  85.                             <span class="input-group-text" id="basic-addon"><i class="bi bi-briefcase"></i></span>
  86.                         </div>
  87.                     </div>
  88.                     <div class="col-4">
  89.                         {{ form_label(formulaire.diplome2) }}
  90.                         <div class="input-group mb-3">
  91.                             {{ form_widget(formulaire.diplome2) }}
  92.                             <span class="input-group-text" id="basic-addon"><i class="bi bi-briefcase"></i></span>
  93.                         </div>
  94.                     </div>
  95.                     <div class="col-4">
  96.                         {{ form_label(formulaire.diplome3) }}
  97.                         <div class="input-group mb-3">
  98.                             {{ form_widget(formulaire.diplome3) }}
  99.                             <span class="input-group-text" id="basic-addon"><i class="bi bi-briefcase"></i></span>
  100.                         </div>
  101.                     </div>
  102.                 </div>
  103.                     
  104.                 <div class="row mb-3">
  105.                     <div class="col-12">Dispenses :</div>
  106.                 </div>
  107.                 <div class="row form-check form-switch">
  108.                     <div class="col-4">
  109.                         <div class="input-group mb-2">
  110.                             {{ form_widget(formulaire.dispenseDomaine1) }}
  111.                         </div>
  112.                     </div>
  113.                     <div class="col-4">
  114.                         <div class="input-group mb-2">
  115.                             {{ form_widget(formulaire.dispenseDomaine2) }}
  116.                         </div>
  117.                     </div>
  118.                     <div class="col-4">
  119.                         <div class="input-group mb-2">
  120.                             {{ form_widget(formulaire.dispenseDomaine3) }}
  121.                         </div>
  122.                     </div>
  123.                 </div>
  125.             {{ form_end(formulaire) }}
  126.         </div>
  127.         <div class="col-4">
  128.             <h5><i class="bi bi-info-circle"></i> Aide à la saisie</h5>
  129.             <div class="border-start ps-2">
  130.                 Les champs avec un fond anthracite sont obligatoires.
  131.             </div>
  132.         </div>
  133.     </div>
  135.     <script>
  136.         $('#stagiaires_add_form_nom, #stagiaires_add_form_prenom').change(function(){
  137.             // alert('toto');
  138.             valeurStagiaireNom = $('#stagiaires_add_form_nom').val();
  139.             valeurStagiairePrenom = $('#stagiaires_add_form_prenom').val();
  140.             // alert(valeurStagiaireNom+' '+valeurStagiairePrenom);
  141.             $.ajax({
  142.                 method: "POST",
  143.                 url: "{{ path('stagiaires_add_verif_doublon') }}",
  144.                 data: { 
  145.                     stagiaireNom: valeurStagiaireNom,
  146.                     stagiairePrenom: valeurStagiairePrenom
  147.                 }
  148.             })
  149.             .done(function( msg ) {
  150.                 $('#stagiaireVerifDoublonMessage').html(msg);
  151.                 if(msg != '') {
  152.                     $('#stagiaires_add_form_submit').prop("disabled",true);
  153.                 }
  154.                 else {
  155.                     $('#stagiaires_add_form_submit').prop("disabled",false);
  156.                 }
  157.             });
  158.         });
  160.         
  161.     </script>
  163. {% endblock %}