{% extends "base.html" %}
{% block title %}Setup - Lazarus{% endblock %}
{% block content %}
<div style="max-width: 450px; margin: 60px auto;">
    <h2 style="text-align: center; margin-bottom: 8px;">🔐 تنظیمات اولیه</h2>
    <p style="text-align: center; color: #999; margin-bottom: 24px; font-size: 14px;">
        یوزر و رمز ساخته‌شده رو از ترمینال کپی کنید و اینجا وارد کنید.<br>
        سپس یوزر و رمز جدید خودتون رو تنظیم کنید.
    </p>

    {% if error %}
    <div style="background: #ff4444; color: white; padding: 12px; border-radius: 8px; margin-bottom: 16px; text-align: center;">
        {{ error }}
    </div>
    {% endif %}

    <form method="POST" style="background: #1a1a2e; padding: 24px; border-radius: 12px; border: 1px solid #333;">
        <p style="color: #ff9800; font-weight: bold; margin-bottom: 16px;">① اطلاعات ساخته‌شده (از ترمینال)</p>

        <label style="color: #aaa; font-size: 13px;">یوزرنیم ساخته‌شده</label>
        <input type="text" name="gen_username" placeholder="usr_xxxx..." required
               style="margin-bottom: 12px;">

        <label style="color: #aaa; font-size: 13px;">رمز ساخته‌شده</label>
        <input type="text" name="gen_password" placeholder="رمز از ترمینال" required
               style="margin-bottom: 20px; font-family: monospace;">

        <p style="color: #4caf50; font-weight: bold; margin-bottom: 16px;">② اطلاعات جدید شما</p>

        <label style="color: #aaa; font-size: 13px;">یوزرنیم جدید</label>
        <input type="text" name="new_username" placeholder="مثلاً ali" required
               style="margin-bottom: 12px;">

        <label style="color: #aaa; font-size: 13px;">رمز جدید</label>
        <input type="password" name="new_password" placeholder="حداقل ۴ کاراکتر" required
               style="margin-bottom: 20px;">

        <button type="submit" class="btn" style="width: 100%; background: #4caf50;">
            ✅ ذخیره و ورود
        </button>
    </form>
</div>
{% endblock %}