templates/company/offer_add.html.twig line 1

Open in your IDE?
  1. {% extends 'partials/base.html.twig' %}
  3. {% block title %} Ajouter une offre{% endblock %}
  4. {% block body %}
  6.     <div class="h-100 d-flex bg-light align-items-center justify-content-center pt-2" >
  7.         
  8.         <div class="container">
  9.         
  10.             <div class="row">
  11.                 <div class="col-8">
  12.                 <h1>Ajouter une offre d'emploi</h1>
  13.                 </div>
  14.                 <div class="mb-2 col text-end">
  15.                     <a  class="btn btn-outline-primary btn-sm mb-2" href="{{ path('company') }}"><i class="fas fa-chevron-left"></i> Retour</a>
  16.                 </div>
  17.             </div>
  19.             {{ form_start(form, {'attr': {'id': 'form'}}) }}
  20.             
  21.             <div class="row">
  22.                 <div class="col-12">
  23.                     <p class="alert">
  24.                         <i class="fa fa-info-circle text-primary"></i> Nos chargés de relations entreprises reprendront contact avec vous sous 48h maximum.
  25.                     </p>
  26.                 </div>
  27.                 
  28.                 <div class="col-lg-6">
  29.                     <div class="card">
  30.                         
  31.                         <h2 class="mb-4">Entreprise</h2>
  32.                         <div class="form-group mb-3">
  33.                             <strong>{{ form_label(form.company_name) }}</strong>
  34.                             {{ form_widget(form.company_name, {'attr': {'class': 'form-control'}}) }}
  35.                         </div>
  37.                         <div class="form-group mb-3">
  38.                             <strong>{{ form_label(form.company_siret) }}</strong>
  39.                             {{ form_widget(form.company_siret, {'attr': {'class': 'form-control'}}) }}
  40.                         </div>
  42.                         <div class="form-group mb-3">
  43.                             <strong>{{ form_label(form.company_email) }}</strong>
  44.                             {{ form_widget(form.company_email, {'attr': {'class': 'form-control'}}) }}
  45.                         </div>
  47.                         <div class="form-group mb-3">
  48.                             <strong>{{ form_label(form.company_phone) }}</strong>
  49.                             {{ form_widget(form.company_phone, {'attr': {'class': 'form-control', 'pattern' : '0[1-9][0-9]{8}', 'placeholder': 'ex : 0600000000', 'maxlength' : '10'}}) }}
  50.                         </div>
  52.                         <div class="form-group mb-3">
  53.                             <strong>{{ form_label(form.contact) }}</strong>
  54.                             {{ form_widget(form.contact, {'attr': {'class': 'form-control'}}) }}
  55.                         </div>
  57.                         <div class="form-group">
  58.                             <strong>{{ form_label(form.idcc) }}</strong>
  59.                             {{ form_widget(form.idcc, {'attr': {'class': 'form-control', 'maxlength' : '4'}}) }}
  60.                         </div>
  61. {#                        <div class="form-group mt-3">#}
  62. {#                            {{ form_widget(form.state) }}#}
  63. {#                            Je ne souhaite pas que mon offre soit publiée. Je recevrai alors uniquement des candidatures de la part d'Interfor.#}
  64. {#                        </div>#}
  66.                     </div>
  67.                     <div class="mb-3">
  68.                         <div class="form-group">
  69.                             <input type="hidden" id="recaptchaResponse" name="recaptchaResponse">
  70.                             <div class="form-group">
  71.                                 <a class="btn btn-primary btn-lg" onclick="submit()">Valider</a>
  72.                             </div>
  73.                         </div>
  75.                     </div>
  76.                 </div>
  77.                 
  78.                 <div class="col-lg-6">
  79.                     <div class="card">
  80.                         <h4 class="panel-title">
  81.                                 Informations supplémentaires <em>(facultatif)</em>
  82.                         </h4>
  84.                         <div class="form-group mb-3">
  85.                             {{ form_label(form.company_address) }}
  86.                             {{ form_widget(form.company_address, {'attr': {'class': 'form-control'}}) }}
  87.                         </div>
  89.                         <div class="row">
  90.                             <div class="col-6">
  91.                                 <div class="form-group mb-3">
  92.                                     {{ form_label(form.company_city) }}
  93.                                     {{ form_widget(form.company_city, {'attr': {'class': 'form-control'}}) }}
  94.                                 </div>
  95.                             </div>
  96.                             <div class="col-6">
  97.                                 <div class="form-group mb-3">
  98.                                     {{ form_label(form.company_zipcode) }}
  99.                                     {{ form_widget(form.company_zipcode, {'attr': {'class': 'form-control'}}) }}
  100.                                 </div>
  101.                             </div>
  102.                         </div>
  104.                         <div class="form-group mb-3">
  105.                             {{ form_label(form.job_title) }}
  106.                             {{ form_widget(form.job_title, {'attr': {'class': 'form-control'}}) }}
  107.                         </div>
  109.                         <div class="form-group mb-3">
  110.                             {{ form_label(form.job_description) }}
  111.                             {{ form_widget(form.job_description, {'attr': {'class': 'form-control'}}) }}
  112.                         </div>
  114.                         <div class="form-group mb-3">
  115.                             {{ form_label(form.start_date) }}
  116.                             {{ form_widget(form.start_date) }}
  117.                         </div>
  119.                         <div class="form-group">
  120.                             <select id="trainings" name="trainings[]" class="form-control form-select" multiple style="min-height: 20em">
  121.                                 {% for training in trainings %}
  122.                                     <option value="{{ training.id }}">{{ training.levelName }} {{ training.name }}</option>
  123.                                 {% endfor %}
  124.                             </select>
  125.                         </div>
  127.                     </div>
  128.                 </div>
  129.             </div>
  130.          </div>
  132.             {{ form_end(form) }}
  133.             
  134.         </div>
  135.     </div>
  136.     
  137.     
  138.     <div class="col-12 unit-padding card">
  140. <!-- Page Wrapper -->
  142.     {% block javascript %}
  143.     <script>
  144.     document.addEventListener("DOMContentLoaded", function(event) {
  145.         $('.panel-collapse').on('show.bs.collapse', function () {
  146.             $(this).siblings('.panel-heading').addClass('active');
  147.         });
  149.         $('.panel-collapse').on('hide.bs.collapse', function () {
  150.             $(this).siblings('.panel-heading').removeClass('active');
  151.         });
  152.     });
  153.     function submit() {
  154.         grecaptcha.ready(function () {
  155.             grecaptcha.execute('6Lf982YpAAAAAMoDZWtOsIXXxv0coqlZOfg3YL6m', {action: 'submit'}).then(function (token) {
  156.                 document.getElementById('recaptchaResponse').value = token;
  157.                 document.getElementById('form').submit();
  158.             });
  159.         });
  160.     }
  161.     </script>
  162.     {% endblock %}
  163. {% endblock %}