{% extends "admin/_layout.html" %}
{% from "_macros.html" import icon %}
{% set section = "images" %}

{% block title %}{{ workflow.name or "New workflow" }} - LLeMbas{% endblock %}
{% block heading %}{{ workflow.name or "New workflow" }}{% endblock %}

{% block admin_content %}
<nav class="crumbs">
  <a class="crumbs__back" href="/admin/images">
    {{ icon("chevron-right", "icon--sm crumbs__icon") }} Image generation
  </a>
</nav>

{% if error %}
<div class="alert alert--error">{{ icon("warning", "icon--sm") }} <span>{{ error }}</span></div>
{% endif %}

<form method="post"
      action="{{ '/admin/images/workflows' if is_new else '/admin/images/workflows/' ~ workflow.id }}"
      class="form-grid">
  <section class="card">
    <h2 class="card__title">What it is</h2>

    <div class="field">
      <label class="field__label" for="name">Name</label>
      <input class="input" id="name" name="name" required maxlength="120"
             value="{{ workflow.name }}" placeholder="SDXL, photographic">
      <p class="field__hint">Shown to you, in the list.</p>
    </div>

    <div class="field">
      <label class="field__label" for="slug">Name the model uses</label>
      <input class="input input--mono" id="slug" name="slug" required maxlength="48"
             value="{{ workflow.slug }}" placeholder="sdxl-photo">
      <p class="field__hint">
        Lowercase letters, digits, hyphens and underscores. This is what the model
        writes when it picks this workflow.
      </p>
    </div>

    <div class="field">
      <label class="field__label" for="description">Description</label>
      <textarea class="textarea" id="description" name="description" rows="3"
                placeholder="Photographic and slow. Best for people, interiors and product shots at 1024px.">{{ workflow.description }}</textarea>
      <p class="field__hint">
        The only thing the model has to choose with, so say what this is
        <em>for</em> rather than what it contains. It never sees the graph.
      </p>
    </div>

    <div class="field">
      <label class="checkbox">
        <input type="checkbox" name="enabled" value="true" {{ 'checked' if workflow.enabled }}>
        <span>Offer this workflow</span>
      </label>
    </div>
  </section>

  <section class="card">
    <h2 class="card__title">The workflow</h2>
    <div class="field">
      <label class="field__label" for="workflow">ComfyUI API format</label>
      <textarea class="textarea input--mono" id="workflow" name="workflow" rows="20"
                spellcheck="false">{{ workflow_text }}</textarea>
      <p class="field__hint">
        Export this from ComfyUI with <strong>Export (API)</strong>, not Save — the
        two formats are different and only the API one can be submitted.
      </p>
      <p class="field__hint">
        Then put a placeholder where each value goes. A placeholder that is the
        <em>whole</em> value keeps its type, so
        <code>"steps": {{ '{{steps}}' }}</code> sends the number 20 rather than the
        text “20”; one inside a longer string is substituted as text, so
        <code>"{{ '{{prompt}}' }}, masterpiece"</code> works. Anything you leave out
        takes its default.
      </p>
      <p class="field__hint">
        Available:
        {% for name in placeholders %}<code>{{ '{{' ~ name ~ '}}' }}</code>{{ ", " if not loop.last }}{% endfor %}.
        <code>{{ '{{prompt}}' }}</code> is required — without it every image would
        be the same.
      </p>
    </div>
  </section>

  <div class="btn-row">
    <button class="btn btn--primary" type="submit">
      {{ "Add workflow" if is_new else "Save changes" }}
    </button>
    <a class="btn btn--ghost" href="/admin/images">Back</a>
    {% if not is_new %}
    <button class="btn btn--danger" type="submit" formnovalidate
            formaction="/admin/images/workflows/{{ workflow.id }}/delete"
            data-confirm-button="Delete the workflow “{{ workflow.name }}”? Chats that used it fall back to the default.">
      Delete
    </button>
    {% endif %}
  </div>
</form>
{% endblock %}