{% include "_traffic_light.html" with context %}
{% if not options %}
  <div class="panel text-label-2 text-sm">No accounts available.</div>
{% else %}
  <h2 class="text-xl mb-3">Per-account options for buying <span class="font-mono text-primary">{{ ticker }}</span></h2>
  <div class="grid grid-cols-2 gap-4">
    {% for opt in options %}
      <div class="panel">
        <div class="flex justify-between items-baseline mb-2">
          <div class="font-mono text-primary">{{ opt.account.display() }}</div>
          {% if opt.clean %}
            <span class="text-pos bg-pos/10 text-xs font-medium px-2 py-0.5 rounded">No wash sale</span>
          {% else %}
            <span class="badge-{{ opt.matches[0].confidence|lower }}">Wash trigger</span>
          {% endif %}
        </div>

        <div class="label-uc">Proposed basis</div>
        <div class="text-base font-mono mb-1 num">${{ "%.2f"|format(opt.proposed_basis|float) }}</div>

        {% if opt.total_disallowed > 0 %}
          <div class="label-uc">Disallowed loss rolled in</div>
          <div class="text-base font-mono text-confirmed mb-1 num">+${{ "%.2f"|format(opt.total_disallowed|float) }}</div>

          <div class="label-uc">Adjusted basis on new lot</div>
          <div class="text-lg font-mono mb-2 num">${{ "%.2f"|format(opt.adjusted_basis|float) }}</div>

          <div class="label-uc mb-1">Matched losses</div>
          <div class="panel" style="padding:0;">
            <table class="net-table text-xs">
              <tbody>
                {% for m in opt.matches %}
                  <tr>
                    <td class="py-1 font-mono">{{ m.loss_sale_date }}</td>
                    <td class="py-1">{{ m.loss_account }}</td>
                    <td class="py-1 font-mono">{{ m.loss_ticker }}</td>
                    <td class="r num">{{ m.matched_quantity }}</td>
                    <td class="r num text-confirmed">${{ "%.2f"|format(m.disallowed_loss|float) }}</td>
                    <td class="py-1"><span class="badge-{{ m.confidence|lower }}">{{ m.confidence }}</span></td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
        {% else %}
          <div class="text-xs text-label-2 mt-1">Adjusted basis: ${{ "%.2f"|format(opt.adjusted_basis|float) }}</div>
        {% endif %}
      </div>
    {% endfor %}
  </div>
{% endif %}