templates/formations/add_demande_formation.html.twig line 1

Open in your IDE?
  1. {% extends 'register_admin.html.twig' %}
  2. {% block title %}{{ "L'OFFICE DE L'ELEVAGE ET DES PATURAGES"|trans }}{% endblock %}
  5. {% block body %}
  6. <form method="post" action="{{ path('demande_formation_add') }}" enctype="multipart/form-data" >
  7.     <h1 class="text-center mb-4 text-uppercase font-weight-bold text-primary">{{ "Demande de Formation"|trans }}</h1>
  9.     <div class="alert-box mt-3">
  10.         {% for type, messages in {'failure_insert': "Veuillez cocher le recaptcha"|trans, 'failure_insert_pdf': "Le fichier doit être un PDF."|trans} %}
  11.             {% for message in app.flashes(type) %}
  12.                 {% if message == true %}
  13.                     <div class="alert alert-danger" role="alert">
  14.                         <div class="alert-body">{{ messages }}</div>
  15.                     </div>
  16.                 {% endif %}
  17.             {% endfor %}
  18.         {% endfor %}
  19.     </div>
  21.     <div class="row align-items-center mb-4">
  22.         <div class="col-md-3 text-md-right text-left">
  23.             <label class="font-weight-bold">{{ "Formation en"|trans }} :<span class="text-danger">*</span></label>
  24.         </div>
  25.         <div class="col-md-9 d-flex">
  26.             <div class="custom-control custom-radio mr-4">
  27.                 <input type="radio" id="customRadio1" name="demande_formation[typeFormation]" value="Insémination Artificielle Bovine" class="custom-control-input" required>
  28.                 <label class="custom-control-label" for="customRadio1">{{ "Insémination Artificielle"|trans }}</label>
  29.             </div>
  30.             <div class="custom-control custom-radio">
  31.                 <input type="radio" id="customRadio2" name="demande_formation[typeFormation]" value="Apiculture" class="custom-control-input">
  32.                 <label class="custom-control-label" for="customRadio2">{{ "Apiculture"|trans }}</label>
  33.             </div>
  34.         </div>
  35.     </div>
  37.     <div class="row mb-2">
  38.         <div class="col-md-6">
  39.             <div class="form-group">
  40.                 <label class="font-weight-bold">{{ 'user.nom-prenom-fr'|trans }} :<span class="text-danger">*</span></label>
  41.                 {{ form_widget(form.nprElvLt, { 'attr': {'class': 'form-control form-control-lg'} }) }}
  42.             </div>
  43.         </div>
  44.         <div class="col-md-6">
  45.             <div class="form-group">
  46.                 <label class="font-weight-bold">{{ 'user.nom-prenom-ar'|trans }} :<span class="text-danger">*</span></label>
  47.                 {{ form_widget(form.nprElvLi, { 'attr': {'class': 'form-control form-control-lg'} }) }}
  48.             </div>
  49.         </div>
  50.     </div>
  52.     <div class="row mb-2">
  53.         <div class="col-md-6">
  54.             <div class="form-group">
  55.                 <label class="font-weight-bold">{{ "E-mail"|trans }} :<span class="text-danger">*</span></label>
  56.                 {{ form_widget(form.email, { 'attr': {'class': 'form-control form-control-lg'} }) }}
  57.             </div>
  58.         </div>
  59.         <div class="col-md-6">
  60.             <div class="form-group">
  61.                 <label class="font-weight-bold">{{ "N° Carte d'Identité Nationale"|trans }} :<span class="text-danger">*</span></label>
  62.                 {{ form_widget(form.cin, { 'attr': {'class': 'form-control form-control-lg'} }) }}
  63.             </div>
  64.         </div>
  65.     </div>
  67.     <div class="row mb-2">
  68.         <div class="col-md-6">
  69.             <div class="form-group">
  70.                 <label class="font-weight-bold">{{ "Niveau d'Education"|trans }} :<span class="text-danger">*</span></label>
  71.                 {{ form_widget(form.niveauEducation, { 'attr': {'class': 'form-control form-control-lg'} }) }}
  72.             </div>
  73.         </div>
  74.         <div class="col-md-6">
  75.             <div class="form-group">
  76.                 <label class="font-weight-bold">{{ "Numéro de Telephone"|trans }} :<span class="text-danger">*</span></label>
  77.                 {{ form_widget(form.numTel, { 'attr': {'class': 'form-control form-control-lg'} }) }}
  78.             </div>
  79.         </div>
  80.     </div>
  82.     <div class="row mb-2">
  83.         <div class="col-md-6">
  84.             <div class="form-group">
  85.                 <label class="font-weight-bold">{{ "Adresse"|trans }} :<span class="text-danger">*</span></label>
  86.                 {{ form_widget(form.adresse, { 'attr': {'class': 'form-control form-control-lg'} }) }}
  87.             </div>
  88.         </div>
  89.         <div class="col-md-6">
  90.             <div class="form-group">
  91.                 <label class="font-weight-bold">{{ "Gouvernorats"|trans }} :<span class="text-danger">*</span></label>
  92.                 {{ form_widget(form.gouvernorat, { 'attr': {'class': 'form-control form-control-lg'} }) }}
  93.             </div>
  94.         </div>
  95.     </div>
  96.     <div class="row mb-2">
  97.         <div class="col-md-12">
  98.             <div class="form-group">
  99.                 <label class="font-weight-bold">
  100.                     {{ "Charger Diplôme"|trans }} <span class="text-danger">*</span>
  101.                 </label>
  102.                 <div class="file-upload-wrapper" style="position: relative;">
  103.                     <input type="file" name="demande_formation[docDiplomes]" class="form-control file-upload-input" accept=".pdf" style="border: 2px solid #ced4da; padding: 10px; border-radius: 8px; cursor: pointer;" required>
  104.                 </div>
  105.             </div>
  106.         </div>
  107.     </div>
  111.     <div class="row mb-2">
  112.         <div class="col-12 text-center">
  113.             <div  class="form-group mt-2" style="">
  114.                 {{ form_row(form.recaptcha) }}
  115.                 {{ form_errors(form.recaptcha) }}
  116.             </div>
  117.         </div>
  118.     </div>
  120.     {{ form_widget(form._token) }}
  122.     <div class="form-group text-center mt-4">
  123.         <button class="btn btn-primary btn-lg w-50 btn-rounded text-uppercase">{{ "S'inscrire"|trans }}</button>
  124.     </div>
  126.     <div class="form-group text-center mt-2">
  127.         <a href="{{ path('login') }}" class="text-info">{{ "Vous avez un compte?"|trans }} <strong>{{ "S'authentifier"|trans }}</strong></a>
  128.     </div>
  129. </form>
  130. {% endblock %}
  133. {% block javascripts %}
  134.     <script type="text/javascript">
  135.     $(function() {
  136.         $(".preloader ").fadeOut();
  137.     });
  138.     $("form").submit(function(event) {
  140.      var recaptcha = $("#g-recaptcha-response").val();
  141.      if (recaptcha === "") {
  142.       event.preventDefault();
  144.   }
  145. });
  146.     function changeType(val){
  147.         var type = val.value;
  148.         if(type=="P"){
  149.             $('#cin').show();
  150.             $('#matricule').hide();
  151.         }else{
  152.             $('#cin').hide();
  153.             $('#matricule').show();
  154.         }
  156.     }
  157.     function getDelegation(sel)
  158.     {
  159.         var name= 'agent[delegation]';
  160.         var nameImada= 'agent[imada]';
  161.         var formURL = "{{ path('get_delegation_ajax') }}";
  162.         var id_gouvernorat = sel.value;
  164.         $.ajax({
  165.             url: formURL,
  166.             data: {'id': id_gouvernorat},
  167.             dataType: "json",
  168.             type: 'post',
  169.             success: function (data, textStatus, jqXHR) {
  170.                 $('select[name="'+name+'"]').empty();
  171.                 $('select[name="'+name+'"]').append(
  172.                     "<option value=" + ">" + "-----" + "</option>"
  173.                     );
  174.                 $('select[name="'+nameImada+'"]').empty();
  175.                 $('select[name="'+nameImada+'"]').append(
  176.                     "<option value=" + ">" + "-----" + "</option>"
  177.                     );
  178.                 i = 0;
  179.                 $.each(data, function (index, delegation) {
  180.                     if (delegation != null ) {
  182.                         $('select[name="'+name+'"]').append(
  183.                             delegation.nom
  184.                             + "<option value=" + delegation.id + ">" + delegation.nom + "</option>"
  185.                             )
  186.                     } 
  187.                     i++;
  188.                 }
  189.                 );
  190.             },
  191.             error: function (jqXHR, textStatus, errorThrown) {
  192.                 console.log('nom: ' + errorThrown);
  193.                 console.log('Not Ok: ' + jqXHR);
  194.             }
  195.         });
  196.         console.log("Handler for .change() called." + name);
  197.     }
  200.     function getImada(sel)
  201.     {
  202.         var name= 'agent[imada]';
  203.         var formURL = "{{ path('get_imada_ajax') }}";
  204.         var id_gouvernorat = sel.value;
  206.         $.ajax({
  207.             url: formURL,
  208.             data: {'id': id_gouvernorat},
  209.             dataType: "json",
  210.             type: 'post',
  211.             success: function (data, textStatus, jqXHR) {
  212.                 $('select[name="'+name+'"]').empty();
  215.                 $('select[name="'+name+'"]').append(
  216.                     "<option value=" + ">" + "-----" + "</option>"
  217.                     );
  218.                 i = 0;
  219.                 $.each(data, function (index, delegation) {
  220.                     if (delegation != null ) {
  222.                         $('select[name="'+name+'"]').append(
  223.                             delegation.nom
  224.                             + "<option value=" + delegation.id + ">" + delegation.nom + "</option>"
  225.                             )
  226.                     } 
  227.                     i++;
  228.                 }
  229.                 );
  230.             },
  231.             error: function (jqXHR, textStatus, errorThrown) {
  232.                 console.log('nom: ' + errorThrown);
  233.                 console.log('Not Ok: ' + jqXHR);
  234.             }
  235.         });
  236.         console.log("Handler for .change() called." + name);
  237.     }
  239.     </script>
  240.     {% endblock %}