templates/page/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello PageController!{% endblock %}
  5. {% block body %}
  6. {% if step == 'login' %}
  7. <div class="container text-center mt-5 pt-5">
  8.   <div class="row">
  9.     <div class="col">
  10.       <h1 class="display-3 mb-5">CheckTatoo Academy<sup>&reg;</sup></h1>
  11.       <form class="form-signin p-4 bg-light" method="post">
  12.         <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
  13.         <label for="inputEmail" class="sr-only">Email address</label>
  14.         <input type="email" name="email" id="inputEmail" class="form-control" placeholder="Email address" required="" autofocus="">
  15.         <br>
  16.         <label for="inputPassword" class="sr-only">Password</label>
  17.         <input type="password" name="password" id="inputPassword" class="form-control" placeholder="Password" required="">
  18.         <div class="checkbox mb-3">
  19.           <label>
  20.             <input type="checkbox" value="remember-me"> Remember me
  21.           </label>
  22.         </div>
  23.         <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
  24.       </form>
  25.       <p><a href="#">Back to homepage</a></p>
  26.     </div>
  27.   </div>
  28. </div>
  29. {% endif %}
  31. {% if step == 'process' %}
  32. <main id="stepin" role="main" class="container text-center mt-5 pt-5">
  34.   <div class="starter-template">
  35.     <h1 class="">CheckTatoo Academy authentication</h1>
  36.     <h2 class="">powered by</h2>
  37.     <h1>Kyvala Token<sup>&reg;</sup><span style="margin-left:-14px ;"> </span></h1>
  38.     <h2 class="text-primary display-4">Confirm your identity</h2>
  39.     <p class="lead">Complete biometric authentication on your phone</p>
  40.     <h1><span class="lead">Ref:</span> {{ref}}</h1>
  41.     <p class="lead text-primary"><span class="" style="font-size: 50px; border: 2px solid #007bff; padding-left: 10px; padding-right: 10px;"><span id="timer">10:00</span>s</span> left to complete your authentication</p>
  42.   </div>
  44. </main>
  46. <main id="stepoff" style="display:none ;" role="main" class="container text-center mt-5 pt-5">
  48.   <div class="starter-template mt-5 pt-5">
  49.     <h1 class="">CheckTatoo Academy authentication</h1>
  50.     <h2 class="">powered by</h2>
  51.     <h1>Kyvala Token<sup>&reg;</sup><span style="margin-left:-14px ;"> </span></h1>
  52.      <h3 class="text-danger">We can't proceed your request <br> because your validation was not done within the time limit</h3>
  53.     {# <h3 class="text-danger">We can't proceed your request <br> because your validation has been reported as fraudulent</h3> #}
  54.     <p><a href="{{path('app_homepage')}}" class="btn btn-primary">Go to homepage</a> <a href="{{path('app_homepage')}}" class="btn btn-danger">Try again</a></p>
  55.   </div>
  57. </main>
  59. <main id="faild" style="display:none ;" role="main" class="container text-center mt-5 pt-5">
  61.   <div class="starter-template mt-5 pt-5">
  62.     <h1 class="">CheckTatoo Academy authentication</h1>
  63.     <h2 class="">powered by</h2>
  64.     <h1>Kyvala Token<sup>&reg;</sup><span style="margin-left:-14px ;"> </span></h1>
  65.      {# <h3 class="text-danger">We can't proceed your request <br> because your validation was not done within the time limit</h3> #}
  66.     <h3 class="text-danger">We can't proceed your request <br> because your validation has been reported as fraudulent</h3>
  67.     <p> <a href="#" class="btn btn-danger">Contact Support</a></p>
  68.   </div>
  70. </main>
  72. <main id="success" style="display:none ;" role="main" class="container text-center mt-5 pt-5">
  74.   <div class="starter-template">
  75.     <h1>Welcome Mr Michel DJIKER</h1>
  76.     <p class="h3 text-success">Confirmation completed, you will be redirected in a moment...</p>
  77.     <p><img width="120px" src="{{asset('img/loader.gif')}}" alt=""></p>
  78.     <p class="lead">CheckTatoo Academy authentication</p>
  79.     <p class="lead">Kyvala Token<sup>&reg;</sup><span style="margin-left:-14px ;"> </span><sup>&reg;</sup></p>
  81.   </div>
  83. </main>
  86. <script> let faild = {{ stop  }}</script>
  87. <script> let url = "{{path('app_login_check', {'id': auth.id})}}" </script>
  88. <script src="{{asset('js/timer.js')}}"></script>
  89. {% endif %}
  90. {#
  91. <main role="main" class="container">
  93.   <div class="starter-template">
  94.     <h1>Welcome Mr Michel DJIKER</h1>
  95.     <p class="h3 text-success">Confirmation completed, you will be redirected in a moment...</p>
  96.     <p><img width="120px" src="{{asset('img/loader.gif')}}" alt=""></p>
  97.     <p class="lead">CheckTatoo Academy authentication</p>
  98.     <p class="lead">Kyvala Token<sup>&reg;</sup><span style="margin-left:-14px ;"> </span><sup>&reg;</sup></p>
  100.   </div>
  102. </main>
  103. {#
  104. <main role="main" class="container">
  106.   <div class="starter-template">
  107.     <h1 class="">CheckTatoo Academy authentication</h1>
  108.     <h2 class="">powered by</h2>
  109.     <h1>Kyvala Token<sup>&reg;</sup><span style="margin-left:-14px ;"> </span></h1>
  110.      <h3 class="text-danger">We can't proceeed your request <br> because your validation was not done within the time limit</h3>
  111.     <h3 class="text-danger">We can't proceed your request <br> because your validation has been reported as fraudulent</h3>
  112.     <p><a href="#" class="btn btn-primary">Go to homepage</a> <a href="#" class="btn btn-danger">Try again</a></p>
  113.   </div>
  115. </main>
  116. #}
  119. {% endblock %}