{% load i18n %}
<div class="page-content">
    <div style="margin-bottom:1rem;">
        <a href="{% url 'project_detail' project.pk %}" hx-get="{% url 'project_detail' project.pk %}" hx-target="#main-content" hx-push-url="{% url 'project_detail' project.pk %}" hx-indicator="#loader"
           style="font-size:0.8125rem; color:var(--color-primary); text-decoration:none;">← {% trans "К проекту" %}</a>
    </div>

    {% if ug_message %}
    <div style="margin-bottom:1rem; padding:0.625rem 0.875rem; border-radius:0.5rem; font-size:0.8125rem; color:#137333; background:rgba(19,115,51,0.1); border:1px solid rgba(19,115,51,0.25);">{{ ug_message }}</div>
    {% endif %}
    {% if ug_error %}
    <div style="margin-bottom:1rem; padding:0.625rem 0.875rem; border-radius:0.5rem; font-size:0.8125rem; color:#d63333; background:rgba(214,51,51,0.1); border:1px solid rgba(214,51,51,0.25);">{{ ug_error }}</div>
    {% endif %}

    <div style="background:var(--color-card); border-radius:0.75rem; border:1px solid var(--color-border); padding:1.15rem 1.25rem;">
        <h1 style="font-size:1.15rem; font-weight:500; margin:0 0 0.35rem;">{% trans "Редактирование проекта" %}</h1>
        <p class="proj-muted">{% trans "Можно менять данные, шаги и шаблоны задач. Уже созданные задачи обновятся (название, описание, приоритет, срок)." %}</p>

        <form method="post" action="{% url 'project_edit' project.pk %}">
            {% csrf_token %}
            <div class="proj-field">
                <label>{% trans "Название" %}</label>
                <input type="text" name="title" required class="input" value="{{ project.title }}">
            </div>
            <div class="proj-field">
                <label>{% trans "Описание" %}</label>
                <textarea name="description" class="input" rows="2">{{ project.description }}</textarea>
            </div>
            <div class="proj-row-2 proj-field">
                <div>
                    <label>{% trans "Статус" %}</label>
                    <select name="status" class="input">
                        <option value="draft" {% if project.status == 'draft' %}selected{% endif %}>{% trans "Черновик" %}</option>
                        <option value="active" {% if project.status == 'active' %}selected{% endif %}>{% trans "Активен" %}</option>
                        <option value="done" {% if project.status == 'done' %}selected{% endif %}>{% trans "Завершён" %}</option>
                        <option value="cancelled" {% if project.status == 'cancelled' %}selected{% endif %}>{% trans "Отменён" %}</option>
                    </select>
                </div>
                <div></div>
            </div>
            <div class="proj-row-2 proj-field">
                <div>
                    <label>{% trans "Старт" %}</label>
                    <input type="date" name="start_date" class="input" value="{{ project.start_date|date:'Y-m-d' }}">
                </div>
                <div>
                    <label>{% trans "Срок" %}</label>
                    <input type="date" name="due_date" class="input" value="{{ project.due_date|date:'Y-m-d' }}">
                </div>
            </div>

            <h2 style="font-size:0.9375rem; font-weight:500; margin:1rem 0 0.5rem;">{% trans "Шаги" %}</h2>
            <p class="proj-muted">{% trans "Стрелки ↑↓ — порядок. Для активного проекта новые пункты получат задачи сразу." %}</p>
            <div id="project-edit-steps-builder"></div>
            <div style="display:flex; gap:0.5rem; flex-wrap:wrap; align-items:center; margin-top:0.5rem;">
                <button type="button" class="btn btn-secondary" style="font-size:0.75rem;" onclick="addStepBlock('project-edit-steps-builder', true)">{% trans "+ Шаг" %}</button>
                <button type="submit" class="btn btn-primary">{% trans "Сохранить" %}</button>
                <a href="{% url 'project_detail' project.pk %}" class="btn btn-secondary" style="text-decoration:none;">{% trans "Отмена" %}</a>
            </div>
        </form>
    </div>
</div>

{{ departments_tree|json_script:"proj-departments-tree" }}
{{ project_steps_json|json_script:"project-edit-steps-data" }}
{% include "partials/project-steps-builder-assets.html" %}
<script>
(function () {
  var el = document.getElementById('project-edit-steps-data');
  var steps = [];
  try { steps = el ? JSON.parse(el.textContent) : []; } catch (e) { steps = []; }
  fillStepsBuilder('project-edit-steps-builder', steps, true);
})();
</script>