{% extends 'core/base.html' %}
{% load i18n %}
{% block content %}
<div class="row justify-content-center"><div class="col-md-6">
  <div class="card item-card shadow-sm"><div class="card-body">
    <h1 class="h4 mb-2">{% trans "Create account" %}</h1>
    <p class="text-muted">{% trans "You were invited to my2dos. Create your account to continue." %}</p>
    <form method="post" class="vstack gap-3">
      {% csrf_token %}
      {% if form.non_field_errors %}<div class="alert alert-danger">{{ form.non_field_errors }}</div>{% endif %}
      {% for field in form %}
        <div>
          <label class="form-label">{{ field.label }}</label>
          {{ field }}
          {% if field.help_text %}<div class="form-text">{{ field.help_text }}</div>{% endif %}
          {% for error in field.errors %}<div class="text-danger small">{{ error }}</div>{% endfor %}
        </div>
      {% endfor %}
      <button class="btn btn-dark">{% trans "Create account" %}</button>
    </form>
  </div></div>
</div></div>
{% endblock %}