{% extends 'base.html' %}{% load static %}
{% block title %}New Password — Unity Nation{% endblock %}
{% block content %}
<div class="auth-wrap"><div class="auth-card">
  <div class="auth-logo"><img src="{% static 'images/9.png' %}" alt="Unity Nation"></div>
  <h1 class="auth-title">Set New Password</h1>
  <p class="auth-sub">Enter your new password below.</p>
  {% if validlink %}
  <form method="post">{% csrf_token %}
    <div class="form-group"><label class="form-label">New Password</label><input type="password" name="new_password1" class="form-control" placeholder="New password" required autocomplete="new-password">{% if form.new_password1.errors %}<div class="field-error"><i class="fas fa-exclamation-circle"></i>{{ form.new_password1.errors }}</div>{% endif %}</div>
    <div class="form-group"><label class="form-label">Confirm New Password</label><input type="password" name="new_password2" class="form-control" placeholder="Repeat password" required autocomplete="new-password">{% if form.new_password2.errors %}<div class="field-error"><i class="fas fa-exclamation-circle"></i>{{ form.new_password2.errors }}</div>{% endif %}</div>
    <button type="submit" class="btn btn-violet btn-block" style="padding:12px"><i class="fas fa-check"></i>Set New Password</button>
  </form>
  {% else %}
  <div class="alert alert-danger"><i class="fas fa-exclamation-circle"></i><span>This reset link is invalid or has expired. Please request a new one.</span></div>
  <a href="{% url 'password_reset' %}" class="btn btn-violet btn-block"><i class="fas fa-redo"></i>Request New Link</a>
  {% endif %}
</div></div>
{% endblock %}