{% set status_labels = {
  file_states.PENDING: 'Pending',
  file_states.IDENTIFIED: 'Imported',
  file_states.UNRESOLVED_LLM: 'Unresolved — identification',
  file_states.UNRESOLVED_HIDDEN_FILE: 'Unresolved — hidden file'
} %}
<div class="table-wrap workspace-table-wrap" tabindex="0" role="region" aria-label="Scrollable current batch details">
  <table class="workspace-files" data-batch-id="{{ workspace.id }}" data-stop-requested="{{ 'true' if workspace.stop_requested else 'false' }}" data-automatic-processing="{{ 'true' if automatic_processing else 'false' }}" aria-label="Current batch files">
    <thead><tr><th scope="col">#</th><th scope="col" title="Last saved change (local time)">Updated</th><th scope="col">Filename / Directory</th><th scope="col">Title</th><th scope="col">Year</th><th scope="col">Confidence</th><th scope="col">Retries</th><th scope="col">Status</th>{% if has_match_results %}<th scope="col">Match Results</th>{% endif %}<th scope="col">Action</th></tr></thead>
    <tbody>
      {% for file in workspace.files %}
      <tr>
        <td>{{ loop.index }}</td>
        <td class="file-updated">{% if file.updated_at %}<time datetime="{{ file.updated_at | utc_iso }}" data-local-time="compact">—</time>{% else %}—{% endif %}</td>
        <td>{{ file.filename }}</td>
        <td>{{ file.identification.title if file.identification is not none else '—' }}</td>
        <td>{{ file.display_year or '—' }}</td>
        <td>{{ file.identification.confidence if file.identification is not none else '—' }}</td>
        <td>{{ file.retries }}</td>
        <td>{% if file.pending %}Pending{% elif file.needs_year_inference and file.tmdb_match and not file.tmdb_match.file_moved %}Unresolved{% elif file.media_type == 'tv' and file.state == file_states.IDENTIFIED %}{% if file.tmdb_match and file.tmdb_match.file_moved %}Imported{% elif file.tmdb_match and file.tmdb_match.episodes_mapped %}Episodes mapped{% else %}Series identified{% endif %}{% else %}{{ status_labels[file.state] if file.state else 'Not available' }}{% endif %}</td>
        {% if has_match_results %}
        <td class="match-result">
          {% if file.tmdb_match is none %}—
          {% elif file.tmdb_match.skipped %}Skipped
          {% else %}<a href="/matches/{{ workspace.id }}/{{ file.id }}">{{ file.tmdb_match.label }}</a>{% endif %}
        </td>
        {% endif %}
        <td>
          {% if not automatic_processing and file.tmdb_match is not none and file.tmdb_match.needs_manual_match and file.action not in (file_actions.IGNORE, file_actions.DELETE) %}
          <form class="manual-match" data-file-id="{{ file.id }}">
            <input name="movie_id" type="text" inputmode="numeric" pattern="[0-9]{1,10}" required aria-label="TMDB ID for {{ file.filename }}"{% if matching_job %} disabled{% endif %}>
            <button type="submit"{% if matching_job %} disabled{% endif %}>TMDB ID</button>
          </form>
          {% if file.tmdb_match.selection_error %}<p role="status">{{ file.tmdb_match.selection_error }}</p>{% endif %}
          {% elif not automatic_processing and file.tmdb_match is not none and file.tmdb_match.entry_exists and file.action not in (file_actions.IGNORE, file_actions.DELETE) %}
          <form class="replace-media" data-file-id="{{ file.id }}">
            <button type="submit"{% if matching_job %} disabled{% endif %}>Replace Local Media</button>
          </form>
          {% else %}—{% endif %}
        </td>
      </tr>
      {% else %}
      <tr><td colspan="{{ 9 + has_match_results }}">No files in this batch.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
<p role="status" id="match-feedback">
  <span id="match-running" hidden>Current Task:</span>
  <span id="match-error" hidden>Could not confirm matching finished. Reload the page to check saved results before trying again.</span>
</p>
<script>
  let matchingInProgress = false;
  let revision = 0;
  let refreshSequence = 0;
  const stopBatch = document.getElementById('stop-batch');
  let stopRequested = {{ workspace.stop_requested | tojson }};
  async function refreshWorkspace(duringMatching = false) {
    const table = document.querySelector('.workspace-files');
    if (clearingWorkspace || (matchingInProgress && !duringMatching)) return;
    const requestedRevision = revision;
    const requestNumber = ++refreshSequence;
    const response = await fetch('/control', {cache: 'no-store'});
    if (!response.ok) throw new Error();
    const page = new DOMParser().parseFromString(await response.text(), 'text/html');
    const updated = page.querySelector('.workspace-files');
    if (!updated) { window.location.replace({{ control_url | tojson }}); return; }
    if (updated.dataset.batchId !== table.dataset.batchId) throw new Error();
    if (revision !== requestedRevision || requestNumber !== refreshSequence) return;
    document.getElementById('batch-processing').replaceWith(page.getElementById('batch-processing'));
    if (table.contains(document.activeElement)) return;
    if (matchingInProgress) updated.querySelectorAll('input, button').forEach(control => { control.disabled = true; });
    table.replaceWith(updated);
    stopRequested = updated.dataset.stopRequested === 'true';
    stopBatch.disabled = page.getElementById('stop-batch').disabled;
    if (stopRequested && updated.dataset.automaticProcessing !== 'true' && !matchingInProgress) {
      document.getElementById('stop-feedback').textContent = 'Batch stopped. Completed work has been preserved.';
    }
    document.querySelector('.last-updated').replaceWith(page.querySelector('.last-updated'));
    const newBatchDisabled = matchingInProgress || page.querySelector('#new-batch-action button').disabled;
    const controls = document.getElementById('batch-controls-section');
    const nextControls = page.getElementById('batch-controls-section');
    if (Boolean(controls.querySelector('form')) !== Boolean(nextControls.querySelector('form'))) {
      controls.replaceWith(nextControls);
      document.getElementById('new-batch-action').replaceWith(page.getElementById('new-batch-action'));
      const refreshInput = nextControls.querySelector('input[name="refresh"]');
      if (refreshInput) refreshInput.value = document.querySelector('#control-refresh select').value;
    }
    document.querySelector('#new-batch-action button').disabled = newBatchDisabled;
    window.formatLocalTimes();
  }
  window.refreshWorkspace = refreshWorkspace;

  async function pollAutomaticBatch() {
    try {
      await refreshWorkspace();
    } catch {
      // A failed progress read does not interrupt the server-owned batch.
    }
    if (document.querySelector('.workspace-files').dataset.automaticProcessing === 'true') {
      window.setTimeout(pollAutomaticBatch, 2000);
    }
  }
  {% if automatic_processing %}
  window.setTimeout(pollAutomaticBatch, 2000);
  {% endif %}

  function showMatching() {
    matchingInProgress = true;
    revision += 1;
    document.querySelectorAll('.manual-match input, .manual-match button, .replace-media button').forEach(control => { control.disabled = true; });
    document.querySelector('#new-batch-action button').disabled = true;
    stopBatch.disabled = stopRequested;
    document.getElementById('match-running').hidden = false;
    document.getElementById('match-error').hidden = true;
  }

  function matchingFailed() {
    document.getElementById('match-running').hidden = true;
    document.getElementById('match-error').hidden = false;
  }

  async function pollMatching(jobId) {
    try {
      const response = await fetch('/workspace/match/status/' + encodeURIComponent(jobId), {cache: 'no-store'});
      if (!response.ok) throw new Error();
      const job = await response.json();
      if (job.status === 'completed' || job.status === 'cancelled') {
        matchingInProgress = false;
        revision += 1;
        document.getElementById('match-running').hidden = true;
        await refreshWorkspace();
        return;
      }
      if (job.status !== 'running') throw new Error();
      await refreshWorkspace(true);
      window.setTimeout(() => pollMatching(jobId), 2000);
    } catch {
      matchingFailed();
    }
  }

  document.addEventListener('submit', async event => {
    const form = event.target.closest('.manual-match');
    if (!form) return;
    event.preventDefault();
    if (clearingWorkspace || matchingInProgress) return;
    const movieId = form.elements.movie_id.value.trim();
    if (!/^[0-9]{1,10}$/.test(movieId) || Number(movieId) < 1 || Number(movieId) > 4294967295) {
      form.elements.movie_id.setCustomValidity('Enter a positive TMDB movie ID.');
      form.elements.movie_id.reportValidity();
      return;
    }
    form.elements.movie_id.blur();
    showMatching();
    try {
      const response = await fetch({{ settings.MATCH_TMDB_ID_URL | tojson }}, {
        method: 'POST', body: new URLSearchParams({batch_id: {{ workspace.id | tojson }},
                                                  file_id: form.dataset.fileId, movie_id: movieId})
      });
      if (!response.ok) throw new Error();
      const result = await response.json();
      if (result.accepted !== true) throw new Error();
      pollMatching(result.job_id);
    } catch { matchingFailed(); }
  });
  document.addEventListener('submit', async event => {
    const form = event.target.closest('.replace-media');
    if (!form) return;
    event.preventDefault();
    if (clearingWorkspace || matchingInProgress) return;
    showMatching();
    try {
      const response = await fetch({{ settings.REPLACE_MEDIA_URL | tojson }}, {
        method: 'POST', body: new URLSearchParams({batch_id: {{ workspace.id | tojson }},
                                                  file_id: form.dataset.fileId})
      });
      if (!response.ok) throw new Error();
      const result = await response.json();
      if (result.accepted !== true) throw new Error();
      pollMatching(result.job_id);
    } catch { matchingFailed(); }
  });
  document.addEventListener('input', event => {
    if (event.target.matches('.manual-match input')) event.target.setCustomValidity('');
  });

  stopBatch.addEventListener('click', async () => {
    stopBatch.disabled = true;
    revision += 1;
    const status = document.getElementById('stop-feedback');
    status.textContent = 'Requesting stop...';
    try {
      const response = await fetch({{ settings.STOP_BATCH_URL | tojson }}, {
        method: 'POST', body: new URLSearchParams({batch_id: {{ workspace.id | tojson }}})
      });
      if (!response.ok || (await response.json()).accepted !== true) throw new Error();
      stopRequested = true;
      status.textContent = 'Stop requested. Finishing the current operation...';
      revision += 1;
      await refreshWorkspace(true);
    } catch {
      status.textContent = 'Could not confirm the stop request. Refresh to check the batch.';
      stopBatch.disabled = false;
    }
  });

  {% if matching_job %}
  showMatching();
  pollMatching({{ matching_job.id | tojson }});
  {% endif %}
</script>