{% extends "_base.html" %}
{% block title %}Import — offshore{% endblock %}
{% block content %}
<h1 class="text-3xl font-bold mb-2">Import show</h1>
<p class="ui-muted mb-8">
  Import from an existing RSS feed or an offshore-generated JSON file.
</p>
<form method="post" action="/import" class="ui-form-grid" id="import-form"
      enctype="multipart/form-data">
  <label>RSS or JSON URL</label>
  <input type="text" name="url" autofocus
         placeholder="https://example.com/feed.xml  or  https://…/show.json">
  <label>— or — from local file</label>
  <input type="file" name="file" accept=".json,application/json">
  <label>New slug</label>
  <input type="text" name="slug" required pattern="[a-zA-Z0-9_-]+"
         placeholder="my-show">
  <label>Feed self URL</label>
  <input type="url" name="feed_self_url" required
         placeholder="https://your-domain.com/podcast.xml">
  <div class="ui-full">
    <button type="submit" class="ui-button ui-button-primary">Import</button>
  </div>
</form>
<div id="import-error" class="mt-4"></div>
{% endblock %}