{% extends "base.html" %}
{% block title %}Manage runs{% endblock %}
{% block body %}
<section class="section-head">
  <div>
    <h1>Manage saved runs</h1>
    <p>Rename runs, edit comments inline, or bulk delete selected runs.</p>
  </div>
</section>

{% if runs %}
  <form class="form" method="post" action="{{ url_for('update_runs') }}">
    <div class="manage-actions">
      <button class="button primary" type="submit" name="action" value="save">Save changes</button>
      <button class="button danger" type="submit" name="action" value="delete" data-confirm="Delete the selected runs? This cannot be undone.">
        Delete selected
      </button>
    </div>

    <div class="list">
      {% for run in runs %}
        <div class="row run-manage-row">
          <div class="run-manage-main">
            <label>
              Run name
              <input
                name="display_name_{{ run.id }}"
                type="text"
                value="{{ run.display_name | default(run.grating_name ~ ' · ' ~ run.workflow, true) }}"
              >
            </label>
            <label>
              Comment
              <input
                name="comment_{{ run.id }}"
                type="text"
                value="{{ run.comment | default('', true) }}"
                placeholder="Optional note for this run"
              >
            </label>
            <p class="subtle">{{ run.workflow }} · {{ run.status }} · {{ run.progress_summary }}</p>
            <p class="subtle">{{ run.parameter_summary }}</p>
            <p><a href="{{ run.detail_url }}">View run details</a></p>
            {% if run.artifact_links %}
              <p class="subtle">Artifacts:</p>
              <ul class="compact-list">
                {% for artifact in run.artifact_links %}
                  <li><a href="{{ artifact.url }}">{{ artifact.name }}</a></li>
                {% endfor %}
              </ul>
            {% endif %}
            {% if run.related_plots %}
              <p class="subtle">Related plots:</p>
              <ul class="compact-list">
                {% for plot in run.related_plots %}
                  <li><a href="{{ plot.url }}">{{ plot.title }}</a></li>
                {% endfor %}
              </ul>
            {% endif %}
          </div>
          <div class="run-manage-preview">
            {% if run.plot_preview_url %}
              <a href="{{ run.plot_preview_url }}" target="_blank" rel="noopener" aria-label="Open plot for {{ run.display_name | default(run.grating_name ~ ' · ' ~ run.workflow, true) }}">
                <img src="{{ run.plot_preview_url }}" alt="Simulation plot for {{ run.display_name | default(run.grating_name ~ ' · ' ~ run.workflow, true) }}" loading="lazy">
              </a>
            {% else %}
              <span class="subtle">No plot available</span>
            {% endif %}
          </div>
          <label class="inline-check manage-delete">
            <input type="checkbox" name="delete_run_id" value="{{ run.id }}">
            <span>Delete</span>
          </label>
        </div>
      {% endfor %}
    </div>
  </form>
{% else %}
  <p class="empty">No runs have been saved yet.</p>
{% endif %}
{% endblock %}