<html>
<head>
  <style>

    </style>
  <link rel="stylesheet" href="{{ url_for('static', filename='main.css') }}">
</head>
<body>

<form action = "/start_sniff" method = "POST">
  <label id="iface" for="interface">Choose an Interface:</label>
  <select name="interface" id="interface">
    {% for interface in interfaces %}
    <option value="{{interface}}">{{interface}}</option>
    {% endfor %}
  </select>
  <br><br>
   <p><input type = "submit" value = "Start" /></p>
</form>

<h5>Status :{{status}} </h5>
<a href="/stop_sniff" >Stop</a>
<a href="/refresh">Refresh</a>
<a href="/delete_devices">Delete</a>
<h5>Transfer : {{transfer_status}} </h5>
<a href="/start_transfer" >Start Transfer</a><a href="/stop_transfer" >Stop Transfer</a></p>
  <div>
    <table>
      <tr>
        {% for header in headings %}
        <th class="cell" >{{header}}</th>
        {% endfor %}
      </tr>
      {% for key in data %}
      <tr class="row">
        <td>{{key}}</td>
        {% for val in data[key] %}
        <td>{{data[key][val]}}</td>
        {% endfor %}
      </tr>
      {% endfor %}
    </table>
  </div>
</body>
</html>