{% extends "op_zz_frame.html" %}
{% block centercontent %}
<main class="ct-docs-content-col" role="main">
  <h1 class="ct-docs-page-h1-title" id="content">RFID Mapping</h1>
  <table class="table align-items-center mb-0">
    <tr>
      <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Chargepoint</th>
      <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">RFID-Liste</th>
      <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Single UUID</th>
      <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Freecharging</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>
          <select class="form-control" name="rfid_list">
            <option value=""></option>
            {% for lst in lists %}
            <option value="{{ lst }}" {% if row.rfid_list == lst %}selected{% endif %}>{{ lst }}</option>
            {% endfor %}
          </select>
        </td>
        <td><input class="form-control" type="text" name="single_uuid" value="{{ row.single_uuid }}" style="text-transform:uppercase" onblur="this.value=this.value.trim().toUpperCase()"></td>
        <td class="text-center"><input type="checkbox" name="freecharging" value="1" {% if row.freecharging %}checked{% endif %}></td>
        <td>
          <input type="hidden" name="id" value="{{ row.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>
          <select class="form-control" name="rfid_list">
            <option value=""></option>
            {% for lst in lists %}
            <option value="{{ lst }}">{{ lst }}</option>
            {% endfor %}
          </select>
        </td>
        <td><input class="form-control" type="text" name="single_uuid" style="text-transform:uppercase" onblur="this.value=this.value.trim().toUpperCase()"></td>
        <td class="text-center"><input type="checkbox" name="freecharging" value="1"></td>
        <td><button class="btn btn-success btn-sm" name="action" value="add" type="submit">Hinzufügen</button></td>
      </form>
    </tr>
  </table>
</main>
{% endblock %}