templates/auth-login.html.twig line 1

Open in your IDE?
  1. {{ include('partials/main.html.twig') }}
  2. <head>
  3.     {{ include('partials/title-meta.html.twig', {title: 'Login'}) }}
  4.     {{ include('partials/head-css.html.twig') }}
  5. </head>
  6. <body class="authentication-bg">
  7.     <div class="account-pages my-6 pt-sm-5">
  8.         <div class="container">
  9.             <div class="row">
  10.                 <div class="col-lg-12">
  11.                     <div class="text-center">
  12.                         <a href="{{ path('home') }}" class="mb-5 d-block auth-logo">
  13.                             <img src="{{ absolute_url(asset('asset/img/logo.png')) }}" />
  14.                         </a>
  15.                     </div>
  16.                 </div>
  17.             </div>
  18.             <div class="row align-items-center justify-content-center">
  19.                 <div class="col-md-8 col-lg-6 col-xl-5">
  20.                     <div class="card">
  21.                         <div class="card-body p-4">
  22.                             <div class="text-center mt-2">
  23.                                 <h5 class="text-primary">{{ 'message.modules.content.welcome_back' | trans }}</h5>
  24.                                 <p class="text-muted"></p>
  25.                                 {{ 'message.modules.content.sign_in' | trans }}
  26.                             </div>
  27.                             {% for message in app.flashes('success') %}
  28.                                 <div class="alert alert-success">
  29.                                     {{ message }}
  30.                                 </div>
  31.                             {% endfor %}
  32.                             <div class="p-2 mt-4">
  33.                                 <form novalidate="novalidate" method="post" id="myForm">
  34.                                     {% if error %}
  35.                                         <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  36.                                     {% endif %}
  37.                                     <div class="mb-3">
  38.                                         <label class="form-label" for="inputEmail">{{ 'message.modules.content.username' | trans }}</label>
  39.                                         <input type="email" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus placeholder="Enter username">
  40.                                         <small id="emailvalid" class="invalid-feedback text-danger"></small>
  41.                                     </div>
  42.                                     <div class="mb-3">
  43.                                         <label class="form-label" for="inputPassword">{{ 'message.modules.content.password' | trans }}</label>
  44.                                         <input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required placeholder="Enter password">
  45.                                         <small id="passwordvalid" class="invalid-feedback text-danger"></small>
  46.                                     </div>
  47.                                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  48.                                     <div class="mb-3">
  49.                                         <div class="float-end">
  50.                                             <a href="{{ path('app_forgot_password_request') }}" class="text-info">{{ 'message.modules.content.forgot_password' | trans }}</a>
  51.                                         </div>
  52.                                         <div><br>
  53.                                             <div class="mt-3 text-center">
  54.                                                 <button class="btn btn-primary w-sm waves-effect waves-light" type="submit">{{ 'message.modules.content.login' | trans }}</button>
  55.                                             </div>
  56.                                         </form>
  57.                                     </div>
  58.                                 </div>
  59.                             </div>
  60.                             <div class="mt-2 text-center">
  61.                                 <p>©
  62.                                     <script>
  63.                                         document.write(new Date().getFullYear())
  64.                                     </script>
  65.                                     {{ 'message.modules.content.copyright_symfony' | trans }}
  66.                                 </p>
  67.                             </div>
  68.                         </div>
  69.                     </div>
  70.                     <!-- end row -->
  71.                 </div>
  72.                 <!-- end container -->
  73.             </div>
  74.             {{ include('partials/vendor-scripts.html.twig') }}
  75.             <!-- App js -->
  76.             <script src="{{ absolute_url(asset('/js/app.js')) }}"></script>
  79.         </body>
  80.     </html>
  81.     <script>
  82.         $(document).ready(function () {
  83. $("#myForm").validate({
  84. rules: {
  85. inputEmail: {
  86. required: true,
  87. email: true
  88. },
  89. password: {
  90. required: true,
  91. minlength: 8
  92. }
  93. },
  94. messages: {
  95. email: {
  96. required: "Username is required",
  97. email: "Your email must be a valid email"
  98. },
  99. password: {
  100. required: "Password is required",
  101. minlength: "Password must contain at least 8 characters"
  102. }
  103. },
  104. errorPlacement: function (error, element) {
  105. error.appendTo(element.next());
  106. },
  107. highlight: function (element) {
  108. $(element).addClass("is-invalid");
  109. },
  110. unhighlight: function (element) {
  111. $(element).removeClass("is-invalid");
  112. },
  113. submitHandler: function (form) {
  114. form.submit();
  115. }
  116. });
  117. });
  118.     </script>
  119. </body>