{% extends "base.html" %}
{% block title %}Passwort zurücksetzen{% endblock %}

{% block content %}
<div class="container mx-auto p-4 sm:p-6 lg:p-8">
  <h1 class="text-2xl font-bold mb-4">Neues Passwort setzen</h1>

  {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
      {% for category, msg in messages %}
        <div class="mb-2 bg-{{category}}-500 text-white p-2 rounded">
          {{ msg }}
        </div>
      {% endfor %}
    {% endif %}
  {% endwith %}

  <form method="POST" action="{{ url_for('reset_password', token=token) }}"
        class="max-w-md glassmorphism p-4">
    <label class="block mb-2" for="pw1">Neues Passwort</label>
    <input type="password" name="pw1" id="pw1"
           class="w-full p-2 border rounded text-gray-800 mb-4" required>

    <label class="block mb-2" for="pw2">Passwort bestätigen</label>
    <input type="password" name="pw2" id="pw2"
           class="w-full p-2 border rounded text-gray-800 mb-4" required>

    <button type="submit" class="bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded">
      Passwort ändern
    </button>
  </form>
</div>
{% endblock content %}