{% extends "base.html" %}
{% block title %}Manage plane-mirror runs{% endblock %}
{% block body %}
<section class="section-head">
  <div><h1>Manage plane-mirror runs</h1><p>Review completed and active scans.</p></div>
  <a class="button" href="{{ url_for('plane_mirror_index') }}">Manage plane mirrors</a>
</section>
{% if runs %}
  <div class="plane-mirror-run-groups">
    {% for run in runs %}
      <article class="plane-mirror-run-group">
        <div class="plane-mirror-manage-row">
          <section class="plane-mirror-run-settings">
            <h2><a href="{{ url_for('plane_mirror_run_detail', run_id=run.id) }}">{{ run.display_name }}</a></h2>
            <p>{{ run.mirror_name }} · {{ run.status }}</p>
            <p>{{ run.completed_points }} / {{ run.total_points }} variations completed</p>
            {% if run.scan_details %}
              <dl class="plane-mirror-parameter-list">
                {% for label, value in run.scan_details %}<dt>{{ label }}</dt><dd>{{ value }}</dd>{% endfor %}
              </dl>
            {% endif %}
            <a class="button" href="{{ url_for('plane_mirror_run_detail', run_id=run.id) }}">View run</a>
          </section>
          <section class="run-preview-panel"><h3>Scan preview</h3>
            {% if run.completed_points %}<img src="{{ url_for('data_file', filename='runs/' ~ run.id ~ '/plot.png', v=run.completed_points) }}" alt="Results for {{ run.display_name }}" loading="lazy">{% else %}<p class="subtle">Results will appear when the first variation finishes.</p>{% endif %}
          </section>
          <section class="run-preview-panel"><h3>Layer stack</h3>
            <img src="{{ url_for('plane_mirror_run_stack_preview', run_id=run.id) }}" alt="Layer stack snapshot for {{ run.mirror_name }}" loading="lazy">
          </section>
        </div>
      </article>
    {% endfor %}
  </div>
{% else %}<p class="empty">No plane-mirror runs have been saved yet.</p>{% endif %}
{% endblock %}