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

{% block title %}{% trans "Email invitation" %}{% endblock %}

{% block content %}
<div class="d-flex justify-content-center">
  <div class="card p-4" style="max-width: 400px; width: 100%;">
    <h1 class="text-center mb-4">{% trans "Email invitation" %}</h1>
    <form method="post">
      {% csrf_token %}
      {{ form.non_field_errors }}
      <div class="mb-3">
        <label for="id_new_password1" class="form-label">{% trans "New password" %}</label>
        <input type="password" name="new_password1" class="form-control" id="id_new_password1">
      </div>
      <div class="mb-3">
        <label for="id_new_password2" class="form-label">{% trans "Confirm password" %}</label>
        <input type="password" name="new_password2" class="form-control" id="id_new_password2">
      </div>
      <button type="submit" class="btn btn-primary w-100 mb-2">{% trans "Set password" %}</button>
      <button type="submit" name="skip" value="1" class="btn btn-secondary w-100">{% trans "Continue without password" %}</button>
    </form>
  </div>
</div>
{% endblock %}
