{% 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><a href="#services" data-toggle="tab">Services</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>description</dt><dd>{{description}}</dd>
      <dt>maintainers</dt>
      <dd>
        <ul>
          {% for maintainer in maintainers %}
          <li><a href="mailto:{{maintainer}}@spline.de">{{maintainer}}</a></li>
          {% endfor %}
        </ul>
      </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 %}
      {% if groups is defined %}
      <dt>bcfg2-groups</dt>
      <dd>
        <ul>
          {% for group in groups %}
          <li>{{group}}</li>
          {% endfor %}
        </ul>
      </dd>
      {% endif %}
    </dl>
  </div>

  <div class="tab-pane row" id="interfaces">
    {% for group in addresses | select_with_attribute('vserver', False) | 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 id="portstable" class="table table-striped table-hover tablesorter">
      <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>

  {% if services is defined %}
  <div class="tab-pane" id="services">
    <table id="servicetable" class="table table-striped table-hover tablesorter">
      <thead>
        <tr>
          <th>Name</th>
          <th>Port</th>
          <th>Visibility</th>
        </tr>
      </thead>
      <tbody>
        {% for service_category in services %}
	  {% if services[service_category] is iterable %}
            {% for service in services[service_category] %}
            <tr>
              <td>{{service}}</td>
              <td>default</td>
              <td>{{service_category}}</td>
            </tr>
            {% endfor %}
	  {% endif %}
        {% else %}
        <tr><td class="centering" colspan="4">no services provoided</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% endif %}

</div>

<script>
<!--
  $(function() {
    // force column "IP" to text (ips sometimes are parsed as digits)
    $("table#portstable").tablesorter({ headers: { 1: { sorter:'text' } } });
    $("table#servicetable").tablesorter();
  });
//-->
</script>
{% endblock %}