<table class="table table-bordered table-striped nd_floatinghead">
  <thead>
    <tr>
      <th class="nd_center-cell">Device Name</th>
      <th class="nd_center-cell">Device IP</th>
      <th class="nd_center-cell">Number of Ports</th>
      <th class="nd_center-cell">Action</th>
    </tr>
  </thead>
  </tbody>
    <tr>
      <td class="nd_center-cell"><input data-form="add" name="dns" type="text"></td>
      <td class="nd_center-cell"><input data-form="add" name="ip" type="text"></td>
      <td class="nd_center-cell"><input data-form="add" name="ports" type="number"></td>
      <td class="nd_center-cell">
        <button class="btn btn-small nd_adminbutton" name="add" type="submit"><i class="icon-plus-sign"></i> Add</button>
      </td>
    </tr>
    [% WHILE (row = results.next) %]
    <tr>
      <td class="nd_center-cell"><a class="nd_linkcell"
        href="[% uri_for('/device') %]?q=[% row.dns | uri %]">[% row.dns | html_entity %]</a></td>
      <td class="nd_center-cell">[% row.ip | html_entity %]</td>
      <td class="nd_center-cell">
        <input data-form="update" name="ports" type="number" value="[% row.port_count | html_entity %]">
      </td>
      <td class="nd_center-cell">
        <input data-form="update" name="dns" type="hidden" value="[% row.dns | html_entity %]">
        <input data-form="update" name="ip" type="hidden" value="[% row.ip | html_entity %]">
        <button class="btn nd_adminbutton" name="update" type="submit"><i class="icon-save text-warning"></i></button>
        <input data-form="del" name="dns" type="hidden" value="[% row.dns | html_entity %]">
        <input data-form="del" name="ip" type="hidden" value="[% row.ip | html_entity %]">
        <input data-form="del" name="ports" type="hidden" value="[% row.port_count | html_entity %]">
        <button class="btn nd_adminbutton" name="del" type="submit"><i class="icon-trash text-error"></i></button>
      </td>
    </tr>
    [% END %]
  </tbody>
</table>