templates/app/online_registration/index.html.twig line 1

  1. {% extends 'front.html.twig' %} {% block title %}Hello
  2. OnlineRegistrationController! {% endblock %} {% block stylesheets %}
  3. <style>
  4.   textarea.form-control {
  5.     height: 70px !important;
  6.   }
  7. </style>
  8. {{ encore_entry_link_tags("front") }}
  9. {% endblock %} {% block body %}
  10. <div id="preloader" class="text-center">
  11.   <div id="status">
  12.     <div class="logo">
  13.       <a href="javascript:void(0);" class="d-block auth-logo">
  14.         <h1 style="font-weight: 700; text-align: center" class="mt-14">
  15.           <span style="color: #950853"></span>Clever Nursery
  16.         </h1>
  17.       </a>
  18.     </div>
  19.     <div class="sk-chase mt-4">
  20.       <div class="sk-chase-dot"></div>
  21.       <div class="sk-chase-dot"></div>
  22.       <div class="sk-chase-dot"></div>
  23.       <div class="sk-chase-dot"></div>
  24.       <div class="sk-chase-dot"></div>
  25.       <div class="sk-chase-dot"></div>
  26.     </div>
  27.   </div>
  28. </div>
  30. <section class="user-pages d-flex align-items-center">
  31.   <div class="bg-overlay bg-overlay-white"></div>
  32.   <div class="container">
  33.     <div class="row justify-content-center">
  34.       <div class="col-lg-8 col-md-8">
  35.         <div class="text-center">
  36.           <a href="javascript:void(0);" class="d-block auth-logo">
  37.             <h1 style="font-weight: 700; text-align: center" class="mt-14">
  38.               <span style="color: #950853"></span>Clever Nursery
  39.             </h1>
  40.           </a>
  41.         </div>
  43.         <div
  44.           class="login-page bg-white shadow-lg rounded p-4 mt-4 position-relative"
  45.         >
  46.           <div class="text-center">
  47.             <h5 class="mb-4 pb-2">
  48.               {% trans %} Online registration form {% endtrans %}
  49.               <br />
  50.               {{ company.name }}
  51.             </h5>
  52.           </div>
  53.           {# {% if app.request.query.get('step') == "1" %} {% include
  54.           "app/online_registration/step-1.html.twig" %} {% elseif
  55.           app.request.query.get('step') == "2" %} {% include
  56.           "app/online_registration/step-2.html.twig" %} {% elseif
  57.           app.request.query.get('step') == "3" %} {% include
  58.           "app/online_registration/step-3.html.twig" %} {% endif %} #}
  60.           <div class="card-body" data-controller="frontonlineregistration">
  61.             <!-- Nav tabs -->
  62.             <ul class="nav nav-pills nav-justified" role="tablist">
  63.               <li class="nav-item waves-effect waves-light">
  64.                 <a
  65.                   class="nav-link active"
  66.                   data-bs-toggle="tab"
  67.                   href="#step-1"
  68.                   role="tab"
  69.                   aria-selected="false"
  70.                 >
  71.                   <span class="d-block d-sm-none">
  72.                     <i class="fas fa-home"></i>
  73.                   </span>
  74.                   <span class="d-none d-sm-block">
  75.                     {% trans %} Infos {% endtrans %}
  76.                   </span>
  77.                 </a>
  78.               </li>
  79.               <li class="nav-item waves-effect waves-light">
  80.                 <a
  81.                   class="nav-link"
  82.                   data-bs-toggle="tab"
  83.                   href="#step-2"
  84.                   role="tab"
  85.                   aria-selected="false"
  86.                 >
  87.                   <span class="d-block d-sm-none">
  88.                     <i class="far fa-user"></i>
  89.                   </span>
  90.                   <span class="d-none d-sm-block">
  91.                     {% trans %} Autre Infos {% endtrans %}
  92.                   </span>
  93.                 </a>
  94.               </li>
  95.               <li class="nav-item waves-effect waves-light">
  96.                 <a
  97.                   class="nav-link"
  98.                   data-bs-toggle="tab"
  99.                   href="#step-3"
  100.                   role="tab"
  101.                   aria-selected="false"
  102.                 >
  103.                   <span class="d-block d-sm-none">
  104.                     <i class="far fa-envelope"></i>
  105.                   </span>
  106.                   <span class="d-none d-sm-block">
  107.                     {% trans %} Parents {% endtrans %}
  108.                   </span>
  109.                 </a>
  110.               </li>
  111.               <li class="nav-item waves-effect waves-light">
  112.                 <a
  113.                   class="nav-link"
  114.                   data-bs-toggle="tab"
  115.                   href="#step-4"
  116.                   role="tab"
  117.                   aria-selected="true"
  118.                 >
  119.                   <span class="d-block d-sm-none">
  120.                     <i class="fas fa-cog"></i>
  121.                   </span>
  122.                   <span class="d-none d-sm-block">
  123.                     {% trans %} Contacts {% endtrans %}
  124.                   </span>
  125.                 </a>
  126.               </li>
  127.             </ul>
  129.             <!-- Tab panes -->
  130.             {{ form_start(form) }}
  131.             <div class="tab-content p-3 text-muted">
  132.               <div class="tab-pane active" id="step-1" role="tabpanel">
  133.                 {% include "app/online_registration/step-1.html.twig" %}
  134.                 <button type="button" class="btn btn-info w-100 btnNext">
  135.                   {% trans %} Next {% endtrans %}
  136.                   <i
  137.                     class="mdi mdi-arrow-right font-size-16 align-middle me-2"
  138.                   ></i>
  139.                 </button>
  140.               </div>
  141.               <div class="tab-pane" id="step-2" role="tabpanel">
  142.                 {% include "app/online_registration/step-2.html.twig" %}
  144.                 <div class="row">
  145.                   <div class="col-6">
  146.                     <button
  147.                       type="button"
  148.                       class="btn btn-info w-100 btnPrevious"
  149.                     >
  150.                       <i
  151.                         class="mdi mdi-arrow-left font-size-16 align-middle me-2"
  152.                       ></i>
  153.                       {% trans %} Previous {% endtrans %}
  154.                     </button>
  155.                   </div>
  156.                   <div class="col-6">
  157.                     <button type="button" class="btn btn-info w-100 btnNext">
  158.                       {% trans %} Next {% endtrans %}
  159.                       <i
  160.                         class="mdi mdi-arrow-right font-size-16 align-middle me-2"
  161.                       ></i>
  162.                     </button>
  163.                   </div>
  164.                 </div>
  165.               </div>
  166.               <div class="tab-pane" id="step-3" role="tabpanel">
  167.                 {% include "app/online_registration/step-3.html.twig" %}
  168.                 <div class="row">
  169.                   <div class="col-6">
  170.                     <button
  171.                       type="button"
  172.                       class="btn btn-info w-100 btnPrevious"
  173.                     >
  174.                       <i
  175.                         class="mdi mdi-arrow-left font-size-16 align-middle me-2"
  176.                       ></i>
  177.                       {% trans %} Previous {% endtrans %}
  178.                     </button>
  179.                   </div>
  180.                   <div class="col-6">
  181.                     <button type="button" class="btn btn-primary w-100 btnNext">
  182.                       {% trans %} Next {% endtrans %}
  183.                       <i
  184.                         class="mdi mdi-arrow-right font-size-16 align-middle me-2"
  185.                       ></i>
  186.                     </button>
  187.                   </div>
  188.                 </div>
  189.               </div>
  190.               <div class="tab-pane" id="step-4" role="tabpanel">
  191.                 {% include "app/online_registration/step-4.html.twig" %}
  192.                 <div class="row">
  193.                   <div class="col-6">
  194.                     <button
  195.                       type="button"
  196.                       class="btn btn-primary w-100 btnPrevious"
  197.                     >
  198.                       <i
  199.                         class="mdi mdi-arrow-left font-size-16 align-middle me-2"
  200.                       ></i>
  201.                       {% trans %} Previous {% endtrans %}
  202.                     </button>
  203.                   </div>
  204.                   <div class="col-6">
  205.                     <button type="submit" class="btn btn-primary w-100 btnNext">
  206.                       <i
  207.                         class="mdi mdi-content-save font-size-16 align-middle me-2"
  208.                       ></i>
  209.                       {% trans %} Submit {% endtrans %}
  210.                     </button>
  211.                   </div>
  212.                 </div>
  213.               </div>
  214.             </div>
  215.             {{ form_end(form) }}
  216.           </div>
  217.         </div>
  218.       </div>
  219.     </div>
  220.   </div>
  221. </section>
  223. {% endblock %}