{% extends "attendance/base.html" %}
{% block content %}
<div class="login-wrap">
  <div class="app-card login-card p-4">
    <h1 class="h4 mb-3">{% t "Set your password" %}</h1>
    {% if invalid %}
      <div class="alert alert-danger">{% t "The link is invalid or expired." %}</div>
      <a href="{% url 'login' %}" class="btn btn-primary">{% t "Sign in" %}</a>
    {% else %}
      <p class="text-body-secondary">{{ target.name }} · {{ target.email }}</p>
      {% if error %}<div class="alert alert-danger py-2 small">{{ error }}</div>{% endif %}
      <form method="post" class="d-flex flex-column gap-3">
        {% csrf_token %}
        <input type="email" name="username" value="{{ target.email }}" autocomplete="username" hidden>
        <div><label class="form-label">{% t "New password" %}</label><input type="password" name="new" class="form-control" minlength="10" autocomplete="new-password" required></div>
        <div><label class="form-label">{% t "Repeat password" %}</label><input type="password" name="repeat" class="form-control" minlength="10" autocomplete="new-password" required></div>
        <button class="btn btn-primary">{% t "Save" %}</button>
      </form>
    {% endif %}
  </div>
</div>
{% endblock %}