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

{% load crispy_forms_tags %}

{% block content %}
  <h1>{% trans "Sign in or create account" %}</h1>

  <div class="alert alert-warning">
    <ul>
      <li>
      <i class="fa fa-warning"></i>
      {% comment %}
        Translators: For courses which require specific email suffix for enrollment, translate the following literals
        with your customized email suffix.
      {% endcomment %}
      {% blocktrans trimmed %}
        Please use the <em>official</em> email address associated with the
        university or school at which this course is taking place. Some courses
        may require a certain email domain (such as "@illinois.edu") for
        enrollment.
      {% endblocktrans %}
      </li>
      <li>
      <i class="fa fa-warning"></i>
      {% url "relate-sign_in_by_user_pw" as relate-sign_in_by_user_pw %}
      {% blocktrans trimmed %}
        If you have a user name and a password, you should use the
        <a href="{{ relate-sign_in_by_user_pw }}">password-based sign-in process</a>.
      {% endblocktrans %}
      </li>
    </ul>
  </div>

  <div class="well">
    {% crispy form %}
  </div>
{% endblock %}