{% from "_provenance_macros.html" import provenance_link %}
{% set _profile = profile if profile is defined else None %}

{# ── slot_cash macro ──────────────────────────────────────────────────────── #}
{% macro slot_cash(cash_kpis, cash_secured_total, csp_count) %}
  {% set _csp = (cash_secured_total|float) if cash_secured_total is defined and cash_secured_total else 0 %}
  {% set _csp_n = csp_count if csp_count is defined and csp_count else 0 %}
  {% set _cash = (cash_kpis.cash_balance|float) if cash_kpis else 0 %}
  {% set _free = _cash - _csp %}
  <div class="kpi col-span-4" data-kpi-slot="cash">
    <div class="label-uc"
         title="{% if _csp > 0 %}Total liquid cash. {{ "{:,.0f}".format(_csp) }} is pledged as collateral for {{ _csp_n }} cash-secured put{% if _csp_n != 1 %}s{% endif %} — your free cash is what's left.{% else %}Total liquid cash in this scope. No CSP collateral pledged.{% endif %}">
      Cash {% if _csp > 0 %}<span class="text-label-2 normal-case">(free / pledged)</span>{% endif %}
    </div>
    <div class="num text-[22px] font-bold mt-2">
      {% if cash_kpis is defined and cash_kpis %}
        {% if _cash < 0 %}<span class="text-neg">−${{ "%.2f"|format(_cash|abs) }}</span>
        {% else %}${{ "%.2f"|format(_cash) }}{% endif %}
      {% else %}<span class="text-label-3">—</span>{% endif %}
    </div>
    {% if _csp > 0 and cash_kpis %}
      {% set _pledged_pct = (_csp / _cash * 100) if _cash > 0 else 0 %}
      <div class="mt-2 h-[5px] rounded-full overflow-hidden flex" style="background: rgba(255,255,255,0.06);"
           title="Free vs pledged">
        <div style="width: {{ (100 - _pledged_pct)|round(0,'floor')|int }}%; background: #30D158; height: 100%;"></div>
        <div style="width: {{ _pledged_pct|round(0,'ceil')|int }}%; background: #FF9F0A; height: 100%;"></div>
      </div>
      <div class="flex items-center justify-between mt-1 text-[11px]">
        <span class="text-label-2"><span class="num text-label-1">${{ "{:,.0f}".format(_free) }}</span> free</span>
        <span class="text-label-2"><span class="num" style="color:#FF9F0A;">${{ "{:,.0f}".format(_csp) }}</span> pledged · {{ _csp_n }} CSP{% if _csp_n != 1 %}s{% endif %}</span>
      </div>
    {% else %}
      <div class="text-[11px] text-label-2 mt-1">
        {% if cash_kpis is defined and cash_kpis %}{{ "%.0f"|format((cash_kpis.cash_share_pct|float) * 100) }}% of account{% endif %}
      </div>
    {% endif %}
  </div>
{% endmacro %}

{# ── KPI grid — Phase 3 restructure (§4.1, §5.6) ────────────────────────── #}
{# Top row: hero + today + cash (large, col-span-4 each in a 12-col grid).    #}
{# Bottom row: 4 small numerics (col-span-3 each).                             #}

<div class="grid grid-cols-12 gap-[10px]" data-profile="{{ _profile.profile if _profile else 'active' }}">

  {# ── Hero: Total Account Value ─────────────────────────────────────────── #}
  <div class="kpi kpi-hero col-span-4" data-kpi-slot="hero">
    <div class="label-uc">TOTAL ACCOUNT VALUE</div>
    <div class="num text-[22px] font-bold mt-2">
      {% if total_account_value is defined and total_account_value is not none %}
        ${{ "%.2f"|format(total_account_value|float) }}
      {% else %}
        <span class="text-label-3">—</span>
      {% endif %}
    </div>
    <div class="text-[11px] text-label-2 mt-1">
      {% if vs_contributed_delta is defined and vs_contributed_delta is not none %}
        {% if vs_contributed_delta > 0 %}+{% endif %}{{ fmt_currency(vs_contributed_delta) }} vs contributed
      {% endif %}
    </div>
  </div>

  {# ── Today tile (NEW) ───────────────────────────────────────────────────── #}
  {% include "_portfolio_today_tile.html" %}

  {# ── Cash — single canonical emit ──────────────────────────────────────── #}
  {{ slot_cash(cash_kpis if cash_kpis is defined else None, cash_secured_total if cash_secured_total is defined else 0, csp_count if csp_count is defined else 0) }}

</div>

{# ── Bottom row: 4 small KPIs ─────────────────────────────────────────────── #}
<div class="grid grid-cols-12 gap-[10px] mt-[10px]">

  {# Realized P/L #}
  <div class="kpi col-span-3" data-kpi-slot="realized">
    <div class="label-uc">Realized P/L</div>
    <div class="num text-[22px] font-bold mt-2 {% if kpis.period_realized < 0 %}text-neg{% else %}text-pos{% endif %}">
      {% if kpis.period_realized < 0 %}−{% else %}+{% endif %}${{ "%.2f"|format(kpis.period_realized|float|abs) }}{% if metric_refs is defined and metric_refs.realized_period is defined %}{{ provenance_link(metric_refs.realized_period) }}{% endif %}
    </div>
    <div class="text-[11px] text-label-2 mt-1">{{ kpis.period_label }}</div>
  </div>

  {# Unrealized P/L #}
  <div class="kpi col-span-3" data-kpi-slot="unrealized">
    <div class="label-uc">Unrealized P/L</div>
    <div class="num text-[22px] font-bold mt-2">
      {% if kpis.period_unrealized is none %}<span class="text-label-3">—</span>
      {% elif kpis.period_unrealized < 0 %}<span class="text-neg">−${{ "%.2f"|format(kpis.period_unrealized|float|abs) }}</span>
      {% else %}<span class="text-pos">+${{ "%.2f"|format(kpis.period_unrealized|float) }}</span>
      {% endif %}
    </div>
    <div class="text-[11px] text-label-2 mt-1">{{ kpis.period_label }}</div>
  </div>

  {# Net Contributed #}
  <div class="kpi col-span-3" data-kpi-slot="contributed">
    <div class="label-uc">Net contributed</div>
    <div class="num text-[22px] font-bold mt-2">
      {% if cash_kpis is defined and cash_kpis %}
        {% if cash_kpis.net_contributions < 0 %}
          <span class="text-neg">−${{ "%.2f"|format(cash_kpis.net_contributions|float|abs) }}</span>
        {% else %}
          ${{ "%.2f"|format(cash_kpis.net_contributions|float) }}
        {% endif %}{% if metric_refs is defined and metric_refs.net_contributed_period is defined %}{{ provenance_link(metric_refs.net_contributed_period) }}{% endif %}
      {% else %}
        <span class="text-label-3">—</span>
      {% endif %}
    </div>
    <div class="text-[11px] text-label-2 mt-1">deposits − withdrawals</div>
  </div>

  {# Growth #}
  <div class="kpi col-span-3" data-kpi-slot="growth">
    <div class="label-uc">Growth</div>
    <div class="num text-[22px] font-bold mt-2 {% if cash_kpis is defined and cash_kpis and cash_kpis.growth < 0 %}text-neg{% elif cash_kpis is defined and cash_kpis %}text-pos{% endif %}">
      {% if cash_kpis is defined and cash_kpis %}
        {% if cash_kpis.growth < 0 %}−{% else %}+{% endif %}${{ "%.2f"|format(cash_kpis.growth|float|abs) }}
      {% else %}
        <span class="text-label-3">—</span>
      {% endif %}
    </div>
    <div class="text-[11px] text-label-2 mt-1">
      {% if cash_kpis is defined and cash_kpis and cash_kpis.growth_pct is not none %}
        {% if cash_kpis.growth_pct < 0 %}−{% else %}+{% endif %}{{ "%.1f"|format((cash_kpis.growth_pct|float|abs) * 100) }}% vs contributed
      {% else %}
        no contributions
      {% endif %}
    </div>
  </div>

</div>

{# Global price freshness is shown in the toolbar freshness chip (§5.11 / P5).
   Only tile-specific data-quality warnings (e.g. partial sum) remain here. #}
{% if snapshot is defined and snapshot.degraded %}
  <div class="text-[11px] text-warn mt-2">Quote provider unavailable — some prices may be missing.</div>
{% endif %}
{% if kpis.missing_symbols %}
  <div class="text-[11px] text-warn mt-2">
    {% if kpis.open_position_value is none %}
      No quotes available.
    {% else %}
      Partial sum — {{ kpis.missing_symbols|length }} symbol{% if kpis.missing_symbols|length != 1 %}s{% endif %} unpriced:
      <span class="num">{{ kpis.missing_symbols|join(', ') }}</span>
    {% endif %}
  </div>
{% endif %}