{% extends "base.html" %}
{% block title %}{% if is_new %}Новый пользователь{% else %}Редактировать пользователя{% endif %}{% endblock %}
{% block page_title %}{% if is_new %}Новый пользователь{% else %}Редактировать пользователя{% endif %}{% endblock %}
{% block content %}
<style>
.form-vui { border-radius:20px;background:rgba(6,11,40,0.6);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.05);overflow:hidden; }
.form-vui-header { padding:14px 20px;font-size:15px;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,0.05); }
.form-vui-body { padding:20px; }
.form-vui-label { display:block;margin-bottom:4px;font-weight:500;font-size:13px;color:#A0A5B5; }
.form-vui-input { background:rgba(6,11,40,0.4) !important;border-color:rgba(255,255,255,0.1) !important;color:#fff !important;border-radius:12px !important; }
.form-vui-input:focus { border-color:#0075FF !important;box-shadow:0 0 0 2px rgba(0,117,255,0.15) !important; }
.form-vui-grid { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.form-vui-muted { color:#A0A5B5; }
@media (max-width:600px){ .form-vui-grid { grid-template-columns:1fr; } }
</style>
<div style="display:flex;justify-content:center;">
  <div style="width:100%;max-width:700px;">
    <div class="form-vui">
      <div class="form-vui-header">
        {% if is_new %}
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right:8px;vertical-align:text-bottom;"><path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="8.5" cy="7" r="4"/><line x1="20" y1="8" x2="20" y2="14"/><line x1="23" y1="11" x2="17" y2="11"/></svg>Новый пользователь
        {% else %}
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right:8px;vertical-align:text-bottom;"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>Редактировать: {{ edit_user.full_name }}
        {% endif %}
      </div>
      <div class="form-vui-body">
        <form method="POST">
          {{ form.hidden_tag() }}
          <div class="form-vui-grid">
            <div>
              <label class="form-vui-label">Логин</label>
              {{ form.username(class="form-control form-control-sm form-vui-input") }}
            </div>
            <div>
              <label class="form-vui-label">ФИО</label>
              {{ form.full_name(class="form-control form-control-sm form-vui-input") }}
            </div>
            <div>
              <label class="form-vui-label">Email</label>
              {{ form.email(class="form-control form-control-sm form-vui-input") }}
            </div>
            <div>
              <label class="form-vui-label">Роль</label>
              {{ form.role(class="form-control form-control-sm form-vui-input") }}
            </div>
            <div>
              <label class="form-vui-label">Должность</label>
              {{ form.position(class="form-control form-control-sm form-vui-input") }}
            </div>
            <div>
              <label class="form-vui-label">Грейд</label>
              {{ form.grade(class="form-control form-control-sm form-vui-input") }}
            </div>
            <div>
              <label class="form-vui-label">Дата начала работы</label>
              {{ form.project_start_date(class="form-control form-control-sm form-vui-input", type="date") }}
            </div>
            <div>
              <label class="form-vui-label">Телефон</label>
              {{ form.phone(class="form-control form-control-sm form-vui-input") }}
            </div>
            <div>
              <label class="form-vui-label">Telegram</label>
              {{ form.telegram(class="form-control form-control-sm form-vui-input") }}
            </div>
            <div>
              <label class="form-vui-label">Экстренный контакт (ФИО)</label>
              {{ form.emergency_contact(class="form-control form-control-sm form-vui-input") }}
            </div>
            <div>
              <label class="form-vui-label">Телефон экстр. контакта</label>
              {{ form.emergency_contact_phone(class="form-control form-control-sm form-vui-input") }}
            </div>
            <div>
              <label class="form-vui-label">Пред. оценка TalentReview</label>
              {{ form.previous_review_rating(class="form-control form-control-sm form-vui-input") }}
            </div>
            <div>
              <label class="form-vui-label">Наставник</label>
              {{ form.senior_expert_id(class="form-control form-control-sm form-vui-input") }}
            </div>
          </div>
          <div style="margin-top:16px;">
            <label class="form-vui-label">Пароль{% if is_new %} (по умолчанию: kpi123){% endif %}</label>
            {{ form.password(class="form-control form-control-sm form-vui-input", placeholder="Оставьте пустым, чтобы не менять") }}
            {% if not is_new %}<small class="form-vui-muted">Оставьте пустым, чтобы сохранить текущий пароль</small>{% endif %}
          </div>
          <button type="submit" class="btn-apple" style="width:100%;margin-top:20px;border-radius:12px;">
            {% if is_new %}Создать{% else %}Сохранить{% endif %}
          </button>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}