agdar/templates/registration/password_reset_form.html
2025-11-02 14:35:35 +03:00

95 lines
2.9 KiB
HTML

{% extends 'base.html' %}
{% load static i18n %}
{% block title %}{% trans "Reset Password" %} - Agdar{% endblock %}
{% block outter_content %}
<!-- BEGIN password-reset -->
<div class="login login-v1">
<!-- BEGIN login-container -->
<div class="login-container">
<!-- BEGIN login-header -->
<div class="login-header">
<div class="brand">
<div class="d-flex align-items-center">
<img src="{% static 'img/logo/Agdar-Logo.png' %}" alt="" class="me-2" style="height: 128px; ">
</div>
<small>{% trans "Behavioral Clinic Management System" %}</small>
</div>
<div class="icon">
<i class="fa fa-key"></i>
</div>
</div>
<!-- END login-header -->
<!-- BEGIN login-body -->
<div class="login-body">
<!-- BEGIN login-content -->
<div class="login-content fs-13px">
<h4 class="mb-3">{% trans "Reset Your Password" %}</h4>
<p class="text-muted mb-4">
{% trans "Forgotten your password? Enter your email address below, and we'll send you an email with instructions to reset your password." %}
</p>
{% if messages %}
{% for message in messages %}
<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
{{ message }}
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
{% endfor %}
{% endif %}
{% if form.non_field_errors %}
<div class="alert alert-danger alert-dismissible fade show" role="alert">
{{ form.non_field_errors }}
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
{% endif %}
<form action="" method="POST">
{% csrf_token %}
<div class="form-floating mb-20px">
<input type="email"
name="email"
class="form-control fs-13px h-45px {% if form.email.errors %}is-invalid{% endif %}"
id="email"
placeholder="{% trans 'Email Address' %}"
value="{{ form.email.value|default:'' }}"
required
autofocus />
<label for="email" class="d-flex align-items-center">{% trans "Email Address" %}</label>
{% if form.email.errors %}
<div class="invalid-feedback">
{{ form.email.errors }}
</div>
{% endif %}
</div>
<div class="login-buttons">
<button type="submit" class="btn btn-theme h-45px d-block w-100 btn-lg">
{% trans "Send Reset Link" %}
</button>
</div>
<div class="text-center mt-3">
<small>
<a href="{% url 'login' %}" class="text-theme">
<i class="fa fa-arrow-left me-1"></i>
{% trans "Back to Login" %}
</a>
</small>
</div>
</form>
</div>
<!-- END login-content -->
</div>
<!-- END login-body -->
</div>
<!-- END login-container -->
</div>
<!-- END password-reset -->
{% endblock %}