{% extends 'admin/base_site.html' %}
{% load i18n %}

{% block title %}{% trans "Events stats" %}{% endblock %}

{% block content %}
	<style>h2 {text-align:center}</style>
	<h2>{% trans 'Events by class' %}</h2>
	{% with datapack_classes as datapack %}
		{% include "chartflo/charts/pie.html" %}
		<div id="{{ datapack.chart_id }}" class="gds-xl" style="width: 100%; height: 600px; background-color: #FFFFFF;" ></div>
	{% endwith %}
	<h2>{% trans 'Events by user' %}</h2>
	{% with datapack_users as datapack %}
		{% include "chartflo/charts/pyramid.html" %}
		<div id="{{ datapack.chart_id }}" class="gds-xl" style="width: 100%; height: 600px; background-color: #FFFFFF;" ></div>
	{% endwith %}
	<h2>{% trans 'Events by model' %}</h2>
	{% with datapack_models as datapack %}
		{% include "chartflo/charts/bar.html" %}
		<div id="{{ datapack.chart_id }}" class="gds-xl" style="width: 100%; height: 600px; background-color: #FFFFFF;" ></div>
	{% endwith %}
	<h2>{% trans 'Events overtime' %}</h2>
	{% with datapack_overtime as datapack %}
		{% include "chartflo/charts/timeline.html" %}
		<div id="{{ datapack.chart_id }}" class="gds-xl" style="width: 100%; height: 600px; background-color: #FFFFFF;" ></div>
	{% endwith %}
{% endblock %}