{% extends "base.html" %}

{% block title %}Password Reset{% endblock %}

{% block content %}
{% load crispy_forms_tags %}


<style>
  .centered-form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 1.0); /* Adjust the opacity as needed */
    padding: 20px;
    border-radius: 10px;

  }
</style>

{% if validlink %}
  <div class="container-fluid h-100">
    <div class="row h-100">
      <div class="col-sm-8">
        <div class="centered-form">
          <h3>Set a New Password</h3>
          <form method="POST">
            {% csrf_token %}
            {{form|crispy}}            

            <button type="submit" class="btn btn-primary">Change My Password</button>
          </form>
        </div>
      </div>
    </div>
  </div>
  
{% else %}
  <p>The password reset link was invalid, possibly because it has already been used. Please request a new password reset.</p>
{% endif %}
{% endblock %}
