{# Caller passes:
     trade           — the imported transfer Trade row
     form_action     — POST /trades/{id}/edit-transfer
#}
<div class="bg-surface rounded-lg shadow-xl max-w-md w-full mx-4 p-6"
     style="border:0.5px solid rgba(255,255,255,0.08);"
     onclick="event.stopPropagation()">
  <div class="flex justify-between items-center mb-4">
    <h2 class="text-xl">Set basis &amp; date</h2>
    <button type="button" onclick="document.getElementById('trade-modal').classList.add('hidden')"
            class="text-label-2 hover:text-text text-2xl leading-none">&times;</button>
  </div>
  <p class="text-[12px] text-label-2 mb-3">
    {{ trade.ticker }} &middot; {{ trade.account }} &middot; {{ trade.quantity }} sh
  </p>
  <form action="{{ form_action }}" method="post" class="space-y-3">
    <div>
      <label class="block label-uc mb-1">Acquisition date</label>
      <input type="date" name="trade_date" required
             value="{{ trade.date.isoformat() }}"
             class="bg-surface text-text rounded-md px-2 py-1 text-[13px] w-full"
             style="border:0.5px solid rgba(255,255,255,0.08);"/>
    </div>
    <div>
      <label class="block label-uc mb-1">
        {% if trade.basis_source == "transfer_in" %}Cost basis ($){% else %}Proceeds ($){% endif %}
      </label>
      <input type="number" name="basis_or_proceeds" step="any" required min="0"
             value="{{ (trade.cost_basis if trade.cost_basis is not none else trade.proceeds) or '' }}"
             class="bg-surface text-text rounded-md px-2 py-1 text-[13px] w-full font-mono"
             style="border:0.5px solid rgba(255,255,255,0.08);"/>
    </div>
    <p class="text-xs text-label-3">&#9888; This is informational only. Consult a tax professional before filing.</p>
    <div class="flex justify-end gap-2 pt-2">
      <button type="button" class="btn-ghost"
              onclick="document.getElementById('trade-modal').classList.add('hidden')">Cancel</button>
      <button type="submit" class="btn">Save</button>
    </div>
  </form>
</div>