{% extends "op_zz_frame.html" %}
{% block centercontent %}
<main class="ct-docs-content-col" role="main">
  <h1 class="ct-docs-page-h1-title" id="content">Tenants</h1>

  {% if errors %}
  <div class="alert alert-danger" role="alert">
    <ul class="mb-0">
      {% for error in errors %}
      <li>{{ error }}</li>
      {% endfor %}
    </ul>
  </div>
  {% endif %}

  {% if message %}
  <div class="alert alert-success" role="alert">{{ message }}</div>
  {% endif %}

  <table class="table align-items-center mb-0">
    <thead>
      <tr>
        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">ID</th>
        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Name</th>
        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Comment</th>
        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Endpoint</th>
        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for tenant in tenants %}
      <tr>
        <form method="post">
          <td class="align-middle">{{ tenant.tenant_id }}</td>
          <td class="align-middle">
            <input class="form-control" type="text" name="name" value="{{ tenant.name }}" required maxlength="255">
          </td>
          <td class="align-middle">
            <input class="form-control" type="text" name="comment" value="{{ tenant.comment or '' }}" maxlength="255">
          </td>
          <td class="align-middle">
            <input class="form-control" type="text" name="endpoint" value="{{ tenant.endpoint }}" required maxlength="50" pattern="[A-Za-z0-9_-]+">
          </td>
          <td class="align-middle">
            <input type="hidden" name="tenant_id" value="{{ tenant.tenant_id }}">
            <button class="btn btn-default btn-sm" name="action" value="update" type="submit">Save</button>
            <button class="btn btn-default btn-sm" name="action" value="delete" type="submit" formnovalidate>Delete</button>
          </td>
        </form>
      </tr>
      {% endfor %}
      <tr>
        <form method="post">
          <td class="align-middle">New</td>
          <td class="align-middle">
            <input class="form-control" type="text" name="name" required maxlength="255">
          </td>
          <td class="align-middle">
            <input class="form-control" type="text" name="comment" maxlength="255">
          </td>
          <td class="align-middle">
            <input class="form-control" type="text" name="endpoint" required maxlength="50" pattern="[A-Za-z0-9_-]+">
          </td>
          <td class="align-middle">
            <button class="btn btn-primary btn-sm" name="action" value="add" type="submit">Add Tenant</button>
          </td>
        </form>
      </tr>
    </tbody>
  </table>
</main>
{% endblock %}