{% extends "base.html" %}
{% block title %}Run {{ run.id }}{% endblock %}
{% block body %}
<section class="section-head">
  <div>
    <h1>{{ run.display_name | default(run.workflow, true) }}</h1>
    <p>{{ run.grating_name }} · {{ run.created_at }}</p>
  </div>
  <div class="actions">
    <a class="button" href="{{ url_for('manage_grating_runs') }}">Manage grating runs</a>
    <a class="button" href="{{ url_for('plot_index') }}">Plot results</a>
    <a
      class="button"
      href="{{ abort_url }}"
      data-run-abort-action
      {% if not initial_status.can_abort %}aria-disabled="true"{% endif %}
    >
      Abort run
    </a>
  </div>
</section>

<section class="notice">
  <p>
    This run is saved in <code>{{ run.results_dir }}</code>.
  </p>
  <p>
    Solver: <code>{{ run.solver | default('rcwa', true) }}</code> &middot;
    Polarization: <code>{{ run.polarization | default('p', true) }}</code>
  </p>
</section>

<section class="notice">
  <h2>Export data</h2>
  <p>Download the saved results as comma-separated CSV, tab-separated DAT, or human-readable YAML metadata.</p>
  <div class="actions">
    <a class="button" href="{{ url_for('export_run', run_id=run.id, export_format='csv') }}">Download CSV</a>
    <a class="button" href="{{ url_for('export_run', run_id=run.id, export_format='dat') }}">Download DAT</a>
    <a class="button" href="{{ url_for('export_run', run_id=run.id, export_format='yaml') }}">Download metadata YAML</a>
    <button
      class="button primary"
      type="button"
      data-run-export-open
      data-run-export-url="{{ url_for('export_selected_run_data', run_id=run.id) }}"
      data-run-export-name="{{ run.id }}_export.zip"
    >Download all…</button>
  </div>
</section>
{% include "_run_export_dialog.html" %}

{% if run.parameter_sweep %}
{% if initial_status.state in ['aborted', 'error', 'failed'] %}
<form method="post" action="{{ url_for('resume_parameter_run', run_id=run.id) }}"><button class="button primary" type="submit">Resume unfinished {{ 'angle' if run.parameter_sweep.sample_axis else 'energy' }} scans</button></form>
{% endif %}
{% endif %}

<section
  class="run-monitor"
  data-live-run-monitor
  {% if initial_status.state in ['queued', 'running', 'aborting'] %}data-run-reload-on-finish{% endif %}
  data-run-status-url="{{ status_url }}"
  data-memory-url="{{ memory_url }}"
>
  <section class="preview-panel run-monitor-plot">
    <div class="section-head preview-head">
      <div>
        <h2>Live progress</h2>
        <p data-run-state>{{ initial_status.state }}</p>
      </div>
      <span class="preview-pill" data-run-progress-summary>
        {{ initial_status.completed_points }} / {{ initial_status.total_points }}
      </span>
    </div>
    {% if initial_status.plot_url %}
      <img class="preview" src="{{ initial_status.plot_url }}" alt="Run progress plot" data-run-plot-image>
    {% else %}
      <img class="preview is-hidden" src="" alt="Run progress plot" data-run-plot-image>
    {% endif %}
  </section>

  <section class="run-monitor-stats">
    <div class="run-progress-bar"><span data-run-progress-bar style="width: 0%"></span></div>
    <div class="stats-grid">
      <div class="stat-card"><strong>Completed</strong><span data-run-completed>{{ initial_status.completed_points }}</span></div>
      <div class="stat-card"><strong>Remaining</strong><span data-run-remaining>{{ initial_status.remaining_points }}</span></div>
      <div class="stat-card"><strong>Elapsed</strong><span data-run-elapsed>Estimating</span></div>
      <div class="stat-card"><strong>ETA</strong><span data-run-eta>Estimating</span></div>
      <div class="stat-card"><strong>Workers</strong><span data-run-workers>{{ initial_status.worker_mode }}</span></div>
      <div class="stat-card"><strong>Machine RAM</strong><span data-run-memory>Loading</span></div>
    </div>
    <p class="subtle" data-run-error></p>
  </section>
</section>

{% if run.parameter_sweep %}
{% set hide_scan_plots = not run.parameter_sweep.sample_axis %}
{% include '_scan_rows.html' %}
{% endif %}

{% if related_plots %}
<section>
  <h2>Related saved plots</h2>
  <div class="list compact">
    {% for plot in related_plots %}
      <a class="row" href="{{ plot.url }}">{{ plot.title }}</a>
    {% endfor %}
  </div>
</section>
{% endif %}

{% if run.artifacts %}
<section>
  <h2>Artifacts</h2>
  <div class="list compact">
    {% for artifact in run.artifacts %}
      <a class="row" href="{{ url_for('data_file', filename='runs/' ~ run.id ~ '/' ~ artifact) }}">{{ artifact }}</a>
    {% endfor %}
  </div>
</section>
{% endif %}

{% if run.cases %}
<section class="run-case-results">
  <h2>Cases</h2>
  <div class="run-case-results-scroll">
  <table>
    <thead><tr><th>Energy eV</th><th>Grazing deg</th><th>Efficiency</th><th>Status</th></tr></thead>
    <tbody>
      {% for case in run.cases %}
        <tr>
          <td>{{ "%.3f"|format(case.energy_ev) }}</td>
          <td>{{ "%.5f"|format(case.grazing_angle_deg) }}</td>
          <td>{{ "%.6g"|format(case.selected_efficiency) }}</td>
          <td>{{ case.status }}</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
  </div>
</section>
{% endif %}
{% endblock %}