<!--
  templateType: membership_reset_request_page
  isAvailableForNewContent: true
  label: Password Reset Request
  screenshotPath: ../../images/template-previews/membership-reset-password-request.png
-->
{% extends "../layouts/base-system.html" %}

{% block title %}Reset Password{% endblock %}
{% block description %}Request a password reset link{% endblock %}

{% block page_class %}page-auth{% endblock %}

{% block icon %}
  <div class="system-icon">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
      <rect x="3" y="11" width="18" height="10" rx="2" ry="2"/>
      <path d="M7 11V7a5 5 0 0110 0v4"/>
      <line x1="12" y1="17" x2="12" y2="15"/>
    </svg>
  </div>
{% endblock %}

{% block page_title %}Reset Your Password{% endblock %}

{% block page_message %}
  {% if request.query_dict.sent == "true" %}
    <div class="system-status success">
      ✓ Password reset email sent! Check your inbox for instructions.
    </div>
  {% else %}
    Enter your email address and we'll send you a link to reset your password.
  {% endif %}
{% endblock %}

{% block main_content %}
  <div class="system-form">
    {% password_reset_request "password_reset_request"
      email_label="Email Address",
      submit_button_text="Send Reset Email"
    %}
    
    <div class="form-footer">
      Remember your password? 
      <a href="/membership/login">Sign in</a>
    </div>
  </div>
{% endblock %}

{% block actions %}{% endblock %}

{% block footer_info %}
  {% if site_settings.membershipWebsiteAdmin %}
    <div class="system-contact">
      <p>Still having trouble?</p>
      <p><a href="mailto:{{ site_settings.membershipWebsiteAdmin }}">Contact the administrator</a></p>
    </div>
  {% endif %}
{% endblock %}