{% extends "base.html" %}
{% block content %}
  <div class="ui three inverted grey statistics">
    <div class="statistic">
      <div class="value">
        <i class="comment 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">
        Notces
      </div>
    </div>
  </div>
  <div class="ui three tiny inverted grey statistics">
    <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="jet fighter icon"></i> {{ total_kicks }}
      </div>
      <div class="label">
        Kicks
      </div>
    </div>
    <div class="statistic">
      <div class="value">
        <i class="user slash icon"></i> {{ total_kicked }}
      </div>
      <div class="label">
        Kicked
      </div>
    </div>
  </div>
{% endblock content %}
