templates/authentication/authenticate.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block bodycont %}
  5.     <div class="container-fluid bg-dark-gray h-100 bg-image">
  6.         <div class="row h-100 flex-column flex-md-row align-items-center">
  7.             <div class="col"></div>
  8.             <div class="col-sm-6">
  9.                 <div class="card bg-dark text-white bg-gradient">
  10.                     <div class="card-body">
  11.                         <!-- Page Header -->
  12.                         <div class="border-bottom flex-grow-0">
  14.                             <!-- Page Named and action buttons -->
  15.                             <div class="row mb-3 justify-content-between">
  16.                                 <div class="col d-flex align-items-center">
  17.                                     {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  18.                                         <h3 class="mb-0">Already signed in</h3>
  19.                                     {% else %}
  20. {#                                        <h3 class="mb-0">Authenticate - {{ entity_name | render_title }}</h3>#}
  21.                                         <h3 class="mb-0">Sign In</h3>
  22.                                     {% endif %}
  23.                                 </div>
  24.                                 <div class="col-auto d-flex align-items-center">
  25.                                     <a title="Cancel" href="/"
  26.                                        class="btn bg-gradient btn-secondary ms-3">
  27.                                         <i class="fas fa-undo"></i><span>Back</span>
  28.                                     </a>
  29.                                 </div>
  30.                             </div>
  31.                         </div>
  33.                         <section class="flex-grow-1 position-relative">
  34.                             <div class="w-100 h-100">
  35.                                 {% if error %}
  36.                                     <div class="alert alert-danger alert-dismissible fade show" role="alert">
  37.                                         <strong>Error</strong> {{ error.messageKey|trans(error.messageData, 'security') }}
  38.                                         <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  39.                                     </div>
  40.                                 {% endif %}
  41.                                 {% for type, flash_messages in app.session.flashBag.all %}
  42.                                     {% for flash_message in flash_messages %}
  43.                                         <div class="alert alert-{{ type }} alert-dismissible fade show mt-3 mb-0" role="alert">
  44.                                             {{ flash_message }}
  45.                                             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  46.                                         </div>
  47.                                     {% endfor %}
  48.                                 {% endfor %}
  49.                                 {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  50.                                     <div class="d-flex justify-content-between mt-3">
  51.                                         <a class="btn bg-gradient btn-warning" href="{{ path(path_prefix ~ '_' ~ path_entity_name ~ '_leave') }}">Sign out</a>
  52.                                         <a class="btn bg-gradient btn-primary" href="{{ path('profile_' ~ path_entity_name ~ '_edit') }}">Profile</a>
  53.                                     </div>
  54.                                 {% else %}
  55.                                     <form action="{{ path(path_prefix ~ '_' ~ path_entity_name ~ '_authenticate') }}" method="post">
  56.                                         <div class="my-3">
  57.                                             <label for="usernameField" class="form-label">Username</label>
  58.                                             <input type="text" id="usernameField" name="_username" class="form-control">
  59.                                         </div>
  60.                                         <div class="mb-3">
  61.                                             <label for="passwordField" class="form-label">Password</label>
  62.                                             <input type="password" id="passwordField" name="_password" class="form-control" aria-describedby="passwordHelpBlock">
  63.                                             <div id="passwordHelpBlock" class="form-text">
  64.                                                 <a class="btn-link" href="{{ path(path_prefix ~ '_' ~ path_entity_name ~ '_request') }}">Forgotten password?</a>
  65.                                             </div>
  66.                                         </div>
  67.                                         <div class="mb-3">
  68.                                             <input type="checkbox" id="remember_me" name="_remember_me" checked/>
  69.                                             <label for="remember_me">Keep me logged in</label>
  70.                                         </div>
  71.                                         <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  72.                                         <div class="d-flex justify-content-between">
  73.                                             <button class="btn bg-gradient btn-success" type="submit">Sign in</button>
  74.                                             <a class="btn bg-gradient btn-warning" href="{{ path(path_prefix ~ '_' ~ path_entity_name ~ '_register') }}">Register</a>
  75.                                         </div>
  76.                                     </form>
  77.                                 {% endif %}
  78.                             </div>
  79.                         </section>
  80.                     </div>
  81.                 </div>
  82.             </div>
  83.             <div class="col"></div>
  84.         </div>
  85.     </div>
  87. {% endblock %}
  89. {% block javascripts %}
  90.     {{ parent() }}
  91.     {{ encore_entry_script_tags('form') }}
  92. {% endblock %}