<%- include('layout', { pageTitle: 'Change Password', activePage: 'password' }) %>

<div class="section-header">
    <h2><i class="fas fa-key"></i> Change Password</h2>
</div>

<div class="form-card form-card-narrow">
    <form method="POST" action="/admin/password">
        <div class="form-group">
            <label>Current Password *</label>
            <input type="password" name="current_password" required>
        </div>
        <div class="form-group">
            <label>New Password * (minimum 6 characters)</label>
            <input type="password" name="new_password" required minlength="6">
        </div>
        <div class="form-group">
            <label>Confirm New Password *</label>
            <input type="password" name="confirm_password" required minlength="6">
        </div>
        <div class="form-actions">
            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Update Password</button>
        </div>
    </form>
</div>

<%- include('layout-footer') %>
