{% load i18n static %}

{% include "_head.html" %}

<body class="app app-login p-0">    	
    <div class="row g-0 app-auth-wrapper">
	    <div class="col-12 col-md-7 col-lg-6 auth-main-col text-center p-5">
		    <div class="d-flex flex-column align-content-end">
			    <div class="app-auth-body mx-auto">	
					{% include "_branding.html" %}
					<h2 class="auth-heading text-center mb-5">Cambio de contraseña</h2>

					<form class="auth-form login-form" action="{{ app_path }}" method="post" id="change-form">{% csrf_token %}
						<p>{% translate 'Please enter your old password, for security’s sake, and then enter your new password twice so we can verify you typed it in correctly.' %}</p>


						<div class="password mb-3">
						{{ form.old_password.label_tag }}
						{{ form.old_password }}
						</div>

						<div class="password mb-3">
						{{ form.new_password.label_tag }}
						{{ form.new_password }}
						</div>

						<div class="password mb-3">
							{{ form.new_password1.label_tag }}
						
							{{ form.new_password1 }}

							<p>Su contraseña no puede asemejarse cualquier información personal.</p>
							<p>Su contraseña debe contener al menos 8 caracteres.</p>
							<p>Su contraseña no puede ser una clave utilizada comúnmente.</p>
							<p>Su contraseña no puede ser completamente numérica.</p>
							
					    </div>

						<div class="password mb-3">
							{{ form.new_password2.label_tag }} 
							{{ form.new_password2 }}</div>
						</div>

						<div class="password mb-3">
								{% if form.new_password2.help_text %}
								<div class="help" {% if form.new_password2.id_for_label %} id="{{ form.new_password2.id_for_label }}_helptext"{% endif %}><p>{{ form.new_password2.help_text|safe }}</p></div>
								{% endif %}
						</div>

						<div class="text-center">
							<input type="submit" value="{% translate 'Change my password' %}" class="btn app-btn-primary w-100 theme-btn mx-auto">
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</body>

