{% extends "base.html" %}
{% load i18n %}
{% block title %}{% trans "Interface" %} - {{ iface }}{% endblock %}
{% block content %}
   <!-- Page Heading -->
    <div class="row">
        <div class="col-lg-12">
            <h1 class="page-header">{% trans "Interface:" %} {{ iface }}</h1>
            <ol class="breadcrumb">
                <li class="active">
                    <i class="fa fa-dashboard"></i> <a href="{% url 'overview' compute.id %}">{% trans "Overview" %}</a>
                </li>
                <li>
                    <i class="fa fa-server"></i> <a href="{% url 'instances' compute.id %}">{% trans "Instances" %}</a>
                </li>
                <li>
                    <i class="fa fa-hdd-o"></i> <a href="{% url 'storages' compute.id %}">{% trans "Storages" %}</a>
                </li>
                <li>
                    <i class="fa fa-sitemap"></i> <a href="{% url 'networks' compute.id %}">{% trans "Networks" %}</a>
                </li>
                <li>
                    <i class="fa fa-wifi"></i> <a href="{% url 'interfaces' compute.id %}">{% trans "Interfaces" %}</a>
                </li>
                <li>
                    <i class="fa fa-filter"></i> <a href="{% url 'nwfilters' compute.id %}">{% trans "NWFilters" %}</a>
                </li>
                <li>
                    <i class="fa fa-key"></i> <a href="{% url 'secrets' compute.id %}">{% trans "Secrets" %}</a>
                </li>
            </ol>
        </div>
    </div>
    <!-- /.row -->

    {% include 'errors_block.html' %}

    <div class="row">
        <div class="col-xs-6 col-sm-4">
            <p>{% trans "Interface" %}:</p>
            <p>{% trans "IPv4" %} ({% ifequal ipv4 None %}{% trans 'None' %}{% else %}{{ ipv4_type }}{% endifequal %}):</p>
            <p>{% trans "IPv6" %} ({% ifequal ipv6 None %}{% trans 'None' %}{% else %}{{ ipv6_type }}{% endifequal %}):</p>
            <p>{% trans "MAC Adress" %}:</p>
            <p>{% trans "Interface Type" %}:</p>
            {% ifequal itype 'bridge' %}
                <p>{% trans "Bridge Device" %}:</p>
            {% endifequal %}
            <p>{% trans "Boot Mode" %}:</p>
            <p>{% trans "State" %}:</p>
        </div>
        <div class="col-xs-6 col-sm-6">
            <p><strong>{{ iface }}</strong></p>
            <p>{{ ipv4 }}</p>
            <p>{{ ipv6 }}</p>
            <p>{{ mac }}</p>
            <p>{{ itype }}</p>
            {% ifequal itype 'bridge' %}
                <p>{{ bridge }}</p>
            {% endifequal %}
            <p>{{ start_mode }}</p>
            <p>
                <form action="" method="post" role="form">{% csrf_token %}
                    {% ifequal state 0 %}
                        <input type="submit" class="btn btn-xs btn-default" name="start" value="{% trans "Start" %}">
                        <input type="submit" class="btn btn-xs btn-default" name="delete" value="{% trans "Delete" %}" onclick="return confirm('{% trans "Are you sure?" %}')">
                    {% else %}
                        <input type="submit" class="btn btn-xs btn-default" name="stop" value="{% trans "Stop" %}" onclick="return confirm('{% trans "Are you sure?" %}')">
                    {% endifequal %}
                </form>
            </p>
        </div>
        <div class="col-sm-12">
            {% ifequal itype 'bridge' %}
            <table class="table table-bordered">
            <caption>{% trans 'Slaves' %}</caption>
                <thead>
                <tr class="active">
                    <td>{% trans 'MAC' %}</td>
                    <td>{% trans 'Name' %}</td>
                    <td>{% trans 'Type' %}</td>
                    <td>{% trans 'Speed' %}</td>
                    <td>{% trans 'State' %}</td>
                </tr>
                </thead>
                <tbody>
                {% for iface in slave_ifaces %}
                    <tr>
                        <td>{{ iface.mac }}</td>
                        <td>{{ iface.name }}</td>
                        <td>{{ iface.type }}</td>
                        <td>{{ iface.speed }}</td>
                        <td>{{ iface.state }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            {% endifequal %}
        </div>
    </div>

{% endblock %}