{% extends "base.html" %}
{% block title %}Net worth · Networthy HQ{% endblock %}
{% block main_class %}wide{% endblock %}
{% block content %}

<section class="nw-page-head">
  <h1>Net worth</h1>
  <p class="muted">
    Everything you own and owe. Drill into any category to add or update — values
    roll up here, priced live where we can.
  </p>
</section>

<section class="dash-card hero-main nw-overview-summary">
  <span class="eyebrow">Total net worth</span>
  <div class="hero-nw num"><span class="rs">₹</span>{{ "{:,.0f}".format(net_worth) }}</div>
  <div class="hero-split">
    <div>
      <div class="lab"><span class="swatch" style="background:var(--brand)"></span>Assets</div>
      <div class="val num">₹{{ "{:,.0f}".format(assets) }}</div>
    </div>
    <div>
      <div class="lab"><span class="swatch" style="background:var(--loss)"></span>Liabilities</div>
      <div class="val num{{ ' neg' if liabilities else '' }}">
        {{ '−₹' ~ '{:,.0f}'.format(liabilities) if liabilities else '₹0' }}
      </div>
    </div>
  </div>
</section>

{% macro amount(v) -%}
  {%- if v is not none %}<span class="nw-val">₹{{ "{:,.0f}".format(v) }}</span>{% endif -%}
{%- endmacro %}

{% for section in sections %}
<section class="card nw-section">
  <div class="card-head">
    <h2>{{ section.title }}</h2>
    {{ amount(values.get(section.slug)) }}
  </div>

  {% if section.children %}
    {% for sub in section.children %}
    <div class="nw-subsection">
      <h3 class="nw-subhead">
        <a href="/networth/{{ section.slug }}/{{ sub.slug }}">{{ sub.title }}</a>
        {{ amount(values.get(section.slug ~ '/' ~ sub.slug)) }}
      </h3>
      {% if sub.children %}
      <ul class="nw-leaf-list">
        {% for leaf in sub.children %}
        <li>
          <a class="nw-leaf{% if not leaf.is_leaf %} nw-cat{% endif %}"
             href="/networth/{{ section.slug }}/{{ sub.slug }}/{{ leaf.slug }}">
            <span class="nw-leaf-body">
              <span class="nw-leaf-title">{{ leaf.title }}</span>
              {% if leaf.note %}<span class="nw-leaf-note">{{ leaf.note }}</span>{% endif %}
            </span>
            {{ amount(values.get(section.slug ~ '/' ~ sub.slug ~ '/' ~ leaf.slug)) }}
            {% if leaf.is_leaf %}
              <span class="nw-leaf-arrow">→</span>
            {% else %}
              <span class="nw-cat-count">{{ leaf.children|length }} inside</span>
              <span class="nw-leaf-arrow">›</span>
            {% endif %}
          </a>
        </li>
        {% endfor %}
      </ul>
      {% else %}
      <p class="muted nw-empty">No categories yet.</p>
      {% endif %}
    </div>
    {% endfor %}
  {% else %}
    <p class="muted nw-empty">No categories yet.</p>
  {% endif %}
</section>
{% endfor %}

{% endblock %}