{% extends "base.html" %}
{% block title %}Businesses — Good Standing{% endblock %}
{% block content %}
<h1 style="margin-bottom:18px">Businesses</h1>
<div class="two-col">
  <table class="data">
    <thead><tr><th>Business</th><th>Industry</th><th>Health</th><th></th></tr></thead>
    <tbody>
    {% for s in summaries %}
    <tr>
      <td><a href="/admin/businesses/{{ s.business['id'] }}"><strong>{{ s.business['name'] }}</strong></a></td>
      <td>{{ s.business['industry'] }} &middot; {{ s.business['state'] }}</td>
      <td class="band-{{ s.health.band }}"><span class="band-tag">{{ s.health.score }}/100</span></td>
      <td class="row-actions">
        <a class="btn btn-outline btn-sm" href="/admin/businesses/{{ s.business['id'] }}">Manage</a>
        <form method="post" action="/admin/businesses/{{ s.business['id'] }}/delete" onsubmit="return confirm('Delete this business and its obligations?')"><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 business</h3>
    <form method="post" action="/admin/businesses">
      <div class="field"><label>Name</label><input type="text" name="name" required></div>
      <div class="field"><label>Industry</label><input type="text" name="industry" value="general"></div>
      <div class="grid2">
        <div class="field"><label>State</label><input type="text" name="state" placeholder="TX"></div>
        <div class="field"><label>Formed</label><input type="date" name="formed_date"></div>
      </div>
      <div class="field"><label>Contact email</label><input type="email" name="contact_email"></div>
      <button class="btn btn-primary" type="submit" style="width:100%;justify-content:center">Create business</button>
    </form>
  </aside>
</div>
{% endblock %}