{% extends 'template.html' %}
{% block title %}Configuration{% end %}
{% block body %}
{% if legs %}
    <h3>Legs</h3>
    {% for leg in legs %}
        <dl class="dl-horizontal">
            {% if leg['type'] == 'mobilebroadband' %}
                <dt>Modem</dt>
                <dd class="modem">
                    {% if leg['config']['imei'] %}
                        IMEI {{ leg['config']['imei'] }}
                    {% else %}
                        Any modem
                    {% end %}
                </dd>
            {% else %}
                <dt>Interface</dt>
                <dd class="interface">{{ leg['ifname'] }}</dd>
            {% end %}
            <dt>Type</dt>
            <dd>
                {% if leg['type'] == 'interface' %}
                    Interface
                {% elif leg['type'] == 'mobilebroadband' %}
                    Mobile broadband
                {% else %}
                    {{ leg['type'] }}
                {% end %}
            </dd>
            <dt>Status</dt>
            <dd>
                <span class="label label-{{ leg_label_class(leg) }}">{{ leg_label_content(leg) }}</span>
            </dd>
        </dl>
    {% end %}
{% end %}

{% if connected_ips %}
    <h3>Connected IPs</h3>
    {% for connected_ip in connected_ips %}
        <dl class="dl-horizontal">
            <dt>IP</dt>
            <dd>{{ connected_ip['config']['ip'] }}</dd>
            <dt>Interface</dt>
            <dd class="interface">{{ connected_ip['ifname'] }}</dd>
        </dl>
    {% end %}
{% end %}

{% if cpe_nat_ips %}
<h3>CPE NAT IPs</h3>
{% for cpe_nat_ip in cpe_nat_ips %}
    <dl class="dl-horizontal">
        <dt>IP</dt>
        <dd>{{ cpe_nat_ip['config']['ip'] }}</dd>
        <dt>Destination NAT IP</dt>
        <dd>{{ cpe_nat_ip['config']['dest_nat_ip'] }}</dd>
    </dl>
{% end %}
{% end %}

{% if routes %}
<h3>Routes</h3>
{% for route in routes %}
    <dl class="dl-horizontal">
        <dt>Network</dt>
        <dd>{{ route['config']['network'] }}</dd>
        <dt>Via</dt>
        <dd>{{ route['config']['via'] }}</dd>
    </dl>
{% end %}
{% end %}

{% end %}

{% block scripts %}
<script>
    $(function() {
        // Reload the page every 5 seconds so the status doesn't look out of date.
        window.setTimeout(function() {
            window.location.reload(true);
        }, 5000);

        // Make interface names more friendly.
        bn.user_friendly_interface('.interface');
    });
</script>
{% end %}