{% extends "base.html" %}
{% block title %}NSDL CAS · Networthy HQ{% endblock %}
{% block content %}

{% if latest %}
<section class="pf-head">
  <div class="stat">
    <span class="stat-label">NSDL CAS net worth · {{ latest.statement_date.strftime('%d %b %Y') }}</span>
    <span class="stat-value">₹{{ "{:,.0f}".format(latest.total_value) }}</span>
    {% if change is not none %}
      <span class="stat-change {{ 'up' if change >= 0 else 'down' }}">
        {{ '▲' if change >= 0 else '▼' }} ₹{{ "{:,.0f}".format(change|abs) }} since previous
      </span>
    {% endif %}
  </div>
  <a href="/upload" class="btn">Upload CAS</a>
</section>

{# A statement whose rows don't add up to its own stated total. The headline
   figure is still right — it's read straight off the document — but the
   breakdown below it isn't, and showing a wrong breakdown with no warning is
   the worst thing this app can do. #}
{% if reconcile %}
<div class="rec-warn">
  <strong>The breakdown below doesn't add up.</strong>
  {{ reconcile.summary() }}
  The total above is taken from the statement itself and is still correct — it's the
  per-holding rows, and any net-worth category fed by them, that are off. This usually
  means the statement's layout changed.
  <a href="/feedback">Tell us about it</a> and re-upload once it's fixed.
</div>
{% endif %}

<section class="card">
  <h2>Net worth over time</h2>
  <div id="chart"></div>
</section>

<section class="card">
  <div class="card-head">
    <h2>Snapshots</h2>
    <form method="post" action="/snapshots/delete-all"
          onsubmit="return confirm('Clear all {{ snapshots|length }} snapshot(s)? This can\'t be undone.');">
      <button class="link-danger" type="submit">Clear all</button>
    </form>
  </div>
  <table class="snapshots">
    <thead>
      <tr><th>Statement date</th><th class="num">Net worth</th><th class="num">Holdings</th><th>Source</th><th></th></tr>
    </thead>
    <tbody>
      {% for s in snapshots %}
      <tr>
        <td>{{ s.statement_date.strftime('%d %b %Y') }}</td>
        <td class="num">₹{{ "{:,.0f}".format(s.total_value) }}</td>
        <td class="num">{{ s.holding_count }}</td>
        <td class="muted">{{ s.source_filename or '—' }}</td>
        <td>
          <form method="post" action="/snapshots/{{ s.id }}/delete"
                onsubmit="return confirm('Delete this snapshot?');">
            <button class="link-danger" type="submit">delete</button>
          </form>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</section>

{# --- Detailed holdings for the latest statement (merged from Portfolio) --- #}
{% if accounts %}
{% if breakdown %}
<section class="card">
  <h2>Asset allocation · {{ latest.statement_date.strftime('%d %b %Y') }}</h2>
  <div class="alloc-bar">
    {% for b in breakdown %}
    <span class="alloc-seg ac-{{ b.asset_class }}"
          style="width: {{ '%.2f'|format(b.pct) }}%"
          title="{{ b.label }} · ₹{{ '{:,.0f}'.format(b.value) }} ({{ '%.1f'|format(b.pct) }}%)"></span>
    {% endfor %}
  </div>
  <ul class="alloc-legend">
    {% for b in breakdown %}
    <li>
      <span class="dot ac-{{ b.asset_class }}"></span>
      <span class="alloc-name">{{ b.label }}</span>
      <span class="alloc-val">₹{{ "{:,.0f}".format(b.value) }}</span>
      <span class="alloc-pct muted">{{ "%.1f"|format(b.pct) }}%</span>
    </li>
    {% endfor %}
  </ul>
</section>
{% endif %}

{% for account in accounts %}
<section class="card acct">
  <div class="acct-head">
    <div>
      <span class="acct-badge kind-{{ account.kind }}">
        {{ {'demat': 'Demat', 'mutual_fund': 'Mutual Fund', 'nps': 'NPS'}.get(account.kind, account.kind) }}
      </span>
      <span class="acct-name">{{ account.name }}</span>
      {% if account.depository %}<span class="muted">· {{ account.depository }}</span>{% endif %}
      {% if account.identifier %}<span class="muted">· {{ account.identifier }}</span>{% endif %}
    </div>
    <span class="acct-total">₹{{ "{:,.0f}".format(account.value) }}</span>
  </div>
  <table class="holdings">
    <thead>
      <tr>
        <th>Holding</th>
        <th class="num">Units</th>
        <th class="num">Price / NAV</th>
        <th class="num">Value</th>
      </tr>
    </thead>
    <tbody>
      {% for h in account.holdings %}
      <tr>
        <td>
          <span class="dot ac-{{ h.asset_class }}" title="{{ class_label(h.asset_class) }}"></span>
          <span class="h-name">{{ h.name }}</span>
          {% if h.isin %}<span class="h-isin muted">{{ h.isin }}</span>{% endif %}
        </td>
        <td class="num">{{ "{:,.3f}".format(h.units).rstrip('0').rstrip('.') if h.units is not none else '—' }}</td>
        <td class="num">{{ "₹{:,.2f}".format(h.price) if h.price is not none else '—' }}</td>
        <td class="num">{{ "₹{:,.0f}".format(h.value) if h.value is not none else '—' }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</section>
{% endfor %}
{% endif %}

<script src="/static/chart.js?v={{ version }}"></script>
<script>
  drawChart({{ chart | tojson }});
</script>

{% else %}
<section class="empty">
  <h1>No statements yet</h1>
  <p>Upload your first NSDL CAS PDF to start tracking your net worth.</p>
  <a href="/upload" class="btn btn-lg">Upload a CAS statement</a>
</section>
{% endif %}

{% endblock %}