{% extends "base.html" %}

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

{% block content %}
<div class="page-header">
    <h1>Change Password</h1>
    {% if must_change %}
    <p class="text-warning">You must change your password before continuing.</p>
    {% endif %}
</div>

{% if error %}
<div class="alert alert-error">
    {{ error }}
</div>
{% endif %}

<div class="card">
    <form method="post" action="/admin/change-password" class="form">
        {% if not must_change %}
        <div class="form-group">
            <label for="old_password">Current Password</label>
            <input type="password" id="old_password" name="old_password" required>
        </div>
        {% endif %}
        
        <div class="form-group">
            <label for="new_password">New Password</label>
            <input type="password" id="new_password" name="new_password" required minlength="8">
            <small class="form-text">Minimum 8 characters</small>
        </div>
        
        <div class="form-group">
            <label for="confirm_password">Confirm New Password</label>
            <input type="password" id="confirm_password" name="confirm_password" required minlength="8">
        </div>
        
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">Change Password</button>
            {% if not must_change %}
            <a href="/admin" class="btn btn-secondary">Cancel</a>
            {% endif %}
        </div>
    </form>
</div>
{% endblock %}