{% extends "base.html" %}
{% block title %}Obligation library — Good Standing{% endblock %}
{% block content %}
<h1 style="margin-bottom:6px">Obligation library</h1>
<p class="lead" style="margin-bottom:20px">The editable content type &mdash; the compliance knowledge base. Businesses build their calendars from these.</p>
<div class="two-col">
  <table class="data">
    <thead><tr><th>Name</th><th>Industry</th><th>Freq</th><th>Penalty</th><th></th></tr></thead>
    <tbody>
    {% for t in templates_list %}
    <tr>
      <td><strong>{{ t['name'] }}</strong><br><span class="oauth">{{ t['authority'] }} &middot; {{ t['jurisdiction'] }}</span></td>
      <td>{{ t['industry'] }}</td>
      <td>{{ t['frequency'] }}</td>
      <td>${{ t['penalty_amount']|comma }}</td>
      <td class="row-actions">
        <a class="btn btn-outline btn-sm" href="/admin/templates/{{ t['id'] }}/edit">Edit</a>
        <form method="post" action="/admin/templates/{{ t['id'] }}/delete" onsubmit="return confirm('Delete this template?')"><button class="btn btn-danger btn-sm">Delete</button></form>
      </td>
    </tr>
    {% endfor %}
    </tbody>
  </table>
  <aside class="side-form">
    <h3 style="font-size:1rem;margin-bottom:12px">Add template</h3>
    <form method="post" action="/admin/templates">
      <div class="field"><label>Name</label><input type="text" name="name" required></div>
      <div class="field"><label>Category</label>
        <select name="category"><option>license</option><option>permit</option><option>insurance</option><option>tax</option><option>registration</option><option>professional</option></select></div>
      <div class="field"><label>Authority</label><input type="text" name="authority"></div>
      <div class="grid2">
        <div class="field"><label>Jurisdiction</label><input type="text" name="jurisdiction" value="US"></div>
        <div class="field"><label>Industry</label><input type="text" name="industry" value="general"></div>
      </div>
      <div class="grid2">
        <div class="field"><label>Frequency</label><select name="frequency"><option>annual</option><option>biennial</option><option>quarterly</option><option>monthly</option><option>once</option></select></div>
        <div class="field"><label>Lead days</label><input type="number" name="lead_days" value="45"></div>
      </div>
      <div class="field"><label>Penalty amount ($)</label><input type="number" name="penalty_amount" value="0"></div>
      <div class="field"><label>Exposure note</label><input type="text" name="penalty_desc"></div>
      <div class="field"><label>Typical timing</label><input type="text" name="typical_due"></div>
      <button class="btn btn-primary" type="submit" style="width:100%;justify-content:center">Add to library</button>
    </form>
  </aside>
</div>
{% endblock %}