{% 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_runs') }}">Manage 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('s', 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" %}

<section
  class="run-monitor"
  data-live-run-monitor
  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>

{% set final_plot = 'parameter_study.png' if 'parameter_study.png' in run.artifacts else ('selected_efficiency.png' if 'selected_efficiency.png' in run.artifacts else ('live_progress.png' if 'live_progress.png' in run.artifacts else None)) %}
{% if final_plot %}
<section class="preview-panel">
  <h2>{{ 'Parameter-study visualization' if run.workflow == 'parameter_study' else 'Run visualization' }}</h2>
  {% if run.workflow == 'parameter_study' %}
    <p class="subtle">Numerical-stability check: selected-order efficiency while varying Fourier orders, X resolution, and Z resolution.</p>
  {% else %}
    <p class="subtle">Selected-order efficiency for this run.</p>
  {% endif %}
  <img
    class="preview"
    src="{{ url_for('data_file', filename='runs/' ~ run.id ~ '/' ~ final_plot) }}"
    alt="{{ 'Parameter-study numerical-stability plot' if run.workflow == 'parameter_study' else 'Run efficiency plot' }}"
  >
</section>
{% 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>
  <h2>Cases</h2>
  <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>
</section>
{% endif %}
{% endblock %}