templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4.     <!-- ============================================================== -->
  5.     <!-- Preloader - style you can find in spinners.css -->
  6.     <!-- ============================================================== -->
  7.     <div class="preloader">
  8.         <svg class="circular" viewBox="25 25 50 50">
  9.             <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" /> </svg>
  10.     </div>
  11.     <!-- ============================================================== -->
  12.     <!-- Main wrapper - style you can find in pages.scss -->
  13.     <!-- ============================================================== -->
  14.     <section id="wrapper">
  15.         <div class="login-register" style="background-image:url({{ asset('assets/images/background/login-register-'~ random([1,2,3]) ~'.jpg') }});">
  16.             <div class="login-box card" style="background-color:rgba(0, 0, 0, 0.6);">
  17.                 <div class="card-body">
  18.                     <div class="row logoHome mb-4">
  19.                         <p class="text-center" ><img src="{{ asset('assets/images/logo-2.png') }}"/></p>
  20.                     </div>
  22.                     <style>
  23.                         #inputEmail, #inputPassword {
  24.                             background-color: #333;
  25.                             border: 1px solid #fff;
  26.                             border-radius: 5px;
  27.                             padding: 5px 15px;
  28.                         }
  29.                     </style>
  30.                     <form class="form-horizontal form-material" id="loginform" method="post">
  31.                         <div class="form-group ">
  32.                             <div class="col-xs-12">
  33.                                 <input class="form-control" type="mail" id="inputEmail" name="email" placeholder="{{ 'Introduce tú email'|trans }}" value="{{ last_username }}" required autofocus>
  34.                             </div>
  35.                         </div>
  36.                         <div class="form-group">
  37.                             <div class="col-xs-12">
  38.                                 <div class="input-group" id="show_hide_password">
  39.                                     <input class="form-control" type="password" id="inputPassword" name="password" placeholder="{{ 'Contraseña'|trans }}" required>                                
  40.                                     <span class="input-group-text" id="basic-addon1">
  41.                                         <a href=""><i class="fa fa-eye-slash" aria-hidden="true"></i></a>
  42.                                     </span>
  43.                                 </div>                                
  44.                                 <input type="hidden" name="_csrf_token"  value="{{ csrf_token('authenticate') }}">
  45.                             </div>
  46.                         </div>                       
  47.                         
  48.                         <div class="form-group text-center m-t-20">
  49.                             <div class="col-xs-12">
  50.                                 <button class="btn btn-primary btn-lg btn-block waves-effect" type="submit">{{ 'Iniciar sesión'|trans }}</button>
  51.                             </div>
  52.                         </div>
  53.                         <div class="form-group row">
  54.                             <div class="col-md-12 font-14 text-center">
  55.                                 <a href="{{ path('app_forgot_password_request') }}" class="text-center"><i class="fa fa-lock m-r-5"></i> {{ '¿Olvidaste tu contraseña?'|trans }}</a> </div>
  56.                         </div>
  57.                         {% if error %}                            
  58.                             <div class="alert alert-warning alert-dismissible" role="alert">
  59.                                 <h3 class="text-warning"><i class="fa fa-exclamation-triangle"></i> Alerta</h3> {{ error.messageKey|trans(error.messageData, 'security') | raw }}
  60.                                 <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>                                
  61.                             </div>
  62.                         {% endif %}
  63.                         
  64.                         <div class="text-center m-t-20 text13">
  65.                             <p class="text-center"><a target="_blank" href="{{ path('acme_terms') }}">{{ 'Condiciones de uso'|trans }}</a> | <a target="_blank" href="{{ path('acme_privacy') }}">{{ 'Politica de privacidad'|trans }}</a> </p>
  66.                         </div>
  67.                     </form>                    
  68.                 </div>
  69.             </div>
  70.         </div>
  71.     </section>
  72.     <!-- ============================================================== -->
  73.     <!-- End Wrapper -->
  74.     <!-- ============================================================== -->
  75. {% endblock %}
  77. {% block javascripts %}
  78.     {{ parent() }}
  80.     <script src="{{ asset('js/bootstrap-show-password.js') }}"></script>
  82. {% endblock %}