{% extends 'accounts/_layout.html' %}
{% block title %}Sign in | The Reverse Times{% endblock %}
{% block content %}
<div class="acct">
  <div class="acct-card">
    <p class="ds-label" style="margin-bottom:.6rem">The Reverse Times</p>
    <h1>Sign in</h1>
    <p class="acct-sub">Read your magazines on any device and track your orders.</p>
    {% include 'accounts/_google_button.html' with google_context='signin' %}
    {% for e in form.non_field_errors %}<div class="acct-alert" role="alert">{{ e }}</div>{% endfor %}
    <form method="post" novalidate>
      {% csrf_token %}
      <input type="hidden" name="next" value="{{ next }}">
      {% include 'accounts/_field.html' with field=form.identifier %}
      {% include 'accounts/_field.html' with field=form.password %}
      {% include 'accounts/_field.html' with field=form.remember %}
      {% include 'accounts/_field.html' with field=form.accept_terms %}
      <button type="submit" class="ds-btn ds-btn-primary acct-btn"{% if locked %} disabled{% endif %}>Sign in</button>
    </form>
    <div class="acct-links">
      <a href="{% url 'account_password_reset' %}">Forgot password?</a>
      <a href="{% url 'account_signup' %}{% if next %}?next={{ next|urlencode }}{% endif %}">Create an account</a>
    </div>
  </div>
</div>
{% endblock %}