templates/security/recovery.html.twig line 1

Open in your IDE?
  1. {% extends 'base_login.html.twig' %}
  2. {% block title %}Recuperar Contraseña{% endblock %}
  3. {% block body_class %}d-flex align-items-center bg-auth border-top border-top-2 border-primary{% endblock %}
  4. {% block body %}
  5.  <div class="container">
  6.   <div class='row'>
  7.       <div class='col-md-4'></div>
  8.         <div class='col-md-4 text-center'>
  9.             <img src="{{ logo }}" style='max-width:250px'>
  10.         </div>
  11.          <div class='col-md-4'></div>      
  12.   </div>
  13.   <div class="row justify-content-center">
  14.     <div class="col-12 col-md-5 col-xl-4 my-5">    
  15.       <!-- Heading -->
  16.       <p style='text-align:center;'><a href="{{path('app_login')}}">&laquo; Regresar</a></p>
  17.       <h1 class="display-4 text-center" style='margin-bottom:0px;padding-bottom:0px;'>
  18.         Recuperar contraseña
  19.       </h1>
  20.       <!-- Subheading -->
  21.       <p class="text-muted text-center mb-5">
  22.          Ingrese el email registrado para recibir un email con instrucciones de recuperación
  23.       </p>
  24.       
  25.       {{ include('flash.html.twig') }}
  26.       <!-- Form -->
  27.       <form method='post'>
  28.         <div class="form-group">
  29.             <label class="form-label">
  30.                 Email
  31.             </label>
  32.             <input type="email" value="" name="recovery_email" class="form-control" autocomplete="email" required autofocus>
  33.         </div>        
  34.         <!-- Submit -->
  35.         <button class="btn btn-lg w-100 btn-primary mb-3">
  36.           Enviar email de recuperación
  37.         </button>
  38.         <!-- Link -->
  39.         <div class="text-center">
  40.           <small class="text-muted text-center">
  41.             ¿Ya tiene una cuenta? <a href="{{path('app_login')}}">Inicie sesión</a>.
  42.           </small>
  43.         </div>
  44.         
  45.       </form>
  46.     </div>
  47.   </div> <!-- / .row -->
  48. </div> <!-- / .container -->
  49. {% endblock %}
  50. {% block javascripts %}
  51.     <script>
  52.         
  53.         
  54.     </script>
  55. {% endblock %}