templates/authentification/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block message_head %}
  5. {% endblock %}
  7. {% block complete_body %}
  9.     <div class="app-container app-theme-white body-tabs-shadow">
  10.         <div class="app-container">
  12.             {#  <div class="h-100 bg-plum-plate bg-animation">#}
  13.             <div class="h-100 bg-animation" style="background-image: linear-gradient(180deg, #96c574 25%, #2385c3 100%) !important;">
  14.                 {% block message_body %}
  15.                     {% for label, messages in app.flashes %}
  16.                         {% for message in messages %}
  17.                             <div class="alert alert-{{ label }}">
  18.                                 {{ message }}
  19.                                 <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  20.                                     <span aria-hidden="true">&times;</span>
  21.                                 </button>
  22.                             </div>
  23.                         {% endfor %}
  24.                     {% endfor %}
  25.                 {% endblock %}
  26.                 <div class="d-flex h-100 justify-content-center align-items-center">
  27.                     <div class="mx-auto app-login-box col-md-8">
  28.                         {# <div class="app-logo-inverse mx-auto mb-3"></div> #}
  29.                         {{ form_start(form) }}
  30.                         <div class="form-row">
  31.                             <div class="col-md-12">
  32.                                 {{ form_errors(form) }}
  33.                             </div>
  34.                         </div>
  35.                         <div class="modal-dialog w-100 mx-auto">
  36.                             <div class="modal-content">
  37.                                 <div class="modal-body">
  38.                                     <img src="{{ asset('images/logo_pm_sm.png') }}" alt="VISIO" title="VISIO" style="width:55px;position:absolute;top:10px;left:0;"/>
  39.                                     <div class="h5 modal-title text-center">
  40.                                         <h4 class="mt-2">
  41.                                             <div class="grey-PM">{{ 'menu.bienvenue'|trans }}</div>
  42.                                             <span>{{ 'menu.accueil'|trans }}</span>
  43.                                         </h4>
  44.                                     </div>
  45.                                     <div class="app-header-right" style="position:absolute;top:10px;right:0;">
  46.                                         <div class="header-dots">
  47.                                             <div class="dropdown">
  48.                                                 <button type="button" data-toggle="dropdown" class="p-0 mr-2 btn btn-link">
  49.                                                             <span class="icon-wrapper icon-wrapper-alt rounded-circle">
  50.                                                                 <span class="icon-wrapper-bg bg-focus"></span>
  51.                                                                {% if app.request.locale == 'en' %}
  52.                                                                    <span class="language-icon opacity-8 flag large GB"></span>
  53.                                                                {% else %}
  54.                                                                    <span class="language-icon opacity-8 flag large  {{ app.request.locale|upper }}"></span>
  55.                                                                {% endif %}
  56.                                                             </span>
  57.                                                 </button>
  58.                                                 <div tabindex="-1" role="menu" aria-hidden="true" class="rm-pointers dropdown-menu dropdown-menu-right">
  59.                                                     <a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'_locale': 'fr'})) }}">
  60.                                                         <button type="button" tabindex="0" class="dropdown-item">
  61.                                                             <span class="mr-3 opacity-8 flag large FR"></span>
  62.                                                             Français
  63.                                                         </button></a>
  64.                                                     <a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'_locale': 'en'})) }}">
  65.                                                         <button type="button" tabindex="0" class="dropdown-item">
  66.                                                             <span class="mr-3 opacity-8 flag large GB"></span>
  67.                                                             English
  68.                                                         </button>
  69.                                                     </a>
  70.                                                 </div>
  71.                                             </div>
  72.                                         </div>
  73.                                     </div>
  74.                                     <div class="form-row">
  75.                                         <div class="col-md-12">
  76.                                             {{ form_errors(form) }}
  77.                                         </div>
  78.                                         <div class="col-md-12 form-group">
  79.                                             <div class="position-relative">
  80.                                                 {{ form_row(form.identifiant) }}
  81.                                             </div>
  82.                                         </div>
  83.                                         <div class="col-md-12 form-group">
  84.                                             <div class="input-group">
  85.                                                 {{ form_row(form.motdepasse) }}
  86.                                                 <div class="input-group-append">
  87.                                                     <span id="toggle-visibility-span" class="input-group-text toggle-password" style="cursor: pointer;" onclick="togglePasswordVisibility();" title="{{ "show_password" | trans }}">
  88.                                                         <i id="login-form-password-icon" class="fas fa-eye"></i>
  89.                                                     </span>
  90.                                                 </div>
  91.                                             </div>
  92.                                         </div>
  93.                                     </div>
  94.                                 </div>
  95.                                 <div class="modal-footer clearfix">
  96.                                     <div class="float-left"><a href="forget" class="btn-lg btn btn-link blue-PM">{{ 'menu.recoverpassword'|trans }}</a></div>
  97.                                     <div class="float-right">
  98.                                         <button class="btn button-info-PM btn-lg" type="submit" id="connection" name="connection">{{ 'menu.login'|trans }}</button>
  99.                                     </div>
  100.                                 </div>
  101.                             </div>
  102.                         </div>
  103.                         {{ form_end(form) }}
  104.                         <div class="text-center text-white opacity-8 mt-3">
  105.                             <p style="text-align: center;">Visio© 2009-{{ "now"|date("Y") }}
  106.                                 <br><a href="https://www.planet-monetic.fr/politique-de-confidentialite/" class='text-white' target="_blank">{{'titre_info_politique_conficdentialite'|trans}}</a> - {{ 'menu.footer'|trans }} <a href="http://www.mozilla.org/firefox/" class='text-white' target="_blank">FIREFOX©</a> & <a href="http://www.google.com/chrome/" class='text-white' target="_blank">CHROME©</a></p>
  107.                         </div>
  108.                         <div class="text-center m-auto mt-3">
  109.                             <img src="{{ asset('images/logo_pm_white.png') }}" class="img-fluid" alt="VISIO" title="VISIO" style="width: 300px">
  110.                         </div>
  111.                     </div>
  112.                 </div>
  113.             </div>
  114.         </div>
  115.     </div>
  116. {% endblock %}