{% extends "op_zz_frame.html" %}
{% block centercontent %}
<main class="ct-docs-content-col" role="main">
  <h1 class="ct-docs-page-h1-title" id="content">Freie Ladepunkte</h1>
  <table class="table align-items-center mb-0">
    <tr>
      <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Chargepoint ID</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="chargepoint_id" value="{{ row.chargepoint_id }}"></td>
        <td>
          <input type="hidden" name="original_chargepoint_id" value="{{ row.chargepoint_id }}">
          <button class="btn btn-primary btn-sm" name="action" value="update" type="submit">Speichern</button>
          <button class="btn btn-danger 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="chargepoint_id"></td>
        <td><button class="btn btn-success btn-sm" name="action" value="add" type="submit">Hinzufügen</button></td>
      </form>
    </tr>
  </table>
</main>
{% endblock %}