{% extends "base.html" %}
{% block title %}{{ business['name'] }} — Good Standing{% endblock %}
{% block content %}
<a class="crumb" href="/">&larr; All businesses</a>
<div class="head-row">
  <div>
    <h1>{{ business['name'] }}</h1>
    <p class="lead">{{ business['industry'] }} &middot; {{ business['state'] }}{% if business['formed_date'] %} &middot; formed {{ business['formed_date'] }}{% endif %}</p>
  </div>
</div>

<div class="detail-grid">
  <div class="panel band-{{ health.band }}">
    <h3>Compliance health</h3>
    <div class="big-score">{{ health.score }}<span class="score-max" style="font-size:1.2rem">/100</span></div>
    <div class="band-tag" style="margin:2px 0 16px">{{ health.band|replace('-',' ') }}</div>
    <div class="kv"><span class="k">Overdue</span><span class="v">{{ health.overdue }}</span></div>
    <div class="kv"><span class="k">Due soon</span><span class="v">{{ health.due_soon }}</span></div>
    <div class="kv"><span class="k">Upcoming</span><span class="v">{{ health.upcoming }}</span></div>
    <div class="kv"><span class="k">Exposure now</span><span class="v exposure">${{ health.exposure|comma }}</span></div>
    <div class="kv"><span class="k">At risk soon</span><span class="v">${{ health.at_risk_soon|comma }}</span></div>
  </div>

  <div>
    <h2 style="font-size:1.1rem;margin-bottom:12px">Obligations</h2>
    <div class="ob-list">
      {% for o in obligations %}
      <div class="ob s-{{ o.status }}">
        <div><span class="pill p-{{ o.status }}">{{ o.status|replace('_',' ') }}</span></div>
        <div>
          <div class="oname">{{ o.name }}</div>
          <div class="oauth">{{ o.authority }} &middot; {{ o.category }}</div>
          <div class="odue">{% if o.due %}Due {{ o.due }} &mdash; {{ o.label }}{% else %}{{ o.label }}{% endif %}</div>
        </div>
        <div class="ob-right">
          {% if o.exposure %}<span class="pen">${{ o.penalty_amount|comma }} exposure</span>
          {% elif o.penalty_amount %}<span class="pen-muted">${{ o.penalty_amount|comma }} penalty</span>{% endif %}
          <form method="post" action="/b/{{ business['id'] }}/o/{{ o.id }}/complete"><button class="btn btn-outline btn-sm">Mark done</button></form>
        </div>
      </div>
      {% endfor %}
    </div>
  </div>
</div>
{% endblock %}