{% extends "business/auth/auth_base.html" %}

{% block title %}Reset Password - Inventory Management System{% endblock %}

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

{% block auth_subtitle %}Enter your email to receive reset instructions{% endblock %}

{% block auth_content %}
<form method="POST" action="{% url 'password_reset' %}" novalidate>
    {% csrf_token %}
    
    <div class="mb-4">
        <label for="email" class="form-label">Email Address *</label>
        <div class="input-group">
            <span class="input-group-text">
                <i class="fas fa-envelope"></i>
            </span>
            <input type="email" 
                   class="form-control" 
                   id="email" 
                   name="email" 
                   placeholder="you@example.com"
                   required
                   autocomplete="email">
        </div>
        <div class="invalid-feedback">
            Please enter a valid email address.
        </div>
        <div class="form-text">
            We'll send you a link to reset your password.
        </div>
    </div>
    
    <!-- Submit Button -->
    <button type="submit" class="btn btn-primary-auth btn-auth mb-3">
        <i class="fas fa-paper-plane me-2"></i>
        Send Reset Link
    </button>
    
    <!-- Help Text -->
    <div class="alert alert-info">
        <i class="fas fa-info-circle me-2"></i>
        <small>If you don't receive an email within a few minutes, please check your spam folder.</small>
    </div>
</form>
{% endblock %}

{% block auth_footer %}
<p class="mb-0">
    Remember your password? 
    <a href="{% url 'login' %}" class="fw-semibold">Sign in here</a>
</p>
{% endblock %}