{# WA1: answer fragment — error | prose + results table + show-cypher. #}
{% if error %}
  <div class="card danger">
    <p>{{ error }}</p>
  </div>
{% else %}
  {% if result.prose %}
    <div class="ask-prose">{{ result.prose }}</div>
  {% else %}
    <p class="muted">No summary was generated.</p>
  {% endif %}

  {% set rows = result.rows %}
  {% include "ask/_table.html" %}

  {% if result.cypher %}
    <details class="ask-cypher">
      <summary>Show Cypher</summary>
      <pre><code>{{ result.cypher }}</code></pre>
    </details>

    {# WA2: editable Cypher + re-run (B3-guarded, read-only). #}
    <form hx-post="/ask/cypher"
          hx-target="#cypher-result"
          hx-swap="innerHTML">
      <div class="input-row">
        <textarea name="cypher" rows="3"
                  class="ask-cypher-edit">{{ result.cypher }}</textarea>
      </div>
      <button type="submit" class="btn-secondary">Run</button>
    </form>
    <div id="cypher-result"></div>
  {% endif %}

  {# WA3: save the Q&A to the Obsidian Connections folder. The full answer is
     embedded as one JSON string so /ask/save never re-runs the pipeline.
     Single-quoted value attr because tojson emits double-quotes. #}
  <form hx-post="/ask/save" hx-target="#save-status" hx-swap="innerHTML">
    <input type="hidden" name="payload"
           value='{{ {"question": question, "prose": result.prose, "rows": result.rows, "cypher": result.cypher} | tojson }}'>
    <button type="submit" class="btn-secondary">Save to vault</button>
  </form>
  <span id="save-status"></span>
{% endif %}