{% extends "pobsync_backend/base.html" %}

{% block title %}Run {{ run.id }} | {{ run.host.host }}{% endblock %}

{% block content %}
  <h1>Run {{ run.id }}</h1>

  <section class="actions" aria-label="Run actions">
    <a class="button-link" href="{% url 'host_detail' run.host.host %}">Back to host</a>
    {% if can_cancel %}
      <form method="post" action="{% url 'cancel_run' run.id %}">
        {% csrf_token %}
        <button type="submit" class="secondary">Cancel run</button>
      </form>
    {% endif %}
  </section>

  <section class="grid" aria-label="Run summary">
    <div class="metric"><div class="label">Host</div><div class="value">{{ run.host.host }}</div></div>
    <div class="metric"><div class="label">Status</div><div class="value">{{ run.status }}</div></div>
    <div class="metric"><div class="label">Type</div><div class="value">{{ run.run_type }}</div></div>
    <div class="metric"><div class="label">Rsync</div><div class="value">{{ run.rsync_exit_code|default:"" }}</div></div>
  </section>

  <div class="two-col">
    <section class="panel">
      <h2>Timing</h2>
      <div class="stack">
        <div><strong>Created:</strong> {{ run.created_at }}</div>
        <div><strong>Started:</strong> {{ run.started_at|default:"" }}</div>
        <div><strong>Ended:</strong> {{ run.ended_at|default:"" }}</div>
      </div>
    </section>

    <section class="panel">
      <h2>Snapshot</h2>
      <div class="stack">
        <div><strong>Snapshot:</strong> {% if run.snapshot %}<a href="{% url 'snapshot_detail' run.snapshot.id %}">{{ run.snapshot.dirname }}</a>{% else %}{{ run.snapshot_path|default:"" }}{% endif %}</div>
        <div><strong>Base:</strong> {{ run.base_path|default:"" }}</div>
      </div>
    </section>
  </div>

  {% if requested %}
    <section class="panel">
      <h2>Requested Options</h2>
      <div class="stack">
        <div><strong>Dry run:</strong> {{ requested.dry_run|yesno:"yes,no" }}</div>
        <div><strong>Apply retention:</strong> {{ requested.prune|yesno:"yes,no" }}</div>
        <div><strong>Retention max delete:</strong> {{ requested.prune_max_delete }}</div>
        <div><strong>Protect bases:</strong> {{ requested.prune_protect_bases|yesno:"yes,no" }}</div>
      </div>
    </section>
  {% endif %}

  <section class="panel">
    <h2>Result</h2>
    <pre>{{ result_json }}</pre>
  </section>
{% endblock %}