{% extends "base.html" %}

{% block title %}Change Password{% endblock %}

{% block content %}
<div class="container mt-4">
    <h2>Change Your Password</h2>
    <form id="change-password-form" method="POST" action="{{ url_for('change_password') }}">
        <div class="mb-3">
            <label for="current-password" class="form-label">Current Password:</label>
            <input type="password" name="current_password" id="current-password" class="form-control" required>
        </div>
        <div class="mb-3">
            <label for="new-password" class="form-label">New Password:</label>
            <input type="password" name="new_password" id="new-password" class="form-control" required>
        </div>
        <div class="mb-3">
            <label for="confirm-password" class="form-label">Confirm New Password:</label>
            <input type="password" name="confirm_password" id="confirm-password" class="form-control" required>
        </div>
        <button type="submit" class="btn btn-primary">Change Password</button>
        <a href="{{ url_for('user_dashboard') }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>
{% endblock %}