{% extends "base.html" %}
{% block content %}
  <div class="ui four inverted grey statistics">
    <div class="statistic">
      <div class="value">
        <i class="sitemap icon"></i> {{ total_networks }}
      </div>
      <div class="label">
        Networks
      </div>
    </div>
    <div class="statistic">
      <div class="value">
        <i class="server icon"></i> {{ total_hosts }}
      </div>
      <div class="label">
        Hosts
      </div>
    </div>
    <div class="statistic">
      <div class="value">
        <i class="hashtag icon"></i> {{ total_chanels }}
      </div>
      <div class="label">
        Channels
      </div>
    </div>
    <div class="statistic">
      <div class="value">
        <i class="users icon"></i> {{ total_users }}
      </div>
      <div class="label">
        Users
      </div>
    </div>
  </div>
  <div class="ui five tiny inverted grey statistics">
    <div class="statistic">
      <div class="value">
        <i class="comments  icon"></i> {{ total_messages }}
      </div>
      <div class="label">
        Messages
      </div>
    </div>
    <div class="statistic">
      <div class="value">
        <i class="theater masks icon"></i> {{ total_actions }}
      </div>
      <div class="label">
        Actions
      </div>
    </div>
    <div class="statistic">
      <div class="value">
        <i class="bullhorn icon"></i> {{ total_notices }}
      </div>
      <div class="label">
        Notices
      </div>
    </div>
    <div class="statistic">
      <div class="value">
        <i class="user plus icon"></i> {{ total_joins }}
      </div>
      <div class="label">
        Joins
      </div>
    </div>
    <div class="statistic">
      <div class="value">
        <i class="user slash icon"></i> {{ total_kicks }}
      </div>
      <div class="label">
        Kicks
      </div>
    </div>
  </div>
  {% if perms.rotbot.add_network %}
    <a href="{% url 'rotbot:add_network' %}" class="ui inverted right floated button">Add</a>
  {% endif %}
  {% if networks %}
    <div class="ui inverted relaxed divided selection list">
      {% for network in networks %}
        <div class="item" onclick="location.href='{% url 'rotbot:network' network.slug %}';">
          <a class ="header" href="{% url 'rotbot:network' network.slug %}">{{ network.name }}</a>
        </div>
      {% endfor %}
    </div>
  {% else %}
    <p>No networks available.</p>
  {% endif %}
{% endblock %}
