{% extends "static/login_base.html" %}

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

{% block content %}
  <!-- Title -->
  <div class="mb-8">
    <h2 class="mb-2 text-3xl font-bold">Reset Password</h2>
    <p class="text-base-content/70">
      Enter your email address and we'll send you a link to reset your password.
    </p>
  </div>

  <!-- Reset Password Form -->
  <form method="post" class="space-y-4">
    {% csrf_token %}

    <div class="form-control">
      <label class="label" for="id_email">
        <span class="label-text">Email</span>
      </label>
      <input
        type="email"
        id="id_email"
        name="email"
        placeholder="user@envipath.org"
        class="input input-bordered w-full"
        required
        autocomplete="email"
      />
    </div>

    <button type="submit" class="btn btn-primary w-full">
      Send Reset Link
    </button>
  </form>

  <!-- Back to Sign In -->
  <div class="text-base-content/70 mt-6 text-center text-sm">
    <p>
      Remember your password?
      <a href="{% url 'login' %}" class="link link-primary">Sign in</a>
    </p>
  </div>
{% endblock %}