{% extends "op_zz_frame.html" %}
{% block centercontent %}
<main class="ct-docs-content-col" role="main">
  <h1 class="ct-docs-page-h1-title" id="content">Backends</h1>
  <table class="table align-items-center mb-0">
    <tr>
      <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">WS URL</th>
      <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Aktionen</th>
    </tr>
    {% for row in rows %}
    <tr>
      <form method="post">
        <td><input class="form-control" type="text" name="short_name" value="{{ row.short_name }}"></td>
        <td><input class="form-control" type="text" name="ws_url" value="{{ row.ws_url }}"></td>
        <td>
          <input type="hidden" name="id" value="{{ row.id }}">
          <button class="btn btn-default btn-sm" name="action" value="update" type="submit">Speichern</button>
          <button class="btn btn-default btn-sm" name="action" value="delete" type="submit">Löschen</button>
        </td>
      </form>
    </tr>
    {% endfor %}
    <tr>
      <form method="post">
        <td><input class="form-control" type="text" name="short_name"></td>
        <td><input class="form-control" type="text" name="ws_url"></td>
        <td>
          <button class="btn btn-primary btn-sm" name="action" value="add" type="submit">Hinzufügen</button>
        </td>
      </form>
    </tr>
  </table>
</main>
{% endblock %}