{# vim: set ts=2 sw=2 et tw=80: #}
{% extends 'base.html' %}

{% load i18n %}

{% block title %}{% trans "Home" %}{% endblock %}
{% block content %}
<h1 class="center">{% trans "Arrow counter" %}</h1>
<h5 class="center">{% trans "A simple online arrow counter" %}</h5>
{% if user.is_authenticated %}
<p class="center" style="margin-bottom: 3rem">
<a class="btn waves-effect waves-light" href="{% url "count_export" %}">
	{% trans "Excel Data (CSV)" %} <i class="material-icons right">file_download</i>
</a>
</p>
<div class="card-panel grey lighten-2">
	<h5 class="center">{% trans "Arrows shot this year:" %}</h5>
	<p class="center"><strong style="font-size: 2.7rem">{{ yearArrows }}</strong></p>
</div>
{% if diffTarget is not False %}
<div class="card-panel lighten-2 {% if diffTarget < 0 %}red{% elif diffTarget is 0 %}yellow
{% else %}green{% endif %}">
	<h5 class="center">{% trans "Difference with target:" %}</h5>
	<p class="center"><strong style="font-size: 2.7rem">{{ diffTarget }}</strong></p>
</div>
{% endif %}
<div class="card-panel grey lighten-2">
	<h5 class="center">{% trans "Arrows shot this month:" %}</h5>
	<p class="center"><strong style="font-size: 2.7rem">{{ monthArrows }}</strong></p>
</div>
<div class="card-panel grey lighten-2">
	<h5 class="center">{% trans "Arrows shot this week:" %}</h5>
	<p class="center"><strong style="font-size: 2.7rem">{{ weekArrows }}</strong></p>
</div>
{% endif %}
{% endblock %}