{% extends "base.html" %}
{% block title %}Новый пользователь — Админка{% endblock %}
{% block content %}
<div class="row" style="margin-bottom:18px">
  <a class="muted" href="/admin/users">← все пользователи</a>
</div>

<div class="card" style="max-width:560px">
  <h2 style="margin-top:0">Новый пользователь</h2>
  <p class="muted" style="margin-top:0">Email/пароль с выбираемой ролью и стартовыми кредитами.</p>
  {% if error %}<p style="color:var(--bad);margin:0 0 14px">{{ error }}</p>{% endif %}
  <form method="post" action="/admin/users">
    <label for="email">Email</label>
    <input id="email" name="email" type="email" required autocomplete="off"
           value="{{ email }}">

    <label for="password">Пароль <span class="muted">(мин. {{ min_password_length }} симв.)</span></label>
    <input id="password" name="password" type="password" required
           minlength="{{ min_password_length }}" autocomplete="new-password">

    <label for="role">Роль</label>
    <select id="role" name="role">
      {% for r in roles %}
      <option value="{{ r }}" {{ 'selected' if r == role else '' }}>{{ r }}</option>
      {% endfor %}
    </select>

    <div class="grid cols-2">
      <div>
        <label for="credits_left">Стартовые кредиты</label>
        <input id="credits_left" name="credits_left" type="number" min="0" value="{{ credits_left }}">
      </div>
      <div>
        <label for="telegram_id">Telegram ID <span class="muted">(необязательно)</span></label>
        <input id="telegram_id" name="telegram_id" type="number" min="1"
               placeholder="—" value="{{ telegram_id }}">
      </div>
    </div>

    <label class="row" style="display:flex;align-items:center;gap:8px;margin-top:16px">
      <input type="checkbox" name="is_active" style="width:auto" {{ 'checked' if is_active else '' }}>
      <span style="color:var(--ink);font-size:14px">Аккаунт активен</span>
    </label>

    <div class="row" style="margin-top:18px">
      <button class="btn" type="submit">Создать</button>
      <a class="btn ghost" href="/admin/users">Отмена</a>
    </div>
  </form>
</div>
{% endblock %}