{% extends "admin/base.html" %}
{% block title %}Sites · bragi admin{% endblock %}
{% block content %}
<div style="display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;">
  <h1 style="margin: 0;">Sites</h1>
  {% if is_superuser %}
    <a href="{{ url_for('site_admin.new_site') }}" class="btn">New site</a>
  {% endif %}
</div>

{% if sites %}
<table>
  <thead>
    <tr>
      <th>Slug</th>
      <th>Hostname</th>
      <th>Title</th>
      <th>Locale</th>
      <th>Status</th>
      {% if is_superuser %}<th></th>{% endif %}
    </tr>
  </thead>
  <tbody>
    {% for site in sites %}
    <tr>
      <td>
        <a href="{{ url_for('site_admin.site_dashboard', site_slug=site.slug) }}"><code>{{ site.slug }}</code></a>
      </td>
      <td>{{ site.hostname }}</td>
      <td>{{ site.title }}</td>
      <td>{{ site.locale }}</td>
      <td>{{ 'active' if site.active else 'inactive' }}</td>
      {% if is_superuser %}
      <td>
        {% if site.active %}
        <form method="post"
              action="{{ url_for('site_admin.deactivate_site', site_id=site.id) }}"
              onsubmit="return confirm('Deactivate this site? Requests to {{ site.hostname }} will stop resolving.');"
              style="display: inline; margin: 0;">
          <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
          <button type="submit" class="danger">Deactivate</button>
        </form>
        {% else %}
        <form method="post"
              action="{{ url_for('site_admin.activate_site', site_id=site.id) }}"
              style="display: inline; margin: 0;">
          <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
          <button type="submit">Activate</button>
        </form>
        {% endif %}
      </td>
      {% endif %}
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<p>
  {% if is_superuser %}
    No sites yet. <a href="{{ url_for('site_admin.new_site') }}">Create the first one.</a>
  {% else %}
    You don't have access to any sites yet. Ask an admin to grant you a role.
  {% endif %}
</p>
{% endif %}
{% endblock %}