templates/user/access.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block head %}
  5. {% endblock %}
  7. {% block body %}
  9.     <style>
  10.         .footer{
  11.             margin-top: 0 !important;
  12.         }
  14.         a:hover{
  15.             color: #5902EC;
  16.         }
  18.         #access-btn{
  19.             display: none !important;
  20.         }
  21.     </style>
  23.     <!-- HEADING -->
  24.     <div class="container-fluid bg-orange sctn-access">
  25.         <div class="row pt-5">
  26.             
  27.             <div class="col-12 d-flex justify-content-center">
  28.                 <div class="card-access bg-white">
  29.                     <div class="row p-4">
  31.                         <div class="col-12 d-flex justify-content-center">
  32.                             <button class="btn-md access tablink {{format is not defined or format == 1 ? 'active' : ''}}" onclick="openForm(event, 'login')">
  33.                                 Iniciar sesión
  34.                             </button>
  35.                             <button class="btn-md access tablink {{format == 2 ? 'active'}}" onclick="openForm(event, 'sign-up')">
  36.                                 Registro
  37.                             </button>
  38.                         </div>
  40.                         {% if format and format == 1 %}
  41.                             <div class="row session p-0 m-0" id="login">
  42.                         {% else %}
  43.                             <div class="row session p-0 m-0" id="login" style="display: none;">
  44.                         {% endif %}
  45.                             {% if statusLogin == 'error' %}
  46.                                 <p class="text-center mt-5">Usuario o contraseña incorrectos</p>
  48.                                 <div class="col-12 d-flex justify-content-center mt-4">
  49.                                     <a href="{{ path('access') }}">
  50.                                         <button class="btn-md blue">Volver</button>
  51.                                     </a>
  52.                                 </div>
  53.                             {% else %}
  54.                                 <form method="POST" action="{{ path('access') }}">
  55.                                     <div class="col-12 mt-4 mb-3">
  56.                                         <p class="pb-2">Email</p>
  57.                                         <input type="email" name="email-login" required>
  58.                                     </div>
  60.                                     <div class="col-12 mb-4">
  61.                                         <p class="pb-2">Password</p>
  62.                                         <input type="password" name="password" required>
  63.                                     </div>
  65.                                     <input type="hidden" name="send-form-log" value="1">
  67.                                     <div class="col-12 d-flex justify-content-center mb-4">
  68.                                         <button type="submit" class="btn-md orange">Enter</button>
  69.                                     </div>
  71.                                     <div class="col-12 d-flex justify-content-center">
  72.                                         <a href="{{ ('recover-password') }}">
  73.                                             <p class="text-muted">Forgot password?</p>
  74.                                         </a>
  75.                                     </div>
  77.                                     <input type="hidden" name="redirect" value="{{redirect}}">
  78.                                     <input type="hidden" name="format" value="1">
  79.                                 </form>
  80.                             {% endif %}
  81.                         </div>
  83.                         {% if format and format == 2 %}
  84.                             <div class="row session p-0 m-0" id="sign-up" style="display: flex;">
  85.                         {% else %}
  86.                             <div class="row session p-0 m-0" id="sign-up" style="display: none;">
  87.                         {% endif %}
  89.                             {% if statusPreregister == 'done' %}
  90.                                 <p class="text-center mt-5 mb-2">Hemos enviado un mensaje a su email</p>
  91.                                 <div class="col-12 d-flex justify-content-center mt-4">
  92.                                     <a href="{{ path('home') }}">
  93.                                         <button class="btn-md blue">Volver al inicio</button>
  94.                                     </a>
  95.                                 </div>
  96.                             {% elseif statusPreregister == 'error' %}
  97.                                 <p class="text-center mt-5">Ya existe un usuario con este correo electrónico. Pruebe a:</p>
  98.                                 
  99.                                 <div class="col-12 d-flex justify-content-center mt-4">
  100.                                     <a href="{{ path('access') }}">
  101.                                         <button class="btn-md blue">Iniciar sesión</button>
  102.                                     </a>
  103.                                 </div>
  104.                                 
  105.                                 <div class="col-12 d-flex justify-content-center mt-4">
  106.                                     <a href="{{ path('recoverPassword') }}">
  107.                                         <button class="btn-md blue">Recuperar contraseña</button>
  108.                                     </a>
  109.                                 </div>
  110.                             {% elseif statusPreregister == 'sender_error' %}
  111.                                 <p class="text-center mt-5 mb-2">No se ha podido enviar el email, vuelva a intentarlo en unos minutos</p>
  112.                                 <div class="col-12 d-flex justify-content-center mt-4">
  113.                                     <a href="{{ path('access') }}">
  114.                                         <button class="btn-md blue">Volver a intentarlo</button>
  115.                                     </a>
  116.                                 </div>
  117.                             {% else %}
  118.                                 <form method="POST" action="{{ path('access') }}" class="form">
  119.                                     <div class="col-12 my-4">
  120.                                         <p class="pb-2">Email</p>
  121.                                         <input type="email" name="email-preregister" required>
  122.                                     </div>
  123.                                     
  124.                                     <input type="hidden" name="send-form-pre" value="1">
  126.                                     <div class="col-12 d-flex justify-content-center mb-4">
  127.                                         <button type="submit" class="btn-md orange">Enter</button>
  128.                                     </div>
  129.         
  130.                                     <input type="hidden" name="format" value="2">
  131.                                 </form>
  132.                             {% endif %}
  133.                         </div>
  135.                     </div>
  136.                 </div>
  137.             </div>
  138.             
  139.         </div>
  140.     </div>
  142.     {% block javascripts %}
  143.         <script>
  144.             function openForm(evt, form) {
  146.                 var i, x, tablinks;
  147.                 var x = document.getElementsByClassName("session");
  149.                 for (i = 0; i < x.length; i++) {
  150.                     x[i].style.display = "none";  
  151.                 }
  153.                 tablinks = document.getElementsByClassName("tablink");
  155.                 for (i = 0; i < x.length; i++) {
  156.                     tablinks[i].className = tablinks[i].className.replace(" active", "");
  157.                 }
  159.                 document.getElementById(form).style.display = "flex";
  160.                 evt.currentTarget.className += " active";
  162.             }
  163.         </script>
  164.     {% endblock %}
  166. {% endblock %}