{% extends 'workflows/base_shell.html' %}
{% load static i18n %}

{% block title %}{% trans "Passwort ändern" %}{% endblock %}

{% block shell_header %}
{% include 'workflows/includes/app_header.html' with header_show_lang=1 header_inside_shell=1 %}
{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'workflows/css/login.css' %}" />
{% endblock %}

{% block shell_body %}
<section class="login-shell-body">
  <div class="login-card">
    <h1>{% trans "Passwort ändern" %}</h1>
    <p>{% trans "Vergeben Sie ein neues Passwort für Ihr Konto." %}</p>
    <form method="post">
      {% csrf_token %}
      <div class="field{% if form.old_password.errors %} has-error{% endif %}">
        {{ form.old_password.label_tag }}{{ form.old_password }}
        {% for error in form.old_password.errors %}<div class="hint">{{ error }}</div>{% endfor %}
      </div>
      <div class="field{% if form.new_password1.errors %} has-error{% endif %}">
        {{ form.new_password1.label_tag }}{{ form.new_password1 }}
        {% for error in form.new_password1.errors %}<div class="hint">{{ error }}</div>{% endfor %}
      </div>
      <div class="field{% if form.new_password2.errors %} has-error{% endif %}">
        {{ form.new_password2.label_tag }}{{ form.new_password2 }}
        {% for error in form.new_password2.errors %}<div class="hint">{{ error }}</div>{% endfor %}
      </div>
      <button class="btn btn-primary" type="submit">{% trans "Passwort speichern" %}</button>
    </form>
  </div>
</section>
{% endblock %}