{% extends "base.html" %}
{% block body %}
    <h1>Devices</h1>
    {% if error %}
    <p class="error">{{ error }}</p>
    {% endif %}
    <table>
      <thead><tr><th>ID</th><th>Name</th><th>Driver</th><th>Cloud ID</th><th></th></tr></thead>
      <tbody>{% for device in devices %}
        <tr>
          <td>{{ device["device_id"] }}</td>
          <td>{{ device["name"] or "" }}</td>
          <td>{{ device["driver_type"] }}</td>
          <td>{{ device["cloud_device_id"] or "" }}</td>
          <td>
            <a href="/devices?edit={{ device["device_id"] }}">Edit</a>
            <form class="inline" method="post" action="/devices/remove">
              <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
              <input type="hidden" name="device_id" value="{{ device["device_id"] }}">
              <button type="submit">Remove</button>
            </form>
          </td>
        </tr>
        {% endfor %}</tbody>
    </table>
    <h2>{{ "Edit device" if edit_record else "Add device" }}</h2>
    <form method="post" action="/devices/save">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <label>Device ID <input type="text" name="device_id" value="{{ edit_record["device_id"] if edit_record else "" }}" required></label><br>
      <label>Name <input type="text" name="name" value="{{ edit_record["name"] if edit_record else "" }}"></label><br>
      <label>Driver type <input type="text" name="driver_type" value="{{ edit_record["driver_type"] if edit_record else "wda" }}" required></label><br>
      <label>Connection info (JSON)<br>
        <textarea name="connection_info" rows="3" cols="50">{{ connection_info_json }}</textarea>
      </label><br>
      <button type="submit">Save</button>
    </form>
{% endblock %}