{# Single-lot variant of the inline "set basis & date" form. Posts to
   /audit/set-basis/single. The "+ Split into multiple lots" link
   swaps the panel via HTMX in Task 5. #}

<div class="panel p-3"
     {% if transfer_qty is not none %}data-transfer-qty="{{ transfer_qty }}"{% endif %}
     {% if transfer_date is not none %}data-transfer-date="{{ transfer_date.isoformat() }}"{% endif %}>
  <h3 class="m-0 text-[13px] font-semibold mb-2">Set basis &amp; date</h3>
  {% if trade_id %}
    <form hx-post="/audit/set-basis/single?caller=pane"
          hx-target="closest .panel"
          hx-swap="outerHTML"
          class="space-y-2"
          x-data='{ basis: 0, qty: {{ transfer_qty|float }} }'>
      <input type="hidden" name="trade_id" value="{{ trade_id }}">
      <label class="block text-[12px] text-label-2">
        Acquisition date
        <input type="date" name="acquisition_date" required
               {% if transfer_date is not none %}max="{{ transfer_date.isoformat() }}"{% endif %}
               class="w-full mt-1 px-2 py-1 text-[13px] bg-bg border rounded"
               style="border-color: var(--color-hairline);">
      </label>
      <label class="block text-[12px] text-label-2">
        Total cost basis ($)
        <input type="number" name="cost_basis" step="0.01" min="0" required
               x-model.number="basis"
               title="Total $ paid for the entire lot (× quantity), not per share"
               class="w-full mt-1 px-2 py-1 text-[13px] bg-bg border rounded font-mono"
               style="border-color: var(--color-hairline);">
        <span class="block mt-1 text-[10px] text-label-3" x-show="basis > 0 && qty > 0">
          ≈ <span class="font-mono" x-text="(basis / qty).toFixed(4)"></span> / share
          across <span class="font-mono" x-text="qty"></span> shares
        </span>
        <span class="block mt-1 text-[10px] text-label-3" x-show="!(basis > 0)">
          Enter the total $ for all {{ transfer_qty }} shares (multiply per-share basis by quantity).
        </span>
      </label>
      <button type="submit"
              class="btn w-full text-[13px] py-1.5">
        Save
      </button>
    </form>
    <a href="#"
       hx-get="/audit/set-basis/multi/{{ trade_id }}"
       hx-target="closest .panel"
       hx-swap="outerHTML"
       class="block mt-2 text-accent text-[12px] hover:underline">
      + Split into multiple lots
    </a>
  {% else %}
    <p class="text-label-2 m-0 text-[12px]">
      Multiple lots —
      <a href="/ticker/{{ sym }}" class="text-accent hover:underline">set basis on the ticker page →</a>
    </p>
  {% endif %}
</div>