{% extends "../base.html" %}

{% block title %}{{ _("Analytics") }}{% end block %}

{% block container %}
	{% import datetime %}

	<section class="hero is-primary">
		<div class="hero-body">
			<div class="container">
				<nav class="breadcrumb" aria-label="breadcrumbs">
					<ul>
						<li>
							<a href="/">{{ _("Home") }}</a>
						</li>
						<li class="is-active">
							<a href="#" aria-current="page">{{ _("Analytics") }}</a>
						</li>
					</ul>
				</nav>

				<h1 class="title">{{ _("Analytics") }}</h1>
			</div>
		</div>
	</section>

	{# Fetch some data #}
	{% set total_page_views     = backend.analytics.get_total_page_views(request.host) %}
	{% set total_page_views_24h = backend.analytics.get_total_page_views(request.host,
		since=datetime.timedelta(hours=24)) %}

	<section class="section">
		<div class="container">
			<div class="level">
				<div class="level-item has-text-centered">
					<div>
						<p class="heading">{{ _("Total Page Views") }}</p>
						<p class="title">
							{{ total_page_views }}
						</p>
					</div>
				</div>

				<div class="level-item has-text-centered">
					<div>
						<p class="heading">{{ _("Total Page Views (Last 24h)") }}</p>
						<p class="title">
							{{ total_page_views_24h }}
						</p>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="section">
		<div class="container">
			<div class="buttons">
				<a class="button" href="/analytics/docs">
					{{ _("Documentation") }}
				</a>
			</div>
		</div>
	</section>
{% end block %}