{% extends "_base.html" %}
{% block title %}offshore — welcome{% endblock %}
{% block content %}
<h1>Welcome to offshore</h1>
<p class="muted">No shows found in <code>{{ shows_dir }}</code>. Pick one of the options below to get started.</p>

<div class="row" style="gap: 1rem; align-items: stretch; margin-top: 1.5rem;">
  <section style="flex: 1; padding: 1rem; border: 1px solid var(--border); border-radius: 6px;">
    <h2 style="margin-top: 0;">Open</h2>
    <p class="muted">Point at an existing <code>*.json</code> anywhere on disk. The workspace switches to that file's directory for this session.</p>
    <form method="post" action="/open" class="stack" style="grid-template-columns: 1fr;">
      <input type="text" name="path" placeholder="/absolute/path/to/show.json" required>
      <button type="submit" class="primary">Open</button>
    </form>
  </section>

  <section style="flex: 1; padding: 1rem; border: 1px solid var(--border); border-radius: 6px;">
    <h2 style="margin-top: 0;">Import</h2>
    <p class="muted">Seed a new show from an existing RSS feed URL or offshore generated JSON. Item guids are preserved so subscribers see no duplicates.</p>
    <a class="btn primary" href="/import">Import</a>
  </section>

  <section style="flex: 1; padding: 1rem; border: 1px solid var(--border); border-radius: 6px;">
    <h2 style="margin-top: 0;">New</h2>
    <p class="muted">Scaffold a brand-new show from a short form. Add episodes afterwards.</p>
    <a class="btn primary" href="/init">Create new show</a>
  </section>
</div>
{% endblock %}