{% extends "base.html" %}
{% block title %}Edit {{ rel_path }} · Striatum{% endblock %}
{% block main %}
<section class="page-section workflow-edit-page" data-rel-path="{{ rel_path }}">
  <header>
    <p class="breadcrumb"><a href="/workflows/{{ rel_path }}">← {{ rel_path }}</a></p>
    <h1>{% if is_new %}New workflow{% else %}Editing{% endif %} <code>{{ rel_path }}</code></h1>
    <div class="run-meta">
      <span class="muted">{% if is_new %}This path doesn't exist yet — saving will create it.{% else %}Editing the on-disk file. Save overwrites.{% endif %}</span>
    </div>
  </header>

  <div id="edit-error-banner" class="edit-error-banner" hidden></div>

  <section id="island-workflow-graph-editor" data-props='{{ {"path": rel_path, "saveUrl": "/workflows/edit/" ~ rel_path, "fallback": true} | tojson }}'></section>

  <section id="edit-header"></section>
  <section id="edit-roles"></section>
  <section id="edit-lanes"></section>
  <section id="edit-jobs"></section>
  <section id="edit-edges"></section>
  <section id="edit-cycles"></section>

  <div class="edit-actions">
    <button type="button" id="edit-save-btn" class="primary-button">Save</button>
    <button type="button" id="edit-cancel-btn" class="secondary-button">Cancel</button>
    <span id="edit-status" class="muted"></span>
  </div>
</section>
<script id="workflow-data" type="application/json">{{ workflow_json | safe }}</script>
<script id="workflow-sha256" type="application/json">"{{ workflow_sha256 }}"</script>
<script defer src="/static/workflow_edit.js"></script>
{% endblock %}
{% block scripts %}
<script type="module" src="/static/build/island-workflow-graph-editor.js"></script>
{% endblock %}