{% extends '_wireless_layout.html' %}


{% block content %}

<style>
  table.formdata {
    border: 1px solid #5F6F7E;
    border-collapse: collapse;
    margin: 1em 0 2em 0;
  }

  table.formdata th {
    border: 1px solid #5F6F7E;
    background-color: #E2E2E2;
    color: #000000;
    text-align: left;
    font-weight: normal;
    padding: 0.2em 0.4em 0.2em 0.4em;
    margin: 0;
  }

  table.formdata td {
    margin: 0;
    padding: 0;
    border: 1px solid #E2E2E2;
  }

  table.formdata input {
    width: 80px;
    padding: 0.2em 0.4em 0.2em 0.4em;
    margin: 0;
    border-width: 0;
    border-style: none;
  }
</style>

<section>
  <div style="margin-left: 20px;">
    <h1 class="header">{{title}}</h1>
    <form action="/wireless_SaveCsv" method="post" enctype="multipart/form-data">
      <table>
        <tr>
          <th></th>
          <th>Secondary Address</th>
          <th>Prim Addr</th>
          <th>Wireless Key</th>
          <th>Active=1, Inactive=0</th>
        </tr>

        {% for i in range(l_table+15): %}
        <tr bgcolor="{{i % 2 == 0 and '#F0F0F0' or '#CCCCCC'}}">
          <td>{{i}}</td>

          {% set legend = ['a','b','c','d'] %}
          {% for j in range(4): %}
          <td>
            <input type="text" name="{{ legend[j] }}{{i}}" id="{{ legend[j] }}{{i}}" {% if (table | length> i) and
            (table[i] | length > j): %}
            value = "{{ table[i][j] }}"
            {% else: %}
            value = ""
            {% endif %}
            />
          </td>
          {% endfor %}
        </tr>
        {% endfor %}
      </table>

      <input type="hidden" name="l_table" value="{{l_table}}" />
      <input type="hidden" name="filename" value="{{filename}}" />
      <div><input type="submit" name="btnSubmit" id="btnSubmit" value="Save File" /></div>
    </form>
  </div>
</section>
{% endblock content %}