templates/Default/registration.html.twig line 1

Open in your IDE?
  1. {% set title = 'Pré-inscription' %}
  2. {% set menu = 'formations' %}
  3. {% set bgcolor = 'bg-gray' %}
  4. {% extends 'Default/base.html.twig' %}
  5. {% import "Admin/macros.html.twig" as macros %}
  7. {% block titlebox %}
  8. {% endblock titlebox %}
  10. {% block body %}
  11. {% endblock body %}
  13. {% block banner %}
  14. <div id="contacts" class='htop-in {{desktop("")}} {{mobile("")}}'>
  16.     <div class='relative w100 flex col gpadding {{desktop("top-40-in")}} {{mobile("")}}'>
  17.         <i class="vt-5-in bg-white quarter-80 radius-5"></i>
  18.         <h1 class='success h2'>{{title}}</h1>
  19.     </div>
  21.     <div class="fill hoverflow gpadding {{desktop('flex row vt-60-in')}} {{mobile('vt-30-in')}}">
  22.         <div class="">
  23.             {{form_start(form, {'attr':{'class':'relative w100 '~desktop("")~mobile("top-1-in bottom-25-in hz-25-in")}})}}
  24.                 {% set class = 'relative w100 h6 text-left noradius border-bottom border-solid border-gray-alt border-1x nobg black '~desktop(" vt-15-in bottom-20 ")~mobile(" vt-10-in hz-15-in") %}
  25.                 {% set divClass = ''~desktop("half-20 vt-10 ")~mobile("vt-10 ") %}
  27.                 {% set h2Class = 'h3 success semibold upper '~desktop("bottom-10")~mobile("bottom-5 ") %}
  28.                 {% set groupClass = 'w100 bg-white shadow '~desktop("flex row space wrap hz-60-in bottom-40 vt-40-in ")~mobile("hz-20-in vt-10-in bottom-20 ") %}
  29.                 {% set descClass = 'border-left border-5x border-success-alt border-solid bg-gray success shadow '~desktop(" hz-40-in vt-20-in ")~mobile(" hz-15-in vt-10-in ") %}
  32.                 <h2 class="{{h2Class}}">Votre identité</h2>
  33.                 <div class="{{descClass}}">
  34.                     <ul>
  35.                         <li>
  36.                             Merci d'indiquer vos coordonnées et nous allons vous recontacter pour plus de renseignements.
  37.                         </li>
  38.                         <li class="">
  39.                             Offres de formations ouvertes à tous les fonctionnaires territoriaux
  40.                         </li>
  41.                         <li>
  42.                             Inscription obligatoire, 1 mois avant la date de formation au plus tard
  43.                         </li>
  44.                     </ul>
  45.                 </div>
  46.                 <div class='{{groupClass}}'>
  47.                     <div class='w100 white {{desktop("flex row space wrap")}}'>
  48.                         <div class="w100 relative">
  49.                             <div class='relative {{desktop(divClass)}} {{mobile("vt-20")}}'>
  50.                                 <label class='upper success-alt h6'>Civilité</label>
  51.                                 {{form_widget(form.sex,{attr: {class:class, placeholder : "Obligatoire"}})}}
  52.                             </div>
  53.                             <i></i>
  54.                         </div>
  55.                         <div class='{{desktop(divClass)}} {{mobile("vt-20")}}'>
  56.                             <label class='upper success-alt h6'>Nom de famille</label>
  57.                             {{form_widget(form.fname,{attr: {class:class, placeholder : "Obligatoire"}})}}
  58.                         </div>
  59.                         <div class='{{desktop(divClass)}} {{mobile("vt-20")}}'>
  60.                             <label class='upper success-alt h6'>Prénom</label>
  61.                             {{form_widget(form.lname,{attr: {class:class, placeholder : "Obligatoire"}})}}
  62.                         </div>
  63.                         <div class='{{desktop(divClass)}} {{mobile("vt-20")}}'>
  64.                             <label class='upper success-alt h6'>Adresse email</label>
  65.                             {{form_widget(form.email,{attr: {class:class, placeholder : "Obligatoire"}})}}
  66.                         </div>
  67.                         <div class='{{desktop(divClass)}} {{mobile("vt-20")}}'>
  68.                             <label class='upper success-alt h6'>Numéro de téléphone</label>
  69.                             {{form_widget(form.phone,{attr: {class:class, placeholder : "Obligatoire"}})}}
  70.                         </div>
  71.                         <div class='{{desktop(divClass)}} {{mobile("vt-20")}}'>
  72.                             <label class='upper success-alt h6'>Fonction occupée</label>
  73.                             {{form_widget(form.profession,{attr: {class:class, placeholder : "Obligatoire"}})}}
  74.                         </div>
  75.                         <div class='{{desktop(divClass)}} {{mobile("vt-20")}}'>
  76.                             <label class='upper success-alt h6'>Structure rattachée</label>
  77.                             {{form_widget(form.company,{attr: {class:class, placeholder : "Obligatoire"}})}}
  78.                         </div>
  79.                     </div>
  80.                 </div>
  82.                 <h2 class="{{h2Class}}">Votre formation</h2>
  83.                 <div class="{{descClass}}">
  84.                     Deux types de formations offertes :
  85.                     <ul class="light left-40">
  86.                         <li>
  87.                             Formation continue de perfectionnement : (Durée : 10-15 jours et animation d’un ensemble de 5-7 modules)
  88.                         </li>
  89.                         <li>
  90.                             Formation continue qualifiante : (Durée : 3-5 jours et animation d’un (01) module de formation
  91.                         </li>
  92.                     </ul>
  93.                     <span class="block vt-20">Possibilités de formations continues à la carte (in situ), sur demande des Communes</span>
  95.                     Les frais de formation couvrent : - la formation
  96.                     <ul class="light left-40">
  97.                         <li>
  98.                             la restauration (2 pauses-café + 1 dejeuner / jour)
  99.                         </li>
  100.                         <li>
  101.                             le support didactique
  102.                         </li>
  103.                     </ul>
  104.                 </div>
  105.                 <div class='{{groupClass}}'>
  106.                     <div class='w100 {{desktop("flex row space wrap")}}'>
  107.                         <div class="w100 relative">
  108.                             <div class='relative {{desktop('w100 vt-10')}} {{mobile("vt-20")}}'>
  109.                                 <label class='upper success-alt h6'>Formation désirée :</label>
  110.                                 {{form_widget(form.formation,{attr: {class:class~' os-select', 'data-target':"#thematics,#"~form.session.vars.id, placeholder : "Obligatoire"}})}}
  111.                             </div>
  112.                         </div>
  113.                         <div class="w100 relative">
  114.                             <div class='relative {{desktop('w100 vt-10')}} {{mobile("vt-20")}}'>
  115.                                 <label class='upper success-alt h6'>Session désirée :</label>
  116.                                 {% set field = form.session %}
  117.                                 <select class="{{class}}" id="thematics">
  118.                                     <option value="" {{ field.vars.value ? "" : "selected"}}>{{field.vars.placeholder}}</option>
  119.                                     {% for o in field.vars.choices %}
  120.                                     <option class="" value="{{o.value}}" data-ref="{{o.data.formation.id}}" {{field.vars.value == o.value ? "selected"}}>
  121.                                         {{o.label}} | {{o.data.startingDate|frdate}} au {{o.data.endDate|frdate}}</strong>
  122.                                     </option>
  123.                                     {% endfor %}
  124.                                 </select>
  125.                                 {% do field.setRendered() %}
  126.                             </div>
  127.                         </div>
  128.                         <div class='{{desktop('')}} {{mobile("vt-20")}}'>
  129.                             <label class='upper success-alt h6'>Thématiques souhaitées :</label>
  130.                             <div class="flex row space wrap w100" id="thematics">
  131.                                 {% set field = form.thematics %}
  132.                                 {% for o in form.thematics.vars.choices %}
  133.                                 {% set checked = (o.value in field.vars.value) ? true : false %}
  134.                                 <div class="relative flex row top vt-10-in {{desktop('half-20')}}"  data-ref="{{o.data.formation.id}}">
  135.                                     <div class="relative">
  136.                                         <input class="hide" type="checkbox" name="{{ field.vars.full_name~'[]' }}" id="{{field.vars.id~'_'~loop.index}}" value="{{o.value}}" {{ checked is defined and checked ? "checked" }}>
  137.                                         <label class="icon min block relative" for="{{field.vars.id~'_'~loop.index}}"></label>
  138.                                     </div>
  139.                                     <div class="flex col">
  140.                                         <label class="top-5" for="{{field.vars.id~'_'~loop.index}}">{{o.label}}</label>
  141.                                         {% set o = o.data %}
  142.                                         <span class="p-alt regular upper black-alt">{{o.domain ? o.domain.label}}</span>
  143.                                         <span class="p-alt success">Coût : {{o.cost ?? "Non défini"}}</span>
  144.                                         <span class="p-alt success">Durée : {{o.duration ?? "Non défini"}}</span>
  145.                                     </div>
  146.                                 </div>
  147.                                 {% endfor %}
  148.                                 {% do field.setRendered() %}
  149.                             </div>
  150.                         </div>
  151.                     </div>
  152.                 </div>
  153.                 <div class='bg-success-alt {{desktop("flex row space padding-60 top-40")}} w100'>
  154.                     <div class='w100 flex row center'>
  155.                         <button type='submit' class="anim-btn relative flex col bg-white noborder radius-5">
  156.                             <span class="upper semibold h5 vt-10-in hz-30-in success">Soumettre ma pré-inscription</span>
  157.                         </button>
  158.                     </div>
  159.                 </div>
  160.             {{form_end(form)}}
  161.         </div>
  162.     </div>
  163. </div>
  164. {% endblock %}