{% 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; }
</style>
<div style="display:flex;justify-content:center;">
  <div style="width:100%;max-width:600px;">
    <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="M12 5v14M5 12h14"/></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>Редактировать задачу{% endif %}
      </div>
      <div class="form-vui-body">
        <form method="POST">
          {{ form.hidden_tag() }}
          <div style="margin-bottom:16px;">
            <label class="form-vui-label">Название</label>
            {{ form.title(class="form-control form-control-sm form-vui-input") }}
          </div>
          <div style="margin-bottom:16px;">
            <label class="form-vui-label">Описание</label>
            {{ form.description(class="form-control form-control-sm form-vui-input", rows=3) }}
          </div>
          <div style="margin-bottom:16px;">
            <label class="form-vui-label">Назначить</label>
            {{ form.assigned_to(class="form-control form-control-sm form-vui-input") }}
          </div>
          <div style="margin-bottom:16px;">
            <label class="form-vui-label">Приоритет</label>
            {{ form.priority(class="form-control form-control-sm form-vui-input") }}
          </div>
          <div style="margin-bottom:16px;">
            <label class="form-vui-label">Срок до</label>
            {{ form.due_date(class="form-control form-control-sm form-vui-input", type="date") }}
          </div>
          <div style="margin-bottom:16px;">
            <label class="form-vui-label">Комментарий</label>
            {{ form.comment(class="form-control form-control-sm form-vui-input", rows=3) }}
          </div>
          <button type="submit" class="btn-apple" style="width:100%;border-radius:12px;">
            {% if is_new %}Создать{% else %}Сохранить{% endif %}
          </button>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}