{% extends "base.html" %}
{% block title %}Multilayer designs{% endblock %}
{% block body %}
<section class="section-head">
  <div>
    <h1>Multilayer grating designs</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">
      {% for study in studies %}
        <div class="row run-manage-row">
          <div class="run-manage-main">
            <a href="{{ url_for('multilayer_design_detail', study_id=study.id) }}"><strong>{{ study.display_name }}</strong></a>
            <p class="subtle">{{ study.id }} · created {{ study.created_at }}</p>
            <p class="subtle">
              {% for stage in stages %}
                <span class="status-pill is-{{ study.stages[stage].status }}">
                  {{ stage_labels[stage] }}: {{ study.stages[stage].status }}
                </span>
              {% endfor %}
            </p>
          </div>
          <label class="inline-check manage-delete">
            <input type="checkbox" name="delete_study_id" value="{{ study.id }}">
            <span>Delete</span>
          </label>
        </div>
      {% endfor %}
    </div>
  </form>
{% else %}
  <p class="empty">No design studies yet. Create one to get started.</p>
{% endif %}
{% endblock %}