{# Second drop zone — for the Schwab All-Positions CSV (verify reference).
   Posts directly to /imports/positions which writes broker_position rows
   tagged with the as-of date parsed from the CSV's first line. #}
<form id="positions-import-form"
      action="/imports/positions"
      method="post"
      enctype="multipart/form-data">
  <div class="relative border-2 border-dashed rounded-lg p-8 text-center bg-surface"
       style="border-color: var(--color-hairline-strong);"
       id="positions-drop-zone"
       onclick="document.getElementById('positions-csv-input').click()"
       ondragover="event.preventDefault(); this.classList.add('bg-surface-2');"
       ondragleave="this.classList.remove('bg-surface-2');"
       ondrop="event.preventDefault(); this.classList.remove('bg-surface-2');
               const dt = new DataTransfer();
               for (const f of event.dataTransfer.files) dt.items.add(f);
               const inp = document.getElementById('positions-csv-input');
               inp.files = dt.files;
               document.getElementById('positions-import-form').submit();">
    <p>Drop your Schwab <strong>All-Positions</strong> CSV here
       or <a class="text-primary underline cursor-pointer">click to browse</a></p>
    <p class="text-xs text-label-2 mt-1">
      positions reference &middot; used by the verify engine to cross-check broker totals
    </p>
    <input type="file"
           id="positions-csv-input"
           name="file"
           accept=".csv"
           required
           class="hidden"
           onchange="document.getElementById('positions-import-form').submit();"/>
  </div>
</form>