{% extends "base_template.html" %}
{% block content %}
<h1>Import</h1>
<p>Start a beets import. The importer runs interactively — when it needs a decision, candidate matches
   appear below for you to apply, import as-is, or skip.</p>

<form hx-post="{{ url_for('import_submit') }}" hx-target="#active-imports" hx-swap="afterbegin">
    <label for="path">Path to import (must be under <code>/downloads</code>):</label>
    <br>
    <!-- Pinned to /downloads: the value is prefilled, the pattern blocks submitting anything outside it,
         and the datalist only suggests real subfolders under /downloads as you type. (HTMX validates the
         form POST against the pattern but not the GET autocomplete, so suggestions still work mid-type.) -->
    <input type="text" id="path" name="path" size="60" list="path-options" autocomplete="off"
           value="/downloads/" required pattern="/downloads/.+"
           title="The import path must be a folder under /downloads/"
           placeholder="/downloads/some-album"
           hx-get="{{ url_for('path_suggestions') }}"
           hx-trigger="keyup changed delay:200ms, focus"
           hx-target="#path-options" hx-swap="innerHTML">
    <datalist id="path-options"></datalist>

    <details>
        <summary>Import options</summary>
        <p><small>Prefilled from your beets config's <code>import</code> section; changes apply to this
           import only.</small></p>
        <fieldset>
            <label>
                <input type="checkbox" name="quiet"{% if import_defaults.quiet %} checked{% endif %}>
                Quiet — non-interactive, like <code>beet import -q</code> (no match prompts)
            </label>
            <br>
            <label>
                <input type="checkbox" name="group_albums"{% if import_defaults.group_albums %} checked{% endif %}>
                Group albums by metadata instead of by folder (<code>--group-albums</code>)
            </label>
            <br>
            <label>
                <input type="checkbox" name="flat"{% if import_defaults.flat %} checked{% endif %}>
                Flat — import the whole path as a single album (<code>--flat</code>)
            </label>
            <br>
            <label for="logpath">Log file path (<code>-l</code>; leave empty for no log file):</label>
            <br>
            <input type="text" id="logpath" name="logpath" size="60" value="{{ import_defaults.logpath }}"
                   placeholder="/path/to/import.log">
            <br>
            <label for="set_fields">Set fields (<code>--set</code>; one <code>field=value</code> per line):</label>
            <br>
            <textarea id="set_fields" name="set_fields" rows="2" cols="60" placeholder="genre=Jazz">{{ import_defaults.set_fields }}</textarea>
        </fieldset>
    </details>

    <button type="submit">Start import</button>
</form>

<h2>Active imports</h2>
<p><small>Each import is shown as a card below. Click an import's title to expand or collapse its output log.</small></p>
<!-- Loaded on page load (and after each submit), so ongoing / awaiting-decision jobs persist across
     navigating away and back to this page. Each job fragment then self-polls for its own updates. -->
<div id="active-imports" hx-get="{{ url_for('import_active_list') }}" hx-trigger="load"></div>
{% endblock %}