{# Settings → Guided tutorial (issue #3): start / replay the bundled walkthrough.
   Self-contained — renders from _settings_context, its replay POST carries its own
   CSRF token. #}
<section id="tutorial" aria-labelledby="tutorial-heading">
<h2 id="tutorial-heading">Guided tutorial</h2>
{# Rendered above the state chain so a seed failure surfaces in every state,
   including when a tutorial run is already configured (e.g. a media-root repair
   failing). Mirrors the unconditional render on the setup Finish step. #}
{% if tutorial_error %}<p class="notice error" role="alert">{{ tutorial_error }}</p>{% endif %}
{% if not tutorial_available %}
  <p class="muted">A short, hands-on walkthrough of one full run on a bundled
     three-speaker sample. Setting it up takes a moment — no command line needed.</p>
  <form method="post" action="/settings/tutorial/seed" class="inline">
    <input type="hidden" name="csrf_token" value="{{ csrf_settings }}">
    <button type="submit">Set up &amp; start the guided tutorial →</button>
  </form>
{% elif tutorial_completed_at %}
  <p>Completed <strong>{{ tutorial_completed_at.strftime("%Y-%m-%d %H:%M") }}</strong>.</p>
  <p class="muted">Replaying walks you through the sample again. Your previous speaker
     rulings on the tutorial run are preserved — replay doesn't reset them.</p>
  <form method="post" action="/settings/tutorial/replay" class="inline">
    <input type="hidden" name="csrf_token" value="{{ csrf_settings }}">
    <button type="submit">Replay tutorial →</button>
  </form>
{% else %}
  <p class="muted">A short, hands-on walkthrough of one full run on a bundled
     three-speaker sample.</p>
  <p><a href="/runs/{{ tutorial_run_id }}?tutorial=run">Start the guided tutorial →</a></p>
{% endif %}
</section>