{% extends "base.html" %}
{% block title %}レシピ編集 - lab-executor monitor{% endblock %}
{% block content %}
<h1>レシピ編集</h1>
<p class="edit-note">
  編集対象: <code>{{ edit_dir }}</code>
  — 変更は保存時に検証され、git にコミットされます。変更は次回実行から有効です。
</p>
{% if not files %}
<p class="empty">edit-dir 配下に *.yaml / *.yml が見つかりません。</p>
{% else %}
<table class="jobs">
  <thead>
    <tr><th>ファイル</th><th>レシピ</th><th></th></tr>
  </thead>
  <tbody>
    {% for f in files %}
    <tr>
      <td><code>{{ f.rel }}</code></td>
      <td>
        {% if f.recipes %}
          {% for r in f.recipes %}<span class="phase">{{ r }}</span> {% endfor %}
        {% else %}
          <span class="empty">（なし）</span>
        {% endif %}
      </td>
      <td><a href="/recipes/edit/{{ f.rel }}">編集</a></td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% endif %}

<section class="seq-library" id="sequence-library">
  <h2>サブシーケンス ライブラリ</h2>
  <p class="edit-note">
    再利用可能なサブルーチン。レシピの <code>call</code> ステップから
    <code>sequence:</code> に下記の呼び出しキーを指定して使います。
  </p>
  {% if not sequences %}
  <p class="empty">サブシーケンス (sequences:) は見つかりません。</p>
  {% else %}
  <table class="jobs">
    <thead>
      <tr><th>呼び出しキー</th><th>ロール</th><th>パラメータ</th><th>returns</th><th>説明</th></tr>
    </thead>
    <tbody>
      {% for s in sequences %}
      <tr>
        <td><code>{{ s.call_key }}</code></td>
        <td>
          {% for r in s.roles %}<span class="phase">@{{ r }}</span> {% endfor %}
          {% if not s.roles %}<span class="empty">—</span>{% endif %}
        </td>
        <td>
          {% for p in s.parameters %}
            <span class="phase">{{ p.name }}{% if p.type %}:{{ p.type }}{% endif %}{% if p.default is defined %}={{ p.default }}{% endif %}</span>
          {% endfor %}
          {% if not s.parameters %}<span class="empty">—</span>{% endif %}
        </td>
        <td>
          {% for rn in s.returns %}<span class="phase">{{ rn }}</span> {% endfor %}
          {% if not s.returns %}<span class="empty">—</span>{% endif %}
        </td>
        <td>{{ s.description }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}
</section>

{% if control_available and files %}
<section class="control-section" id="run-recipe-panel">
  <h2>レシピ実行</h2>
  <p class="control-note">
    実行は serve プロセス内のコントロールプレーン経由でジョブとして投入されます
    (MCP ツールと同じ safety / audit を通ります)。
  </p>
  <form id="run-recipe-form" onsubmit="return false;">
    <label>resource_name
      <input type="text" name="resource_name" placeholder="GPIB0::1::INSTR">
    </label>
    <label>recipe_name
      <input type="text" name="recipe_name" placeholder="safe_output_on">
    </label>
    <label>パラメータ (name=value、1 行 1 件)
      <textarea name="parameters" rows="4"
                placeholder="target_v=5.0&#10;current_limit=2.0"></textarea>
    </label>
    <button type="button" class="btn run-recipe" id="run-recipe-btn">実行</button>
  </form>
  <p class="control-result" id="run-result" hidden></p>
  <script>
    (function () {
      var btn = document.getElementById("run-recipe-btn");
      if (!btn) return;
      var form = document.getElementById("run-recipe-form");
      var result = document.getElementById("run-result");
      function parseParams(text) {
        var out = {};
        (text || "").split("\n").forEach(function (line) {
          var t = line.trim();
          if (!t) return;
          var i = t.indexOf("=");
          if (i < 0) return;
          var k = t.slice(0, i).trim();
          var v = t.slice(i + 1).trim();
          if (!k) return;
          var num = Number(v);
          out[k] = (v !== "" && !isNaN(num)) ? num : v;
        });
        return out;
      }
      btn.addEventListener("click", function () {
        var resource = form.resource_name.value.trim();
        var recipe = form.recipe_name.value.trim();
        if (!resource || !recipe) {
          result.hidden = false;
          result.textContent = "resource_name と recipe_name は必須です";
          return;
        }
        result.hidden = false;
        result.textContent = "投入中…";
        fetch("/api/control/start-recipe", {
          method: "POST",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify({
            resource_name: resource,
            recipe_name: recipe,
            parameters: parseParams(form.parameters.value),
          }),
        })
          .then(function (r) { return r.json().then(function (b) {
            return { status: r.status, body: b };
          }); })
          .then(function (o) {
            if (o.status >= 200 && o.status < 300 && o.body.job_id) {
              result.innerHTML = "投入完了: <a href=\"/jobs/" +
                o.body.job_id + "\">" + o.body.job_id + "</a> (" +
                (o.body.status || "?") + ")";
            } else {
              result.textContent = "エラー: " +
                (o.body.detail || o.body.error || o.body.last_step_summary ||
                 o.status);
            }
          })
          .catch(function () { result.textContent = "通信エラー"; });
      });
    })();
  </script>
</section>
{% endif %}
{% endblock %}