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

{% block title %}{% trans "Passwort festlegen" %}{% endblock %}

{% block shell_header %}
{% include 'workflows/includes/app_header.html' with 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">
    {% if validlink %}
      <h1>{% trans "Passwort festlegen" %}</h1>
      <p>{% trans "Bitte vergeben Sie jetzt ein neues Passwort für Ihr Konto." %}</p>
      <form method="post">
        {% csrf_token %}
        {% if form.errors %}
          <div class="app-alert app-alert-error" role="alert" aria-live="assertive">
            <div class="app-alert-body">
              <strong>{% trans "Passwort konnte nicht gespeichert werden" %}</strong><br />
              <span>{% trans "Bitte prüfen Sie die beiden Passwortfelder und versuchen Sie es erneut." %}</span>
            </div>
          </div>
        {% endif %}
        <div class="field{% if form.new_password1.errors %} has-error{% endif %}">
          {{ form.new_password1.label_tag }}{{ form.new_password1 }}
        </div>
        <div class="field{% if form.new_password2.errors %} has-error{% endif %}">
          {{ form.new_password2.label_tag }}{{ form.new_password2 }}
        </div>
        <button class="btn btn-primary" type="submit">{% trans "Passwort speichern" %}</button>
      </form>
    {% else %}
      <h1>{% trans "Link ungültig" %}</h1>
      <p>{% trans "Dieser Link ist nicht mehr gültig. Bitte fordern Sie einen neuen Passwort-Link an." %}</p>
      <a class="btn btn-primary" href="/accounts/login/">{% trans "Zur Anmeldung" %}</a>
    {% endif %}
  </div>
</section>
{% endblock %}