{% extends "base.html" %}
{% block title %}Batch scan — Document X-Ray{% endblock %}
{% block body %}
<div class="wrap report">
  <div class="pagehead">
    <div class="klabel">Team plan</div>
    <h1>Scan the whole pile.</h1>
    <p>Point it at a folder of résumés, invoices or claims. Every file is scanned, the
      flagged ones sort to the top, and you get a CSV you can hand to whoever asked.</p>
  </div>

  <form action="/batch" method="post" enctype="multipart/form-data" class="uploader"
        data-progress="batch"
        style="max-width:none">
    <label class="drop" id="drop">
      <input type="file" name="documents" accept="application/pdf,.pdf" id="file" multiple>
      <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor"
           stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
        <path d="M3 7.5A1.5 1.5 0 0 1 4.5 6h4l2 2.5h7A1.5 1.5 0 0 1 19 10v7a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 3 17z"/>
      </svg>
      <strong>Drop up to {{ max_files }} PDFs, or click to choose them</strong>
      <small>{{ max_mb }} MB total &middot; everything is deleted after {{ retention }} minutes</small>
      <div class="picked" id="picked" hidden></div>
    </label>
    <div class="uprow">
      <button class="btn primary lg" type="submit">Scan the batch</button>
      <span class="sep">Large batches take a moment — roughly a second a file.</span>
    </div>
  </form>
</div>

<script src="{{ url_for('static', filename='batch.js') }}" defer></script>
{% endblock %}