templates/user/access.html.twig line 1

Open in your IDE?
  1. {% extends 'main.html.twig' %}
  3. {% block head %}
  5.     <link rel="stylesheet" href="{{ asset('assets/css/access.css') }}?v={{ random() }}">
  7. {% endblock %}
  9. {% block body %}
  10.     
  11.     <!-- HEADING -->
  12.     <div class="container-fluid bg-heading py-5">
  13.         <div class="container py-5">
  14.             <div class="row py-5 d-flex justify-content-xl-around justify-content-center align-items-center">
  15.                 <div class="col-xl-4 col-12 pt-5">
  16.                     <p class="ttl-welcome">¡Bienvenido!</p>
  17.                     <p class="pt-xl-5 pt-3 txt-welcome">Inicia sesión para comprar tus tickets y comenzar la experiencia.</p>
  18.                 </div>
  19.                 <div class="col-xl-4 col-md-7 col-12 py-5 pt-5">
  20.                     <div class="card session-card">
  22.                         <div class="session-tab py-4">
  23.                             <button class="cnt-tab tablink {{format is not defined or format == 1 ? 'active' : ''}}" onclick="openForm(event, 'login')">
  24.                                 Iniciar sesión
  25.                             </button>
  26.                             <button class="cnt-tab tablink {{format == 2 ? 'active'}}" onclick="openForm(event, 'sign-up')">
  27.                                 Registro
  28.                             </button>
  29.                         </div>
  31.                         {% if format and format == 1 %}
  32.                             <div class="session-form py-5 session" id="login">
  33.                         {% else %}
  34.                             <div class="session-form py-5 session" id="login" style="display: none;">
  35.                         {% endif %}
  37.                             {% if statusLogin == 'error' %}
  38.                                 <p class="text-center">Usuario o contraseña incorrectos</p>
  39.                                 <a href="{{ path('access') }}" class="txt-session-link pt-4"><u>Vuelva a intentarlo</u></a>
  40.                             {% else %}
  41.                                 <form method="POST" action="{{ path('access') }}" class="form">
  42.                                     <input type="email" name="email-login" class="inp-session mt-3" placeholder="Email" required>
  43.                                     <input type="password" name="password" class="inp-session mt-3" placeholder="Contraseña" required>
  45.                                     <input type="hidden" name="send-form-log" value="1">
  46.                                     
  47.                                     <a href="{{ path('recoverPassword') }}" class="txt-session-link py-4"><u>¿Has olvidado tu contraseña?</u></a>
  48.                                     
  49.                                     <button type="submit" class="send">Iniciar sesión</button>
  50.                                     <input type="hidden" name="redirect" value="{{redirect}}">
  51.                                     <input type="hidden" name="format" value="1">
  52.                                 </form>
  53.                             {% endif %}
  54.                         </div>
  56.                         {% if format and format == 2 %}
  57.                             <div class="session-form py-5 session" id="sign-up" style="display: flex;">
  58.                         {% else %}
  59.                             <div class="session-form py-5 session" id="sign-up" style="display: none;">
  60.                         {% endif %}
  61.                             {% if statusPreregister == 'done' %}
  62.                                 <img class="icn-success" src="{{ asset('assets/images/icons/icn-verified-green.svg') }}">
  63.                                 <p class="text-center py-2">Hemos enviado un mensaje a su email</p>
  64.                                 <a href="{{ path('home') }}" class="txt-session-link pt-4"><u>Volver al inicio</u></a>
  65.                             {% elseif statusPreregister == 'error' %}
  66.                                 <p class="text-center">Ya existe un usuario con este correo electrónico. Pruebe a:</p>
  67.                                 <a href="{{ path('access') }}" class="txt-session-link pt-4"><u>Iniciar sesión</u></a>
  68.                                 <a href="{{ path('recoverPassword') }}" class="txt-session-link pt-4"><u>Recuperar contraseña</u></a>
  69.                             {% else %}
  70.                                 <form method="POST" action="{{ path('access') }}" class="form">
  71.                                     <input type="email" name="email-preregister" class="inp-session mt-3" placeholder="Email" required>
  73.                                     <div class="form-check" style="max-width:80%; margin:10px auto 0 auto;">
  74.                                         <input class="form-check-input" type="checkbox" value="" id="checkbox-policy" required>
  75.                                         <label class="form-check-label" for="checkbox-policy">
  76.                                             He leído y estoy de acuerdo con la política de privacidad
  77.                                         </label>
  78.                                     </div>
  80.                                     <input type="hidden" name="send-form-pre" value="1">
  81.                                     
  82.                                     <button type="submit" class="send">Enviar</button>
  83.                                     <input type="hidden" name="format" value="2">
  84.                                 </form>
  85.                             {% endif %}
  86.                         </div>
  88.                     </div>
  89.                 </div>
  90.             </div>
  91.         </div>
  92.     </div>
  94.     {% block javascripts %}
  95.         <script>
  96.             function openForm(evt, form) {
  98.                 var i, x, tablinks;
  99.                 var x = document.getElementsByClassName("session");
  101.                 for (i = 0; i < x.length; i++) {
  102.                     x[i].style.display = "none";  
  103.                 }
  105.                 tablinks = document.getElementsByClassName("tablink");
  106.                 for (i = 0; i < x.length; i++) {
  107.                     tablinks[i].className = tablinks[i].className.replace(" active", "");
  108.                 }
  110.                 document.getElementById(form).style.display = "flex";
  111.                 evt.currentTarget.className += " active";
  113.             }
  114.         </script>
  115.     {% endblock %}
  117. {% endblock %}