{% extends "base.html" %}
{% load i18n %}


{% block auth %}{% endblock %}

{% block content %}

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

{# Indications de connexion #}
{% if method %}
<div class="message is-warning">
  <div class="message-body">
    {% if method == "PWD" %}
    {% trans "Pour voter lors de cette élection, vous devez vous connecter à l'aide des identifiants reçus par mail. Choisissez la connexion par mot de passe." %}
    {% elif method == "CAS" %}
    {% trans "Pour voter lors de cette élection, vous devez vous connecter à l'aide du CAS élève." %}
    {% endif %}
  </div>
</div>
{% endif %}


<div class="tile is-ancestor">
  <div class="tile is-parent">
    <a class="tile is-child notification is-primary" href="{% url "auth.cas" %}?next={{ next }}">
      <div class="subtitle has-text-centered mb-2">
        <span class="icon has-text-white">
          <i class="fas fa-school"></i>
        </span>
        <span class="ml-3">{% trans "Connexion via CAS" %}</span>
      </div>
    </a>
  </div>

  <div class="tile is-parent">
    <a class="tile is-child notification" href="{% url "auth.pwd" %}?next={{ next }}&election_id={{ election_id }}&method={{ method }}">
      <div class="subtitle has-text-centered mb-2">
        <span class="icon">
          <i class="fas fa-key"></i>
        </span>
        <span class="ml-3">{% trans "Connexion par mot de passe" %}</span>
      </div>
    </a>
  </div>
</div>


{% endblock %}
