templates/Home/registration.html.twig line 1

Open in your IDE?
  1. {%  extends "Home/base.html.twig" %}
  3. {% block content %}
  5.     <div class='container '>
  6.         <div class='row justify-content-center'>
  7.             <div class='col-lg-7 '>
  8.                 <div class='page-content'>
  9.                     <span class="iq-tw-8" style="font-size: 20px; color: #1044e6;">Registration</span>
  10.                     <form role="form" action="{{ path('home_registration')}}" class="mt-4" method="POST" id='form'>
  11.                         {% if app.session.flashbag.has('success_messages') %}
  12.                             <div>
  13.                                 {% for successMessage in app.session.flashbag.get('success_messages') %}
  14.                                     <div>
  15.                                         <small class="text-success">{{ successMessage }}</small>
  16.                                     </div>
  17.                                 {% endfor %}
  18.                             </div>
  19.                         {% endif %}
  20.                         {% if app.session.flashbag.has('error_messages') %}
  21.                             <div>
  22.                                 {% for errorMsg in app.session.flashbag.get('error_messages') %}
  23.                                     <div>
  24.                                         <small class="text-danger">{{ errorMsg }}</small>
  25.                                     </div>
  26.                                 {% endfor %}
  27.                             </div>
  28.                         {% endif %}
  29.                         <div class="row">
  30.                             <div class="col-md-6">
  31.                                 <div class="form-floating">
  32.                                     {{ form_widget(form.first_name) }}
  33.                                     <label for="lastName">First Name</label>
  34.                                 </div>
  35.                             </div>
  36.                             <div class="col-md-6 mb-4">
  37.                                 <div class="form-floating mb-3">
  38.                                     {{ form_widget(form.last_name) }}
  39.                                     <label for="lastName">Last Name</label>
  40.                                 </div>
  41.                             </div>
  42.                         </div>
  43.                         <div class="row">
  44.                             <div class="col-md mb-4">
  45.                                 <div class="form-floating mb-3">
  46.                                     {{ form_widget(form.email , { 'value': refEmail }) }}
  48.                                     <label for="floatingInput">Email</label>
  49.                                 </div>
  50.                             </div>
  51.                         </div>
  52.                         <div class="row">
  53.                             <div class="col-md-6 mb-4">
  54.                                 <div class="form-floating mb-2">
  55.                                     {{ form_widget(form.password.first) }}
  56.                                     <label for="Password">Password</label>
  57.                                 </div>
  58.                             </div>
  59.                             <div class="col-md-6 mb-4">
  60.                                 <div class="form-floating mb-2">
  61.                                     {{ form_widget(form.password.second) }}
  62.                                     <label for="confirmpassword">Confirm-password</label>
  63.                                 </div>
  64.                             </div>
  65.                         </div>
  66.                         <div class="form-check d-flex  mb-2 text-white">
  67.                             <input type="checkbox" class="form-check-input" required id="agree">
  68.                             <label class="ms-2 form-check-label" for="agree" style="font-size: 12px; line-height: 18px;">I agree with the terms of
  69.                                                                                 use</label>
  70.                         </div>
  71.                         <div class="form-check d-flex mb-2 mb-2 text-white">
  72.                             <input type="checkbox" class="form-check-input" required id="agree2">
  73.                             <label class="ms-2 form-check-label" for="agree2" style="max-width: 95%; font-size: 12px; line-height: 18px;">
  74.                                 I agree to receive the newsletter and transactional emails and i know i can easily unsubscribe at anytime.
  75.                             </label>
  76.                         </div>
  78.                         {{ form_widget(form._token) }}
  79.                         {{ form_widget(form.id) }}
  80.                         <input type="hidden" name="recaptcha_token" id="recaptcha-token" value="">
  81.                         <div class="text-center">
  82.                             <button type="submit" class="btn btn-primary" id="submitButton">Register</button>
  83.                         </div>
  84.                         <div class='text-center text-white mt-3'>
  85.                             Already have an account? <a href='{{path("home_login")}}' class='text-primary'>Login here</a> 
  86.                         </div>
  87.                     </form>
  88.                 </div>
  89.             </div>
  90.         </div>
  93.         <section id="contact-us" class="contact-us">
  95.             {% include 'Home/footer.html.twig' %}
  97.         </section>
  98.         {% include 'Home/login_modal.html.twig' %}
  99.     {% endblock %}