{% extends 'layout.html' %}

{% block title %}{{hostname}}{% endblock %}

{% block content %}
<h1>{{hostname|replace('.spline.inf.fu-berlin.de', '')}}</h1>

<ul class="nav nav-tabs">
  <li class="active"><a href="#info" data-toggle="tab">Info</a></li>
  <li><a href="#ports" data-toggle="tab">Ports</a></li>
  <li><a href="#interfaces" data-toggle="tab">Interfaces</a></li>
  <li class="pull-right"><a id="index" href="index.html">back to index</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane active" id="info">
    <dl class="dl-horizontal">
      <dt>hostname</dt><dd>{{hostname}}</dd>
      <dt>os</dt><dd>{{os}}</dd>
      <dt>arch</dt><dd>{{arch}}</dd>
      <dt>vserver</dt><dd>{{vserver}}</dd>
      {% if vserver_host is defined  %}
      <dt>vserver_host</dt><dd>{{vserver_host}}</dd>
      {% endif %}
    </dl>
  </div>

  <div class="tab-pane row" id="interfaces">
    {% for group in addresses | groupby('interface') %}
    <div class="span6">
      <h3>{{ group.grouper }}</h3>
      <ul>
        {% for address in group.list %}
        <li>{{address['address']}} /{{address['netmask']}}</li>
        {% else %}
        <li>no address</li>
        {% endfor %}
      </ul>
    </div>
    {% else %}
    <p class="centering">no network interfaces</p>
    {% endfor %}
  </div>

  <div class="tab-pane" id="ports">
    <table class="table table-stripped table-hover">
      <thead>
        <tr>
          <th>Port</th><th>IP</th><th>Process</th><th>Protocol</th>
        </tr>
      </thead>
      <tbody>
        {% for port in ports %}
        <tr>
          <td>{{port['port']}}</td>
          <td>{{port['ip']}}</td>
          <td>{{port['process']}}</td>
          <td>{{port['proto']}}</td>
        </tr>
        {% else%}
        <tr><td class="centering" colspan="4">no ports open</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}