{% extends "base.html" %}

{% block content %}

<h3>
    routing table
    <span class="text-muted" style="font-size: 60%;">
    </span>
</h3>
<footer class="blockquote-footer">
    click on the icon in <em>enabled</em> column to toggle route status
</footer>
<hr>

<div class="row">
    <div class="col col-12">
        <h5>Exit nodes</h5>
    </div>
</div>

{% for exitNode in exitNodes %}
<div class="row data">
    <div class="col col-12">
        <span data-toggle="tooltip" data-placement="right" title="{{ exitNode.ipAddresses | join('\n') }}">
        &nbsp; {{ exitNode.givenName }}
        </span>
    </div>
</div>
{% endfor %}

<p></p>
{% for prefix, rts in routes.items() %}
<div class="row">
    <div class="col col-4 float-left">
        <strong>prefix</strong>
    </div>
    <div class="col col-4 float-left">
        <strong>gateway</strong>
    </div>
    <div class="col col-2 float-left">
        <strong>enabled</strong>
    </div>
    <div class="col col-2 float-left">
        <strong>active</strong>
    </div>
</div>
<div class="row data">
    <div class="col col-4 float-left">
        {{ prefix}}
    </div>
    <div class="col col-4 float-left">
        <a class="plain route primary" href="{{ url_for('main.node', nodeId=rts[0].node.id) }}">
            <span data-toggle="tooltip" data-placement="right"
                title="{{ rts[0].node.ipAddresses | join('\n') }}">
            {{ rts[0].node.givenName}}
            </span>
        </a>
    </div>
    <div class="col col-2 float-left">
        <a class="routeToggle" href="{{ url_for('rest.routeToggle', routeId=rts[0].id) }}">
        {{ rts[0].enabled | fancyBool | safe}}
        </a>
    </div>
    <div class="col col-2 float-left">
        {{ rts[0].isPrimary | fancyBool | safe}}
    </div>
</div>
    {% for rt in rts[1:] %}
<div class="row data">
    <div class="col col-4 float-left" style="border: 1px red;">
        <span>&nbsp;</span>
    </div>
    <div class="col col-4">
        <a class="plain route {{rt.enabled}}" href="{{ url_for('main.node', nodeId=rt.node.id) }}">
            <span data-toggle="tooltip" data-placement="right"
                title="{{ rt.node.ipAddresses | join('\n') }}">
            {{ rt.node.givenName}}
            </span>
        </a>
    </div>
    <div class="col col-2 float-left">
        <a class="routeToggle" href="{{ url_for('rest.routeToggle', routeId=rt.id) }}">
        {{ rt.enabled | fancyBool | safe}}
        </a>
    </div>
    <div class="col col-2 float-left">
        {{ rt.isPrimary | fancyBool | safe}}
    </div>
</div>
    {% endfor %}
<p></p>
{% endfor %}

{% endblock %}