templates/company/draftCommitment.html.twig line 1

Open in your IDE?
  1. {% extends 'partials/base.html.twig' %}
  2. {%  block body %}
  4. <div class="h-100 d-flex bg-light align-items-center justify-content-center pt-2" >
  6.     <div class="container">
  8.     <div class="row mb-3">
  9.         <div class="col-6">
  10.             <h1>Création d'une fiche d'engagement</h1>
  11.         </div>
  12.     </div>
  14.     {% for message in app.flashes('success') %}
  15.         <div class="alert alert-success">
  16.             {{ message }}
  17.         </div>
  18.     {% endfor %}
  19.     {% for message in app.flashes('error') %}
  20.         <div class="alert alert-danger">
  21.             {{ message }}
  22.         </div>
  23.     {% endfor %}
  25.     {{ form_start(form, {'attr': {'id': 'form'}}) }}
  27.     <div class="card pb-2 mt-4 mb-5">
  28.         <h2 class="mb-4">Etudiant <i class="fa-solid fa-user"></i></h2>
  29.         <div class="row">
  30.             <div class="col-md-6">
  31.                 <div class="form-group">
  32.                     <label>Nom  </label>
  33.                     <input class="form-control" type="text" id="lastname" name="lastname">
  34.                     <ul id="users-list"></ul>
  35.                 </div>
  36.                 <div class="form-group">
  37.                     <label>Téléphone  </label>
  38.                     <input class="form-control" id="phone" type="text" name="phone">
  39.                     <ul id="phones-list"></ul>
  40.                 </div>
  41.             </div>
  42.             <div class="col-md-6">
  43.                 <div class="form-group">
  44.                     <label>Prénom  </label>
  45.                     <input class="form-control" id="firstname" type="text" name="firstname">
  46.                     <ul id="firstname-list"></ul>
  47.                 </div>
  50.                 <div class="form-group">
  51.                     <label>Email </label>
  52.                     <input class="form-control" id="email" type="text" name="email">
  53.                     <ul id="email-list"></ul>
  54.                 </div>
  55.             </div>
  56.         </div>
  57.     </div>
  59.     <div class="card pb-2 mt-4 mb-5">
  60.         <h2 class="mb-4">Entreprise <i class="fa-solid fa-shop"></i></h2>
  61.         <div class="row">
  62.             <div class="col-md-6">
  63.                 <div class="form-group">
  64.                     {{ form_label(form.company_name) }}
  65.                     {{ form_widget(form.company_name, {'attr': {'class': 'form-control'}}) }}
  66.                     <ul id="company-list"></ul>
  67.                 </div>
  69.                 <div class="form-group">
  70.                     {{ form_label(form.company_manager_firstname) }}
  71.                     {{ form_widget(form.company_manager_firstname, {'attr': {'class': 'form-control'}}) }}
  72.                 </div>
  73.                 <div class="form-group">
  74.                     {{ form_label(form.company_manager_lastname) }}
  75.                     {{ form_widget(form.company_manager_lastname, {'attr': {'class': 'form-control'}}) }}
  76.                 </div>
  77.                 <div class="form-group">
  78.                     {{ form_label(form.company_address) }}
  79.                     {{ form_widget(form.company_address, {'attr': {'class': 'form-control'}}) }}
  80.                 </div>
  81.                 <div class="form-group">
  82.                     {{ form_label(form.adress) }}
  83.                     {{ form_widget(form.adress, {'attr': {'class': 'form-control'}}) }}
  84.                 </div>
  85.                 <div class="form-group">
  86.                     {{ form_label(form.company_phone) }}
  87.                     {{ form_widget(form.company_phone, {'attr': {'class': 'form-control'}}) }}
  88.                     <ul id="company_phone-list"></ul>
  89.                 </div>
  90.             </div>
  91.             <div class="col-md-6">
  92.                 <div class="form-group">
  93.                     {{ form_label(form.company_siret) }}
  94.                     {{ form_widget(form.company_siret, {'attr': {'class': 'form-control'}}) }}
  95.                     <ul id="siret-list"></ul>
  96.                 </div>
  97.                 <div class="form-group">
  98.                     {{ form_label(form.tutor_firstname) }}
  99.                     {{ form_widget(form.tutor_firstname, {'attr': {'class': 'form-control'}}) }}
  100.                 </div>
  101.                 <div class="form-group">
  102.                     {{ form_label(form.tutor_lastname) }}
  103.                     {{ form_widget(form.tutor_lastname, {'attr': {'class': 'form-control'}}) }}
  104.                 </div>
  105.                 <div class="form-group">
  106.                     {{ form_label(form.tutor_email) }}
  107.                     {{ form_widget(form.tutor_email, {'attr': {'class': 'form-control'}}) }}
  109.                 </div>
  110.             </div>
  111.         </div>
  112.     </div>
  114.     <div class="card pb-2 mt-4 mb-5">
  115.         <h2 class="mb-4">Contrat <i class="fa-solid fa-file-signature"></i></h2>
  117.         <div class="row">
  118.             <div class="col-md-6">
  120.                 <div class="form-group">
  121.                     {{ form_label(form.company_email) }}
  122.                     {{ form_widget(form.company_email, {'attr': {'class': 'form-control'}}) }}
  123.                 </div>
  124.                 <div class="form-group mt-4 mb-4">
  125.                     <label class="form-label">Date souhaitée de début du contrat</label>
  126.                     <input id="date" type="date" value="2023-01-01">
  127.                 </div>
  128.                 <div class="form-group">
  129.                     {{ form_label(form.contract_type) }}
  130.                     <select name="contract_type" class="form-select" >
  131.                         <option></option>
  132.                         <option value="1">Contrat de Professionnalisation</option>
  133.                         <option value="2">Contrat d’Apprentissage</option>
  134.                         <option value="0">Autre</option>
  135.                     </select>
  136.                     {{ form_widget(form.contract_type, {'attr': {'class': 'form-control mt-3 hidden', 'placeholder': 'Indiquez quel type de contrat'}}) }}
  137.                 </div>
  138.             </div>
  139.             <div class="col-md-6">
  140.                 <div class="form-group">
  141.                     {{ form_label(form.description) }}
  142.                     {{ form_widget(form.description, {'attr': {'class': 'form-control', 'style': 'height: 200px'}}) }}
  143.                 </div>
  144.             </div>
  146.             <div class="form-group">
  147.                 <input type="hidden" id="recaptchaResponse" name="recaptchaResponse">
  148.                 <div class="form-group">
  149.                     <a class="btn btn-primary" onclick="submit()">Valider</a>
  150.                 </div>
  151.             </div>
  152.         </div>
  153.     </div>
  155.     {{ form_end(form) }}
  156.     </div>
  157. </div>
  158. {% endblock %}
  160. {% block javascripts %}
  162.     <script src="{{ asset('./js/admin/admin.js') }}"></script>
  163.     <script>
  164.         function submit() {
  165.             grecaptcha.ready(function () {
  166.                 grecaptcha.execute('6Lf982YpAAAAAMoDZWtOsIXXxv0coqlZOfg3YL6m', {action: 'submit'}).then(function (token) {
  167.                     document.getElementById('recaptchaResponse').value = token;
  168.                     document.getElementById('form').submit();
  169.                 });
  170.             });
  171.         }
  172.     </script>
  174. {% endblock %}