{% extends "base.html" %}

{% block title %}Import · Lumière{% endblock %}

{% block content %}
  <section class="form-shell narrow">
    <div class="form-heading">
      <p class="eyebrow">Letterboxd</p>
      <h1>Import diary CSV</h1>
    </div>

    {% if error %}
      <div class="notice error">{{ error }}</div>
    {% endif %}

    <form class="film-form" method="post" action="/import/letterboxd" enctype="multipart/form-data">
      <div class="field">
        <label for="file">CSV export</label>
        <input id="file" name="file" type="file" accept=".csv,text/csv" required>
      </div>

      <div class="form-actions">
        <a href="/">Cancel</a>
        <button type="submit">Import entries</button>
      </div>
    </form>
  </section>

  <section class="form-shell narrow data-tools">
    <div class="form-heading compact-heading">
      <p class="eyebrow">Queue</p>
      <h1>Import watchlist CSV</h1>
    </div>

    <form class="film-form" method="post" action="/import/watchlist" enctype="multipart/form-data">
      <div class="field">
        <label for="watchlist-file">Watchlist CSV</label>
        <input id="watchlist-file" name="file" type="file" accept=".csv,text/csv" required>
      </div>

      <div class="form-actions">
        <a href="/queue">Cancel</a>
        <button type="submit">Import to queue</button>
      </div>
    </form>
  </section>

  <section class="form-shell narrow data-tools">
    <div class="form-heading compact-heading">
      <p class="eyebrow">TMDB</p>
      <h1>Fetch missing posters</h1>
    </div>

    <p class="muted">
      Match imported films against TMDB and fill blank posters plus missing metadata.
    </p>

    <form class="film-form" method="post" action="/data/enrich-posters">
      <div class="form-actions">
        <button type="submit">Fetch missing posters</button>
      </div>
    </form>
  </section>

  <section class="form-shell narrow data-tools">
    <div class="form-heading compact-heading">
      <p class="eyebrow">Data</p>
      <h1>Clear duplicates</h1>
    </div>

    <p class="muted">
      Remove repeated imports that match the same film and watched date, keeping the oldest entry.
    </p>

    <form
      class="film-form"
      method="post"
      action="/data/clear-duplicates"
      data-confirm="Remove duplicate film entries? Lumière will keep the oldest entry for each film/date."
    >
      <div class="form-actions">
        <button type="submit">Clear duplicates</button>
      </div>
    </form>
  </section>

  <section class="form-shell narrow danger-zone">
    <div class="form-heading compact-heading">
      <p class="eyebrow">Data</p>
      <h1>Clear diary</h1>
    </div>

    <p class="muted">
      Remove every film entry from Lumière and reset the local database counter.
    </p>

    <form
      class="film-form"
      method="post"
      action="/data/clear"
      data-confirm="Clear all Lumière film data? This cannot be undone."
    >
      <div class="form-actions">
        <button class="danger-button" type="submit">Clear all data</button>
      </div>
    </form>
  </section>
{% endblock %}