{% extends "base.html" %}
{% from "_notes.html" import fine_print %}
{% block title %}{{ page_title }} · Networthy HQ{% endblock %}
{% block content %}

{% if user %}
<nav class="crumbs" aria-label="Breadcrumb">
  <a href="/">Dashboard</a><span class="crumb-sep">/</span>
  <span class="crumb-current">Where do you stand?</span>
</nav>
{% endif %}

<section class="card stand-intro">
  <h1>How rich am I?</h1>
  <p class="muted">
    Type a net worth and see where it ranks among adults in India, the USA,
    Singapore, Australia, Canada, Indonesia, Japan and worldwide. Modelled from UBS,
    Knight Frank and Forbes wealth data — a fun estimate, not a census.
    {% if not user %}Everything is worked out in your browser: the number you type
    is never sent to us.{% endif %}
  </p>

  <div class="nw-control">
    <div class="nw-amount">
      <span class="nw-currency">₹</span>
      <input id="nw-input" type="text" inputmode="decimal" autocomplete="off"
             aria-label="Net worth amount" />
      <select id="nw-unit" aria-label="Unit">
        <option value="7" selected>Crore</option>
        <option value="5">Lakh</option>
      </select>
    </div>

    <input id="nw-slider" type="range" min="0" max="1000" value="0"
           aria-label="Net worth slider" />

    <div class="nw-presets" id="nw-presets">
      <button type="button" data-inr="5000000">₹50 L</button>
      <button type="button" data-inr="10000000">₹1 Cr</button>
      <button type="button" data-inr="50000000">₹5 Cr</button>
      <button type="button" data-inr="100000000">₹10 Cr</button>
      <button type="button" data-inr="1000000000">₹100 Cr</button>
      <button type="button" data-inr="10000000000">₹1,000 Cr</button>
      {% if my_net_worth %}
      <button type="button" class="preset-mine" data-inr="{{ my_net_worth|round|int }}">
        ★ My net worth
      </button>
      {% endif %}
    </div>
  </div>
</section>

<section id="stand-results" class="card stand-results">
  <p class="stand-lead"><strong id="lead-amount"></strong> would place you…</p>
  <div id="country-rows" class="country-rows"></div>
  <p id="fun-fact" class="fun-fact" hidden></p>
  <p id="base-note" class="muted stand-note" hidden>
    Below ₹1 cr, placement is a rough estimate — the source data models the
    ₹1 cr+ tail in detail, not the broad base.
  </p>
</section>

<section class="card pyramid-card">
  <div class="card-head">
    <h2>The wealth pyramid — <span id="pyramid-geo-name">India</span></h2>
    <div class="pyramid-tabs" id="pyramid-tabs" role="tablist"></div>
  </div>
  <div id="pyramid" class="pyramid"></div>
  <p class="pyramid-note muted">
    Band widths are on a log scale so the tiny top bands stay visible. Bands defined
    in INR crore; USD at ₹96.5/$1.
  </p>
</section>

{# ---------------------------------------------------------------------------
   Server-rendered reference tables. The explorer above paints into empty divs
   from JS, so these exist to give crawlers (and no-JS readers) the actual
   numbers — and they answer the questions people search for directly.
   --------------------------------------------------------------------------- #}
<section class="card stand-ref">
  <h2>What net worth puts you in the top 1% in India?</h2>
  <p class="stand-answer">
    About <strong>{{ thresholds | selectattr('pct', 'equalto', 1.0) | map(attribute='label') | first }}</strong>.
    The top 10% starts at about
    <strong>{{ thresholds | selectattr('pct', 'equalto', 10.0) | map(attribute='label') | first }}</strong>,
    and the top 0.1% at about
    <strong>{{ thresholds | selectattr('pct', 'equalto', 0.1) | map(attribute='label') | first }}</strong> —
    measured across India's ≈1 billion adults.
  </p>
  <div class="stand-table-wrap">
    <table class="stand-table">
      <thead>
        <tr>
          <th>To be in the…</th>
          <th class="num">You need about</th>
          <th class="num">Adults above that line</th>
        </tr>
      </thead>
      <tbody>
        {% for t in thresholds %}
        <tr>
          <th scope="row">top {{ "%g"|format(t.pct) }}%</th>
          <td class="num">{{ t.label }}{% if t.rough %}<span class="stand-fn">†</span>{% endif %}</td>
          <td class="num">{{ "{:,.0f}".format(t.adults) }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  <p class="muted stand-note">
    † Below ₹1 crore the source data has no sub-band detail, so these lines are
    interpolated and should be read as approximate.
  </p>
</section>

<section class="card stand-ref">
  <h2>Where common net worths rank in India</h2>
  <p class="muted stand-ref-lead">
    The same question the other way round — where each level lands among India's
    ≈1 billion adults, at fixed rungs.
  </p>
  <div class="stand-table-wrap">
    <table class="stand-table">
      <thead>
        <tr>
          <th>Net worth</th>
          <th class="num">Top %</th>
          <th class="num">Adults at or above</th>
          <th class="num">That's about</th>
        </tr>
      </thead>
      <tbody>
        {% for l in levels %}
        <tr>
          <th scope="row">{{ l.label }}</th>
          <td class="num">{{ "%.3g"|format(l.top_pct) }}%</td>
          <td class="num">{{ "{:,.0f}".format(l.rank) }}</td>
          <td class="num">{% if l.one_in %}1 in {{ "{:,.0f}".format(l.one_in) }}{% else %}—{% endif %}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>

<section class="card stand-ref">
  <h2>India's wealth bands</h2>
  <p class="muted stand-ref-lead">
    How India's adults split across net-worth bands, richest first. USD equivalents
    at ₹96.5/$1.
  </p>
  <div class="stand-table-wrap">
    <table class="stand-table">
      <thead>
        <tr>
          <th>Band</th>
          <th>USD</th>
          <th class="num">Adults</th>
          <th class="num">Share of adults</th>
        </tr>
      </thead>
      <tbody>
        {% for b in band_rows %}
        <tr>
          <th scope="row">{{ b.label }}</th>
          <td class="muted">{{ b.usd_label }}</td>
          <td class="num">{{ "{:,.0f}".format(b.adults) }}</td>
          <td class="num">{{ b.share_display }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  <p class="muted stand-note">
    Adults are age 20+. Sources and method are set out below.
  </p>
</section>

{# Sourcing + limits, stated in full. This page is public and about money, so the
   provenance belongs on the page itself rather than buried in Terms. #}
<section class="card stand-sources">
  <h2>Where these numbers come from</h2>

  <h3>Sources</h3>
  <p class="muted">
    Band populations are compiled from the <strong>UBS Global Wealth Report</strong> (2025/26),
    the <strong>Knight Frank Wealth Report</strong> and the <strong>Forbes Billionaires</strong>
    list, covering adults aged 20+. USD equivalents use <strong>₹96.5 to $1</strong> (RBI
    reference rate, approx. July 2026) — a moving rate frozen for legibility, so dollar figures
    drift as the rupee does.
  </p>

  <h3>How a placement is worked out</h3>
  <p class="muted">
    The published data is coarse — eleven wealth bands. Between the band edges we interpolate
    with a <strong>piecewise power law (Pareto)</strong>: wealth tails are close to log-log
    linear, so a net worth between two anchors is placed along that curve rather than snapped
    to a band edge. Above the top anchor we extend the last segment's slope. Below ₹1 crore the
    source data has no sub-band structure at all, so placements there are a rough interpolation
    and should be read as "somewhere in this region", not a percentile.
  </p>

  <h3>What this is not</h3>
  <p class="muted">
    It is <strong>not a census</strong>. Wealth distributions are modelled estimates built from
    surveys, rich lists and national balance sheets; the very top bands are order-of-magnitude
    at best, unreported and offshore wealth is by definition missing, and different reports
    disagree with each other by wide margins. Treat every figure here as <strong>indicative
    </strong> — good for a sense of scale, not for any decision that matters.
  </p>
  {{ fine_print("Rankings are estimates for general interest only.") }}
</section>

{% if not user %}
<section class="card stand-cta">
  <h2>Know your real number first</h2>
  <p class="muted">
    Ranking a guess is entertainment. Networthy HQ tracks your actual net worth —
    Indian &amp; US stocks, mutual funds, crypto, gold, property, bank balances and
    loans, priced live — so the number you rank is the real one.
  </p>
  <p>
    <a href="/login" class="btn btn-lg">Get started — it's free</a>
    <a href="/demo" class="btn btn-outline btn-lg">Explore the live demo</a>
  </p>
</section>
{% endif %}

<p class="muted page-footnote">
  Also useful: <a href="/how-much-do-i-need-to-retire">how much you need to retire</a> —
  the corpus that funds your spending at each withdrawal rate.
</p>

<script id="stand-data" type="application/json">{{ dataset | tojson }}</script>
<script src="/static/standing.js?v={{ version }}"></script>
<script>
  initStanding({
    defaultNetWorth: {{ default_net_worth|round|int }},
    myNetWorth: {{ (my_net_worth|round|int) if my_net_worth else 'null' }}
  });
</script>

{% endblock %}