templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block title %}Log in!{% endblock %}
  4. {% block stylesheets %}
  5.     {{ parent() }}
  6.     <style>
  7.         input:-webkit-autofill,
  8.         input:-webkit-autofill:hover,
  9.         input:-webkit-autofill:focus,
  10.         textarea:-webkit-autofill,
  11.         textarea:-webkit-autofill:hover,
  12.         textarea:-webkit-autofill:focus,
  13.         select:-webkit-autofill,
  14.         select:-webkit-autofill:hover,
  15.         select:-webkit-autofill:focus {
  16.             -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  17.         }
  18.         body {
  19.             background: #f4f4f4!important;
  20.         }
  21.         .form-control:focus {
  22.             border: solid 1px #7796a8;
  23.             outline: none;
  24.             box-shadow: none;
  25.         }
  26.     </style>
  27. {% endblock %}
  29. {% block body %}
  30.     <form method="post" class="container mb-5">
  31.         <div class="row pt-3">
  32.             <div class="col-12 text-center mt-1 pt-3 pb-3" id="order_header">
  33.                 <h4 class="text-primary">Fluid Sign In</h4>
  34.                 <span class="text-primary">
  35.                         Sign in to your Fluid wholesale account or easily create a new account.
  36.                     </span>
  37.             </div>
  38.         </div>
  39.         <div class="row mt-5">
  40.             {% if error %}
  41.                 <div class="col-12 col-md-10 offset-xs-0 offset-md-1">
  42.                     <div class="alert alert-danger">
  43.                         {{ error.messageKey|trans(error.messageData, 'security') }}
  44.                     </div>
  45.                 </div>
  46.             {% endif %}
  48.             <div class="col-12 col-md-4 offset-xs-0 offset-md-1">
  49.                 <input
  50.                     type="text"
  51.                     value="{{ last_username }}"
  52.                     name="email"
  53.                     id="inputEmail"
  54.                     class="form-control"
  55.                     placeholder="Email"
  56.                     autocomplete="email"
  57.                     style="margin-bottom: 20px;"
  58.                     autofocus
  59.                 >
  60.             </div>
  61.             <div class="col-12 col-md-4 position-relative">
  62.                 <input
  63.                     type="password"
  64.                     name="password"
  65.                     placeholder="Password"
  66.                     id="inputPassword"
  67.                     class="form-control"
  68.                     style="margin-bottom: 20px;"
  69.                     autocomplete="current-password"
  70.                     required
  71.                 >
  72.                 <i class="fa-solid fa-eye eye" id="eye"></i>
  73.             </div>
  74.             <div class="col-12 col-md-2">
  75.                 <button class="btn btn-primary w-100">SIGN IN</button>
  76.             </div>
  77.             <input type="hidden" name="_csrf_token"
  78.                    value="{{ csrf_token('authenticate') }}"
  79.             >
  80.         </div>
  81.         <div class="row text-center">
  83.             {% set url = 'app_forgot_password_request' %}
  84.             {% set url_register = 'distributor_reg' %}
  85.             {% if user_type == 'clinics' %}
  86.                 {% set url = 'clinic_forgot_password_request' %}
  87.                 {% set url_register = 'clinic_reg' %}
  88.             {% elseif user_type == 'distributors' %}
  89.                 {% set url = 'distributors_forgot_password_request' %}
  90.                 {% set url_register = 'distributor_reg' %}
  91.             {% elseif user_type == 'manufacturers' %}
  92.                 {% set url = 'manufacturers_forgot_password_request' %}
  93.                 {% set url_register = 'distributor_reg' %}
  94.             {% elseif user_type == 'retail' %}
  95.                 {% set url = 'retail_forgot_password_request' %}
  96.                 {% set url_register = 'retail_reg' %}
  97.             {% endif %}
  99.             <div class="col-12 col-md-10 offset-xs-0 offset-md-1 mt-3 mt-md-5">
  100.                 <a
  101.                     href="{{ path(url) }}"
  102.                     type="submit"
  103.                     class="fs-6"
  104.                 >
  105.                     Forgot Password
  106.                 </a>
  107.                 <span class="px-2">|</span>
  108.                 <a href="{{ path(url_register) }}" class="fs-6">
  109.                     Create Account
  110.                 </a>
  111.             </div>
  112.         </div>
  113.     </form>
  114. {% endblock %}
  115. {% block javascripts %}
  116.     {{ parent() }}
  117.     <script>
  118.         $(document).ready(function () {
  120.             $(document).on('click', '#eye', function (e) {
  122.                 let pwdField = $('#inputPassword');
  124.                 if(pwdField.attr('type') == 'password')
  125.                 {
  126.                     pwdField.attr('type', 'text');
  127.                 }
  128.                 else
  129.                 {
  130.                     pwdField.attr('type', 'password');
  131.                 };
  132.             });
  133.         });
  134.     </script>
  135. {% endblock %}