{% extends "captable/base.html" %}
{% load capfmt %}
{% block title %}{{ company.name }}{% endblock %}
{% block content %}
<div class="page-head">
  <h1>{{ company.name }}</h1>
  <form method="get" class="inline-form">
    <label>As of <input type="date" name="as_of" value="{{ as_of|date:'Y-m-d' }}"></label>
    <button class="btn">Update</button>
    <a class="btn" href="{% url 'captable_csv' company.pk %}?as_of={{ as_of|date:'Y-m-d' }}">Export CSV</a>
  </form>
</div>

<div class="grid stats">
  <div class="card stat"><span class="label">Last post-money</span>
    <strong>{% if last_round %}{{ last_round.post_money|money }}{% else %}—{% endif %}</strong>
    <span class="muted">{% if last_round %}{{ last_round.name }} · {{ last_round.price_per_share|price }}/sh{% else %}no priced round{% endif %}</span></div>
  <div class="card stat"><span class="label">Fully diluted shares</span><strong>{{ table.fully_diluted|shares }}</strong>
    <span class="muted">{{ table.issued|shares }} issued</span></div>
  <div class="card stat"><span class="label">Options outstanding</span><strong>{{ table.options_outstanding|shares }}</strong>
    <span class="muted">{{ table.unallocated_pool|shares }} unallocated in pool</span></div>
  <div class="card stat"><span class="label">Unconverted SAFEs / notes</span><strong>{{ table.convertibles|length }}</strong>
    <span class="muted">not in fully diluted count</span></div>
</div>

<div class="grid two">
  <section class="card">
    <h2>Ownership (fully diluted)</h2>
    <div class="donut-wrap">{{ donut }}
      <ul class="legend">{% for color, g in legend %}<li><i style="background:{{ color }}"></i>{{ g.name }} <span>{{ g.pct|pct:1 }}</span></li>{% endfor %}</ul>
    </div>
  </section>
  <section class="card">
    <h2>By share class</h2>
    <table class="data">
      <thead><tr><th>Class</th><th class="num">Issued</th><th class="num">Options / pool</th><th class="num">Fully diluted</th><th class="num">%</th></tr></thead>
      <tbody>{% for g in by_class %}<tr><td>{{ g.name }}</td><td class="num">{{ g.issued|shares }}</td><td class="num">{{ g.options|shares }}</td><td class="num">{{ g.fully_diluted|shares }}</td><td class="num">{{ g.pct|pct }}</td></tr>{% endfor %}</tbody>
    </table>
    <h3>Priced rounds</h3>
    <table class="data">
      <thead><tr><th>Round</th><th>Date</th><th class="num">Pre-money</th><th class="num">Raised</th><th class="num">Price</th></tr></thead>
      <tbody>{% for r in rounds %}<tr><td>{{ r.name }}</td><td>{{ r.date }}</td><td class="num">{{ r.pre_money|money }}</td><td class="num">{{ r.new_money|money }}</td><td class="num">{{ r.price_per_share|price }}</td></tr>
      {% empty %}<tr><td colspan="5" class="muted">None yet — try the round modeler.</td></tr>{% endfor %}</tbody>
    </table>
  </section>
</div>

<section class="card">
  <h2>Cap table by holder &amp; class <span class="muted small">as of {{ as_of }}</span></h2>
  <table class="data">
    <thead><tr><th>Holder</th><th>Class</th><th class="num">Issued</th><th class="num">Options</th><th class="num">Vested options</th><th class="num">Fully diluted</th><th class="num">FD %</th></tr></thead>
    <tbody>{% for r in table.rows %}<tr>
      <td>{% with sid=stakeholders|get:r.holder %}{% if sid %}<a href="{% url 'stakeholder' company.pk sid %}?as_of={{ as_of|date:'Y-m-d' }}">{{ r.holder }}</a>{% else %}<em>{{ r.holder }}</em>{% endif %}{% endwith %}</td>
      <td>{{ r.share_class }}</td><td class="num">{{ r.issued|shares }}</td><td class="num">{{ r.options|shares }}</td><td class="num">{{ r.vested_options|shares }}</td>
      <td class="num">{{ r.fully_diluted|shares }}</td><td class="num">{{ r.fully_diluted|ratio:table.fully_diluted|pct }}</td></tr>{% endfor %}</tbody>
    <tfoot><tr><td>Total</td><td></td><td class="num">{{ table.issued|shares }}</td><td class="num">{{ table.options_outstanding|add:table.unallocated_pool|shares }}</td><td></td><td class="num">{{ table.fully_diluted|shares }}</td><td class="num">100.00%</td></tr></tfoot>
  </table>
</section>

<div class="grid two">
  <section class="card">
    <h2>Holders</h2>
    <table class="data">
      <thead><tr><th>Holder</th><th class="num">Fully diluted</th><th class="num">%</th></tr></thead>
      <tbody>{% for g in by_holder %}<tr><td>{{ g.name }}</td><td class="num">{{ g.fully_diluted|shares }}</td><td class="num">{{ g.pct|pct }}</td></tr>{% endfor %}</tbody>
    </table>
  </section>
  <section class="card">
    <h2>Outstanding SAFEs &amp; notes</h2>
    <table class="data">
      <thead><tr><th>Holder</th><th>Type</th><th class="num">Principal</th><th class="num">Cap</th><th class="num">Discount</th></tr></thead>
      <tbody>{% for c in table.convertibles %}<tr><td>{{ c.holder }}</td><td>{{ c.kind|upper }}{% if c.post_money %} (post){% endif %}</td><td class="num">{{ c.principal|money }}</td><td class="num">{{ c.valuation_cap|money }}</td><td class="num">{{ c.discount|pct:0 }}</td></tr>
      {% empty %}<tr><td colspan="5" class="muted">None outstanding on this date.</td></tr>{% endfor %}</tbody>
    </table>
    <h3>Add records</h3>
    <p class="actions">{% for kind, label in record_kinds %}<a class="btn small" href="{% url 'add_record' company.pk kind %}">+ {{ label }}</a> {% endfor %}</p>
  </section>
</div>
{% endblock %}