{% extends "authentic2/base.html" %}
{% load i18n %}
{% load static %}

{% block extra-body-class %}{{ block.super }} login-page{% endblock %}

{% block bodyargs %}
{% endblock %}

{% block title %}
  {% trans "Login" %}
{% endblock %}

{% block menu %}
{% endblock %}

{% block content %}
  {% include "authentic2/service_info_fragment.html" %}

  {% block login-pre %}{% endblock %}
  <div id="login-page" class="clearfix methods{{ blocks|length }}">
    {% block login-top %}{% endblock %}

    {% block login-blocks %}
      <div id="what_is_waco" class="grid-1-2">
        <h2>Connexion avec <span class="highlight">Wallonie Connect</span></h2>
        <p>Les comptes créés sur imio.be ont été récupérés dans my.imio.be.<br/>
          Vous devez réinitialiser votre mot de passe s'il s'agit d'une première connexion sur ce portail.
        </p>
        <p>Le login à renseigner lors de l'authentification doit être au format première lettre du prénom suivi du nom de famille (ex: Jean Dupont = jdupont)
        </p>
        <p>Merci de créer un ticket via <a href="https://support.imio.be" target="_blank" title="Vers la plateforme de support My iMio">support.imio.be</a>
          si vous rencontrez un problème lors de la réinitialisation du mot de passe.
        </p>
        <picture><img id="waco-login-img" src="{{ portal_url }}static/imio-pwa-2020/images/wca.png" alt="Illustration de Wallonie  Connect"></picture>
      </div>
      <div id="Mot_de_passe" class="grid-1-2">
        <h2>Connexion avec <span>identifiant</span></h2>
        {{blocks.password.content|safe}}
      </div>

    {% endblock %}

  </div>

{% endblock %}

