{% extends "onboarding/base.html" %}
{% block title %}Set your password — TAMIS{% endblock %}
{% block main %}
<section class="tam-card tam-card--narrow">
{% if outcome == "invalid" or outcome == "expired" %}
  <div style="margin-bottom: var(--space-5);">{% include "onboarding/_logo.html" with logo_size='22px' %}</div>
  <h1 class="tam-h2">Invalid link</h1>
  <p class="tam-lede">The password link expired or has already been used. Request a new one from your operator.</p>
{% else %}
  <div style="margin-bottom: var(--space-5);">{% include "onboarding/_logo.html" with logo_size='22px' %}</div>
  <h1 class="tam-h2">Set your password</h1>
  <p class="tam-lede">You signed in with the temporary password we emailed. Choose your own to finish setting up your personal access.</p>
  <div class="tam-user-card">
    <span class="tam-user-card__avatar">{{ resolved_user.get_full_name|default:resolved_user.email|slice:":2"|upper }}</span>
    <div>
      <div class="tam-user-card__name">{{ resolved_user.get_full_name|default:resolved_user.email }}</div>
      <div class="tam-user-card__email">{{ resolved_user.email }}</div>
    </div>
  </div>
  <form method="post" novalidate>
    {% csrf_token %}
    <label class="tam-field">
      <span class="tam-field__label">New password</span>
      <input class="tam-input" type="password" name="new_password1" required>
    </label>
    <label class="tam-field">
      <span class="tam-field__label">Confirm new password</span>
      <input class="tam-input" type="password" name="new_password2" required>
    </label>
    {% for e in form.non_field_errors %}<p class="tam-flash tam-flash--danger">{{ e }}</p>{% endfor %}
    {% for f in form %}{% for e in f.errors %}<p class="tam-flash tam-flash--danger">{{ e }}</p>{% endfor %}{% endfor %}
    <button class="tam-btn tam-btn--primary tam-btn--lg tam-btn--block" type="submit">Set password &amp; continue</button>
  </form>
{% endif %}
</section>
{% endblock %}