{% extends "base.html" %}
{% block title %}{{ org.name }}{% endblock %}
{% block content %}
<p class="muted"><a href="/orgs">← Organizations</a></p>
<div class="row">
  <h1>{{ org.name }} <span class="muted" style="font-size:0.7em">— {{ org.kind }}</span></h1>
  <a class="button primary" href="/orgs/{{ org.id }}/clients/new">+ New client</a>
</div>

<h2>Clients</h2>
{% if clients %}
<table class="data">
  <thead><tr><th>Name</th><th>URL</th><th>Status</th><th>Created</th></tr></thead>
  <tbody>
    {% for c in clients %}
    <tr>
      <td><a href="/clients/{{ c.id }}">{{ c.name }}</a></td>
      <td><a href="{{ c.primary_url }}" rel="noopener" target="_blank">{{ c.primary_url }}</a></td>
      <td>{{ c.status }}</td>
      <td>{{ c.created_at }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<p class="muted">No clients yet under this organization.</p>
{% endif %}
{% endblock %}