{% extends "base.html" %}
{% block title %}Good Standing — small-business compliance{% endblock %}
{% block content %}
<div class="head-row">
  <div>
    <h1>Stay in good standing.</h1>
    <p class="lead">Every license, permit, insurance policy, and filing your business has to keep current &mdash; tracked in one place, with the ones about to lapse (and what they'd cost you) surfaced first.</p>
  </div>
</div>
<div class="api-note">Everything here is also a typed JSON API &mdash; browse the auto-generated docs at <a href="/docs">/docs</a>.</div>

<h2 style="font-size:1.15rem;margin-bottom:14px">Businesses</h2>
<div class="cards">
  {% for s in summaries %}
  {% set b = s.business %}{% set h = s.health %}
  <a class="bcard band-{{ h.band }}" href="/b/{{ b['id'] }}">
    <div class="bn">{{ b['name'] }}</div>
    <div class="bmeta">{{ b['industry'] }} &middot; {{ b['state'] }}</div>
    <div class="score-row"><span class="score">{{ h.score }}</span><span class="score-max">/100</span><span class="band-tag" style="margin-left:auto">{{ h.band|replace('-',' ') }}</span></div>
    <div class="bar"><span style="width: {{ h.score }}%"></span></div>
    <div class="mini-counts"><span>{{ h.overdue }} overdue</span><span>{{ h.due_soon }} due soon</span><span>{{ h.upcoming }} upcoming</span></div>
    {% if h.exposure %}<div style="margin-top:8px"><span class="exposure">${{ h.exposure|comma }}</span> <span class="pen-muted">at risk now</span></div>{% endif %}
  </a>
  {% endfor %}
</div>
{% endblock %}