{% load i18n %}
<div class="page-content">
    <div style="margin-bottom:1rem;">
        <a href="{% url 'projects' %}?tab=templates" hx-get="{% url 'projects' %}?tab=templates" hx-target="#main-content" hx-push-url="{% url 'projects' %}?tab=templates" 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_template_edit' template_obj.pk %}">
            {% csrf_token %}
            <div class="proj-field">
                <label>{% trans "Название" %}</label>
                <input type="text" name="name" required class="input" value="{{ template_obj.name }}">
            </div>
            <div class="proj-row-2 proj-field">
                <div>
                    <label>{% trans "Описание" %}</label>
                    <textarea name="description" class="input" rows="2">{{ template_obj.description }}</textarea>
                </div>
                <div>
                    <label>{% trans "Длительность по умолчанию (дни)" %}</label>
                    <input type="number" name="default_duration_days" class="input" value="{{ template_obj.default_duration_days }}" min="1" max="730">
                </div>
            </div>
            <div id="template-edit-steps-builder"></div>
            <div style="display:flex; gap:0.5rem; flex-wrap:wrap; align-items:center; margin-top:0.25rem;">
                <button type="button" class="btn btn-secondary" style="font-size:0.75rem;" onclick="addStepBlock('template-edit-steps-builder', true)">{% trans "+ Шаг" %}</button>
                <button type="submit" class="btn btn-primary">{% trans "Сохранить" %}</button>
            </div>
        </form>
    </div>
</div>

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