{% extends "base.html" %}
{% block content %}
<section class="page-head">
  <div>
    <p class="eyebrow">Trace #{{ trace.id }}</p>
    <h1>{{ trace.action }} / {{ trace.status }}</h1>
  </div>
  <a class="button secondary" href="/traces">Back to traces</a>
</section>

<section class="metrics">
  <article><span>Date</span><strong>{{ trace.scheduled_date }}</strong></article>
  <article><span>Source</span><strong>{{ trace.source_name or "-" }}</strong></article>
  <article><span>Clone</span><strong>{{ trace.clone_workout_name or "-" }}</strong></article>
  <article><span>Hash</span><strong class="hash">{{ trace.source_hash or "-" }}</strong></article>
</section>

<section class="panel">
  <header><h2>Message</h2></header>
  <p>{{ trace.message }}</p>
</section>

{% for key, value in json.items() %}
<section class="panel">
  <header>
    <h2>{{ key.replace("_json", "").title() }} JSON</h2>
    <a class="button secondary" href="/traces/{{ trace.id }}/{{ key.replace('_json', '') }}.json">Download</a>
  </header>
  <pre>{{ value }}</pre>
</section>
{% endfor %}
{% endblock %}