SkyLearn-Test/accounts/templates/setting/password_change.html
2021-10-11 10:16:30 +03:00

71 lines
2.8 KiB
HTML

{% extends 'base.html' %}
{% block title %}{{ title }}{% endblock title %}
{% load crispy_forms_tags %}
{% load static %}
{% block content %}
<div id="input-nav"><a href="{% url 'home' %}" class="primary1">Home</a> <i>&rsaquo;</i> Password Change</div>
<br>
{% if messages %}
{% for message in messages %}
{% if message.tags == 'error' %}
<div class="alert alert-danger">
<i class="fas fa-exclamation-circle"></i>{{ message }}
</div>
{% else %}
<div class="alert alert-success">
<i class="fas fa-check-circle"></i>{{ message }}
</div>
{% endif %}
{% endfor %}
{% endif %}
<div class="row">
<div class="col-md-6 mx-auto">
<div class="card">
<p class="form-title"><i class="fas fa-lock"></i>Change Password</p><br>
<div class="container">
<!-- {{ form|crispy }} -->
<form action="" method="POST">{% csrf_token %}
<div class="form-group">
<label>{{ form.old_password.label }}</label>{{ form.old_password }}
<span class="danger">{{ form.old_password.errors }}</span>
<p class="text-muted-xs">Required. 150 characters or fewer. Letters, digits and @/./+/-/_ only.</p>
</div>
<div class="form-group">
<label>{{ form.new_password1.label }}</label>{{ form.new_password1 }}
<span class="danger">{{ form.new_password1.errors }}</span>
<p class="text-muted-xs">
Your password can't be too similar to your other personal information.<br>
Your password must contain at least 8 characters.<br>
Your password can't be a commonly used password.<br>
Your password can't be entirely numeric.
</p>
</div>
<div class="form-group">
<label>{{ form.new_password2.label }}</label>{{ form.new_password2 }}
<span class="danger">{{ form.new_password2.errors }}</span>
<p class="text-muted-xs">Enter the same password as before, for verification.</p>
</div>
<center><input class="btn btn-outline-primary" type="submit" value="Change Password"></center><br>
</form>
</div>
</div>
</div>
</div>
<p>
Signing up signifies that you have read and agree to the <br>
<a href="#term-of-service" data-bs-toggle="modal" data-bs-target="#term-of-service">Terms of Service</a>
and our <a href="#privacy-policy" data-bs-toggle="modal" data-bs-target="#privacy-policy">Privacy Policy</a>.
</p>
{% include 'term.html' %}
{% include 'privacy.html' %}
{% endblock content %}