{% extends 'admin/base.html' %}
{% block title %}Set Admin Password{% endblock %}
{% block content %}
<div class="card" style="max-width: 400px; margin: 40px auto; text-align: center;">
    <div class="stat-icon purple" style="margin: 0 auto 20px;">🔐</div>
    <div class="card-title">Administrator Activation</div>
    <p style="color: var(--muted); font-size: 14px; margin-bottom: 20px;">
        Please set a secure password to activate your dashboard access.
    </p>
    
    <form method="POST">
        <div style="margin-bottom: 15px; text-align: left;">
            <label style="font-size: 12px; color: var(--muted);">NEW PASSWORD</label>
            <input type="password" name="password" required 
                   style="width: 100%; padding: 12px; border-radius: 8px; border: 1px solid var(--border); background: var(--card); color: white; margin-top: 5px;">
        </div>
        <div style="margin-bottom: 25px; text-align: left;">
            <label style="font-size: 12px; color: var(--muted);">CONFIRM PASSWORD</label>
            <input type="password" name="confirm_password" required 
                   style="width: 100%; padding: 12px; border-radius: 8px; border: 1px solid var(--border); background: var(--card); color: white; margin-top: 5px;">
        </div>
        <button type="submit" class="btn btn-purple" style="width: 100%; justify-content: center; padding: 14px;">
            Activate My Account
        </button>
    </form>
</div>
{% endblock %}