{% extends "admin/layout.html" %}
{% load i18n %}
{% load humanize %}
{% load url from future %}
{% from "admin/macros.html" import page_title %}

{% block title %}{{ page_title(title=_('System Overview')) }}{% endblock %}

{% block content %}
<div class="page-header">
  <h1>{% trans %}System Overview{% endtrans %} <small>{% trans %}Misago {{version}}{% endtrans %}</small></h1>
</div>
<div class="row">
  <div class="span4">
  	<div class="well well-small">
  	  <h1 style="text-align: center;">{{ users|intcomma }}
  	  <small>{% trans %}Users{% endtrans %}</small></h1>
    </div>
  </div>
  <div class="span4">
  	<div class="well well-small">
  	  <h1 style="text-align: center;">{{ posts|intcomma }}
  	  <small>{% trans %}Posts{% endtrans %}</small></h1>
    </div>
  </div>
  <div class="span4">
  	<div class="well well-small">
  	  <h1 style="text-align: center;">{{ threads|intcomma }}
  	  <small>{% trans %}Threads{% endtrans %}</small></h1>
  	</div>
  </div>
</div>

<hr>

<h2>{% trans %}Administrators Online{% endtrans %} <small>{{ admins|length|intcomma }}</small></h2>
<div class="row list-tiny">{% for session in admins %}
  <div class="span2 popover-admin-{{ loop.index }} clickable">
  	<img src="{{ session.user.get_avatar() }}" class="avatar-tiny"> {{ session.user.username }}
  </div>{% endfor %}
</div>
{% endblock %}

{% block javascripts %}{% if admins %}
<script type="text/javascript">
  $(function () {
  	// Register popovers for admin list{% for session in admins %}
	$('.popover-admin-{{ loop.index }}').popover({
		placement: 'top',
		trigger:   'click',
		title:     '{{ popover_title(session)|escapejs }}',
		content:   '{{ popover_content(session)|escapejs }}'
	});{% endfor %}
  });
</script>{% endif %}
{% endblock %}

{% macro popover_title(session) -%}
  <div class="user-card">
  	<img src="{{ session.user.get_avatar() }}" class="avatar-small">
    {{ session.user.username }}
  </div>
{%- endmacro %}

{% macro popover_content(session) -%}
    <strong>{% trans last_action=session.last|timesince, ip=session.ip %}{{ last_action }} ago from {{ ip }}{% endtrans %}</strong>
    <p>{{ session.agent }}</p>
{%- endmacro %}