templates/auth/sign_in.html.twig line 1

Open in your IDE?
  1. {% extends 'base/auth/base_auth.html.twig' %}
  3. {% block title %}
  4.     {% trans %}app_name{% endtrans %} | {% trans %}signin{% endtrans %}
  5. {% endblock %}
  6. {% block body %}
  7.     <div class="page-wrapper" style="overflow-x:hidden !important;" id="main-wrapper" data-layout="vertical" data-sidebartype="full" data-sidebar-position="fixed" data-header-position="fixed">
  8.         <div class="position-relative overflow-hidden radial-gradient min-vh-100">
  9.             <div class="position-relative z-index-5">
  10.                 <div class="row">
  11.                     <div class="col-xl-5 col-xxl-4">
  12.                         <div class="authentication-login min-vh-100 bg-body row justify-content-center align-items-center p-4">
  13.                             <div class="col-sm-8 col-md-6 col-xl-9">
  14.                                 <a href="{{ path('app_index') }}" class="text-nowrap logo-img text-center d-block mb-3 w-100">
  15.                                     <img src="{{ asset('assets/backend/images/logo/logo_80.png') }}" alt="azome-logo">
  16.                                 </a>
  17.                                 {% if env is defined and env == 'STAFF' %}
  18.                                     <form class="signin-form" action="{{ path('auth_signin') }}" method="POST">
  19.                                     <input type="hidden" id="token" name="token" value="{{ csrf_token('authenticate') }}" />
  20.                                     <div class="mb-4 text-center">
  21.                                         <h4 class="fw-bolder">{{ 'signin'|trans }}</h4>
  22.                                     </div>
  23.                                     <div class="form-floating mb-3">
  24.                                         <input class="form-control rounded-1 " type="text" id="identity" name="identity" placeholder="{% trans %}identity{% endtrans %}">
  25.                                         <label><i class="ti ti-lock me-2 fs-4 text-black"></i><span class="border-start border-dark ps-3">{% trans %}identity{% endtrans %}</span></label>
  26.                                     </div>
  27.                                     <div class="form-floating mb-3">
  28.                                         <input class="form-control rounded-1  password" type="password"  id="password" name="password" placeholder="{% trans %}password{% endtrans %}" />
  29.                                         <label><i class="ti ti-lock me-2 fs-4 text-black"></i><span class="border-start border-dark ps-3">{% trans %}password{% endtrans %}</span></label>
  30.                                     </div>
  31.                                     <div class="d-flex flex-row align-items-center justify-content-between mb-4">
  32.                                         <div class="custom-control custom-checkbox">
  33.                                             <input class="custom-control-input"
  34.                                                 type="checkbox"  
  35.                                                 id="show" 
  36.                                                 >
  37.                                             <label class="custom-control-label"
  38.                                                 for="show">
  39.                                             {{ 'display_password'|trans }}
  40.                                             </label>
  41.                                         </div>
  42.                                     </div>
  43.                                     <button type="submit" class="btn azome-bg-primary btn-md text-white fw-bolder btn-flat btn-custom btn-md  w-100 mb-2 rounded-1">{% trans %}signin1{% endtrans %}</button>
  44.                                     <div  class="text-center mt-0 mt-2">
  45.                                         <a class="text-black text-center fw-medium" href="{{ path('auth_forgot_password') }}">{% trans %}forgot_password{% endtrans %}</a>
  46.                                     </div>
  47.                                 </form>
  48.                                 {% else %}
  49.                                     <form class="signin-form" action="{{ path('auth_signin') }}" method="POST">
  50.                                         <input type="hidden" id="token" name="token" value="{{ csrf_token('authenticate') }}" />
  51.                                         <div class="mb-4 text-center">
  52.                                         <div class="mb-4 text-center">
  53.                                             <h4 class="fw-bolder">{{ 'signin'|trans }}</h4>
  54.                                         </div>
  55.                                         <div class="form-floating mb-3">
  56.                                             <input class="form-control rounded-1" type="text" id="identity" name="identity" placeholder="{% trans %}identity{% endtrans %}">
  57.                                             <label><i class="ti ti-lock me-2 fs-4 text-black"></i><span class="border-start border-dark ps-3">{% trans %}identity{% endtrans %}</span></label>
  58.                                         </div>
  59.                                         <div class="form-floating mb-3">
  60.                                             <input class="form-control rounded-1 password" type="password"  id="password" name="password" placeholder="{% trans %}password{% endtrans %}" />
  61.                                             <label><i class="ti ti-lock me-2 fs-4 text-black"></i><span class="border-start border-dark ps-3">{% trans %}password{% endtrans %}</span></label>
  62.                                         </div>
  63.                                         <div class="d-flex flex-row align-items-center justify-content-between mb-4">
  64.                                             <div class="custom-control custom-checkbox">
  65.                                                 <input class="custom-control-input"
  66.                                                     type="checkbox"  
  67.                                                     id="show" 
  68.                                                   >
  69.                                                 <label class="custom-control-label"
  70.                                                     for="show">
  71.                                                 {{ 'display_password'|trans }}
  72.                                                 </label>
  73.                                             </div>
  74.                                         </div>
  75.                                         <button  type="submit" class="btn azome-bg-primary btn-md text-white fw-bolder btn-flat btn-custom btn-md  w-100 mb-2 rounded-1">{% trans %}signin1{% endtrans %}</button>
  76.                                         <div  class="text-center mt-0 mt-2">
  77.                                             <a class="text-black text-center fw-medium" href="{{ path('auth_forgot_password') }}">{% trans %}forgot_password{% endtrans %}</a>
  78.                                         </div>
  79.                                         </div>
  80.                                     </form>
  81.                                 {% endif %}
  82.                             </div>
  83.                         </div>
  84.                     </div>
  85.                     <div class="col-xl-7 bg-light col-xxl-8" style="background-image: url('https://cdn.azome.net/school-bg.jpg');background-position: center; background-repeat:repeat;background-size: cover;"></div>
  86.                 </div>
  87.             </div>
  88.         </div>
  89.     </div>
  90. {% endblock %}
  91. {% block javascripts %}
  92.     <script src="{{ asset('assets/shared/js/auth/control.js') }}"></script>
  93.     <script src="{{ asset('assets/shared/js/auth/validation/signin.js') }}"></script>
  94. {% endblock %}