{% 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>
  {% if ports is iterable %}
  <li><a href="#ports" data-toggle="tab">Ports</a></li>
  {% endif %}
  {% if interfaces is iterable %}
  <li><a href="#interfaces" data-toggle="tab">Interfaces</a></li>
  {% endif %}
  {% if services is defined %}
  <li><a href="#services" data-toggle="tab">Services</a></li>
  {% endif %}
  <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">
    {% if description is defined %}
    <div class="row">
      <div class="well well-small span8 offset2">
        {{description}}
      </div>
    </div>
    {% endif %}

    <dl class="dl-horizontal">
      <dt>hostname</dt><dd>{{hostname}}</dd>
      <dt>os</dt><dd>{{os|default('unknown')}}</dd>
      <dt>arch</dt><dd>{{arch|default('unknonw')}}</dd>
      {% if vserver %}
      <dt>vserver</dt><dd>{{vserver}}</dd>
      {% endif %}
      {% if vserver_host %}
      <dt>vserver_host</dt><dd>{{vserver_host}}</dd>
      {% endif %}
      {% if maintainers is iterable %}
      <dt>maintainers</dt>
      <dd>
        {% for maintainer in maintainers %}
        {% set name, mail = get_contact_info(maintainer) %}
        <a href="mailto:{{mail}}">{{name}}</a>
        {% if not loop.last %}, {% endif %}
	{% endfor %}
      </dd>
      {% endif %}
      {% if groups is defined %}
      <dt>bcfg2-groups</dt>
      <dd>
        {% for group in groups %}
        {{group}}{% if not loop.last %}, {% else %}<br />{% endif %}
        {% endfor %}
        <a href="https://bcfg2.spline.de/client/{{hostname}}">view client in bcfg2</a>
        </dd>
      {% endif %}
    </dl>
  </div>

   
  <div class="tab-pane row" id="interfaces">
    {% if addresses %}
    {% 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 %}
    {% endif %}
  </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>
	{% set ports = ports or [] %} 
        {% 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 class="tab-pane" id="services">
    {% if services is defined %}
    <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>
                {% if service is string %}
                {{service}}
                {% else %}
                {{service.items()[0][0]}}
                {% endif %}
              </td>
              <td>
                {% if service is string %}
                default
                {% else %}
                {{service.items()[0][1]}}
                {% endif %}
              </td>
              <td>{{service_category}}</td>
            </tr>
            {% endfor %}
          {% endif %}
        {% else %}
        <tr><td class="centering" colspan="4">no services provoided</td></tr>
        {% endfor %}
      </tbody>
    </table>
    {% endif %}
  </div>
</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 %}