{% extends "onboarding/base.html" %}
{% block title %}Log in{% endblock %}
{% block main %}
<section class="tam-card tam-card--narrow">
  <div style="margin-bottom: var(--space-5);">{% include "onboarding/_logo.html" %}</div>
  <h1 class="tam-h2">Log in</h1>
  <p class="tam-lede">Use the credentials we emailed after your registration.</p>
  {% if error %}<p class="tam-flash tam-flash--danger">{{ error }}</p>{% endif %}
  <form method="post" novalidate>
    {% csrf_token %}
    <label class="tam-field">
      <span class="tam-field__label">Email</span>
      <input class="tam-input" type="email" name="email" required value="{{ email|default:'' }}">
    </label>
    <label class="tam-field">
      <span class="tam-field__label">Password</span>
      <input class="tam-input" type="password" name="password" required>
    </label>
    <div class="tam-form-row tam-form-row--right">
      <a class="tam-link--accent" href="mailto:admin@tamis.io?subject=TAMIS%20password%20reset">Forgot password?</a>
    </div>
    <button class="tam-btn tam-btn--primary tam-btn--lg tam-btn--block" type="submit">Log in</button>
  </form>
  <p class="tam-form-footer">No account yet? <a class="tam-link--accent" href="{% url 'onboarding-wizard-overview' %}">Register your organisation</a></p>
</section>
{% endblock %}