{% extends "base.html" %}
{% block title %}Manage multilayer runs{% endblock %}
{% block body %}
<section class="section-head">
  <div>
  <h1>Manage multilayer runs</h1>
    <p>Survey a d-spacing × blaze-angle grid at one energy, then scan the chosen designs over energy.</p>
  </div>
  <div class="actions">
    <a class="button primary" href="{{ url_for('multilayer_design_new') }}">New design study</a>
  </div>
</section>

{% if studies %}
  <form class="form" method="post" action="{{ url_for('multilayer_design_index') }}">
    <div class="manage-actions">
      <button class="button danger" type="submit" name="action" value="delete"
              data-confirm="Delete the selected studies and all their results? This cannot be undone.">
        Delete selected
      </button>
    </div>
    <div class="list manage-record-list">
      {% for study in studies %}
        <article class="manage-record-card multilayer-record">
          <div class="manage-record-content">
            <div class="manage-record-heading">
              <div>
                <h2><a href="{{ url_for('multilayer_design_detail', study_id=study.id) }}">{{ study.display_name }}</a></h2>
                <p class="subtle">Created {{ study.created_at }}</p>
              </div>
              <label class="inline-check manage-record-delete">
                <input type="checkbox" name="delete_study_id" value="{{ study.id }}">
                <span>Delete</span>
              </label>
            </div>
            <div class="manage-stage-list" aria-label="Simulation stage status">
              {% for stage in stages %}
                <span class="status-pill is-{{ study.stages[stage].status }}">
                  {{ stage_labels[stage] }}: {{ study.stages[stage].status }}
                </span>
              {% endfor %}
            </div>
          </div>
        </article>
      {% endfor %}
    </div>
  </form>
{% else %}
  <p class="empty">No design studies yet. Create one to get started.</p>
{% endif %}
{% endblock %}