{% extends "base.html" %}

{% load i18n %}

{% block content %}

  <section class="section">
    <h1 class="title">{% trans "Choisissez la méthode de connexion" %}</h1>

    <div class="buttons">
      <a class="button signin-button is-primary is-fullwidth"
         href="{% url "authens:login.cas" %}?next={{ next }}">
        <span class="icon">
          <i class="ti ti-school"></i>
        </span>
        <span>{% trans "Connexion via clipper" %}</span>
      </a>
      <a class="button signin-button is-link is-fullwidth"
         href="{% url "authens:login.pwd" %}?next={{ next }}">
        <span class="icon">
          <i class="ti ti-key"></i>
        </span>
        <span>{% trans "Connexion par mot de passe" %}</span>
      </a>
      <a class="button signin-button is-secondary is-fullwidth"
         href="{% url "authens:login.oldcas" %}?next={{ next }}">
        <span class="icon">🦕</span>
        <span>{% trans "Connexion dino" %}</span>
      </a>
    </div>
    <div class="mb-6">
      <label class="checkbox">
        <input type="checkbox" />
        {% trans "Se souvenir de mon choix" %}
      </label>
    </div>

    <div class="content notification">
      {% url "authens:reset.pwd" as url_reset %}
      <p class="has-text-centered">
        {% blocktrans %}Si votre fin de scolarité approche, créez un mot de passe pour votre compte pour bénéficier de la connexion dino: <a href="{{ url_reset }}">créer un mot de passe</a>.
    <br>
    <a href="{{ url_reset }}">Mot de passe oublié</a>{% endblocktrans %}
      </p>
    </div>
  </section>

{% endblock %}