{% extends "base.html" %}
{% block title %}{{ business['name'] }} — Good Standing{% endblock %}
{% block content %}
<a class="crumb" href="/admin/businesses">&larr; Businesses</a>
<div class="head-row">
  <div>
    <h1>{{ business['name'] }}</h1>
    <p class="lead">{{ business['industry'] }} &middot; {{ business['state'] }} &middot;
      health <span class="band-{{ health.band }}"><span class="band-tag">{{ health.score }}/100</span></span>{% if health.exposure %} &middot; <span class="exposure">${{ health.exposure|comma }}</span> exposure{% endif %}</p>
  </div>
  <a class="btn btn-outline btn-sm" href="/b/{{ business['id'] }}">View public page &rarr;</a>
</div>

<div class="two-col">
  <div>
    <h2 style="font-size:1.05rem;margin-bottom:10px">Obligations</h2>
    <table class="data">
      <thead><tr><th>Obligation</th><th>Status</th><th>Due</th><th>Actions</th></tr></thead>
      <tbody>
      {% for o in obligations %}
      <tr>
        <td><strong>{{ o.name }}</strong><br><span class="oauth">{{ o.frequency }} &middot; ${{ o.penalty_amount|comma }}</span></td>
        <td><span class="pill p-{{ o.status }}">{{ o.status|replace('_',' ') }}</span></td>
        <td>{{ o.due or '&mdash;' }}<br><span class="oauth">{{ o.label }}</span></td>
        <td class="row-actions">
          <form method="post" action="/admin/obligations/{{ o.id }}/complete"><button class="btn btn-ghost btn-sm">Mark done</button></form>
          <a class="btn btn-outline btn-sm" href="/admin/obligations/{{ o.id }}/edit">Edit</a>
          <form method="post" action="/admin/obligations/{{ o.id }}/delete" onsubmit="return confirm('Delete this obligation?')"><button class="btn btn-danger btn-sm">Del</button></form>
        </td>
      </tr>
      {% else %}
      <tr><td colspan="4">No obligations yet &mdash; add one from the library.</td></tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
  <aside class="side-form">
    <h3 style="font-size:1rem;margin-bottom:12px">Add obligation</h3>
    <form method="post" action="/admin/businesses/{{ business['id'] }}/obligations">
      <div class="field"><label>From library</label>
        <select name="template_id" required>
          {% for t in templates_list %}<option value="{{ t['id'] }}">{{ t['name'] }} ({{ t['frequency'] }})</option>{% endfor %}
        </select></div>
      <div class="field"><label>Renewal / due anchor date</label><input type="date" name="anchor_date" required>
        <p class="hint">The reference due date; the engine rolls it to the current cycle.</p></div>
      <div class="field"><label>Last completed (optional)</label><input type="date" name="last_completed"></div>
      <button class="btn btn-primary" type="submit" style="width:100%;justify-content:center">Add obligation</button>
    </form>
  </aside>
</div>
{% endblock %}