{% extends "_base.html" %}
{% block title %}offshore — {% if has_shows %}shows{% else %}welcome{% endif %}{% endblock %}
{% block content %}
{% if not has_shows %}
<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>
{% else %}
<h1>Switch or add a show</h1>
{% endif %}

<div class="row mt-6" style="gap: 1rem; align-items: flex-start;">
  <section class="card flex-col flex-1">
    <h2 class="mt-0">New</h2>
    <p class="muted">Scaffold a brand-new show from a short form. Add episodes afterwards.</p>
    <div class="mt-4">
      <button type="button" class="primary w-full" onclick="location.href='/init'">Create new show</button>
    </div>
  </section>
  <section class="card flex-col flex-1">
    <h2 class="mt-0">Import</h2>
    <p class="muted">Seed a new show from an existing RSS feed URL or offshore generated JSON. Metadata will be preserved to ensure a seamless migration.</p>
    <div class="mt-4">
      <button type="button" class="primary w-full" onclick="location.href='/import'">Import</button>
    </div>
  </section>
  <section class="card flex-col flex-1">
    <h2 class="mt-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>
    <div class="mt-4">
      <form method="post" action="/open" class="stack m-0" style="grid-template-columns: 1fr;">
        <input type="text" name="path" placeholder="/absolute/path/to/show.json" required>
        <button type="submit" class="primary w-full">Open</button>
      </form>
    </div>
  </section>
</div>
{% endblock %}