39 lines
2.1 KiB
HTML
39 lines
2.1 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Reset Password{% endblock %}
|
|
{% block content %}
|
|
<div class="min-h-screen bg-gray-50 py-20">
|
|
<div class="max-w-md mx-auto bg-white rounded-lg shadow-lg overflow-hidden">
|
|
<div class="bg-gradient-to-r from-blue-500 via-purple-500 to-teal-500 p-6 text-white text-center">
|
|
<h2 class="text-2xl font-bold">Reset your password</h2>
|
|
<p class="text-blue-100 mt-1">Enter your new password below.</p>
|
|
</div>
|
|
<form method="POST" class="p-6 space-y-6">
|
|
{{ form.hidden_tag() }}
|
|
<div>
|
|
{{ form.password.label(class="block text-sm font-medium text-gray-700 mb-1") }}
|
|
{{ form.password(class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent") }}
|
|
{% if form.password.errors %}
|
|
<div class="text-red-500 text-sm mt-1">
|
|
{% for error in form.password.errors %}
|
|
<p>{{ error }}</p>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
<div>
|
|
{{ form.confirm_password.label(class="block text-sm font-medium text-gray-700 mb-1") }}
|
|
{{ form.confirm_password(class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent") }}
|
|
{% if form.confirm_password.errors %}
|
|
<div class="text-red-500 text-sm mt-1">
|
|
{% for error in form.confirm_password.errors %}
|
|
<p>{{ error }}</p>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{{ form.submit(class="w-full bg-gradient-to-r from-blue-600 to-purple-600 text-white py-2 px-4 rounded-lg hover:from-blue-700 hover:to-purple-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition font-medium") }}
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|