{% extends "base.html" %}

{% block content %}
<h1>Networks</h1>
<table class="tg">
    <thead>
        <tr>
            <th class="tg-0lax">SSID</th>
            <th class="tg-0lax">Signal</th>
            <th class="tg-0lax">Connected</th>
            <th class="tg-0lax">Security</th>
            <th class="tg-0lax">Action</th>
        </tr>
        {%- for row in networks %}
        <tr>
            <td> {{ row['SSID'] }} </td>
            <td> {{ row['Signal'] }} </td>
            <td> {{ row['Connected'] }} </td>
            <td> {{ row['WPA'] }} </td>

            {% if row["Connected"] == "Yes" %}
            <!-- {{ "User is logged in" if loggedin else "User is not logged in" }} -->
            <td><a href={{"/disconnect/" + row["SSID"] }}>Disconnect</a></td>
            {% else %}
            <td><a href={{"/connect/" + row["SSID"] + "&" + row["WPA"]}}>Connect</a></td>
            {% endif %}

        </tr>
        {%- endfor %}
    </thead>
</table>
{% endblock %}