{% extends "stats/index.html" %}
{% load i18n %}

{% block tabs %}
    <li><a href="{% url 'stats-index' %}">{% trans "Technicians" %}</a></li>
    <li><a href="{% url 'stats-locations' %}">{% trans "Locations" %}</a></li>
    <li><a href="{% url 'stats-queues' %}">{% trans "Queues" %}</a></li>
    <li><a href="{% url 'stats-repairs' %}">{% trans "Repairs" %}</a></li>
    <li><a href="{% url 'stats-statuses' %}">{% trans "Statuses" %}</a></li>
    <li class="active"><a href="{% url 'stats-sales' %}">{% trans "Sales" %}</a></li>
    <li><a href="{% url 'stats-devices' %}">{% trans "Devices" %}</a></li>
{% endblock tabs %}

{% block stats %}
    <h2>{% trans "Sales" %}</h2>
    <p>{% trans "Shows you invoice totals per queue within the selected time period." %}</p>
    {% include "stats/plot_snippet.html" with url="/stats/data/sales/invoices/" %}
    <hr/>
    <h2>{% trans "Purchases" %}</h2>
    <p>{% trans "Shows you Purchase Order totals per queue within the selected time period." %}</p>
    {% include "stats/plot_snippet.html" with url="/stats/data/sales/purchases/" %}
    <hr/>
    <h2>{% trans "Service Parts" %}</h2>
    <p>{% trans "Shows you how many parts have been ordered for each labour tier." %}</p>
    <div class="row-fluid">
      <div class="span12">
        <div class="span10">
          <div class="plot plot-bar" data-source="/stats/data/sales/parts/"></div>
          <div class="legend-container"></div>
        </div>
        <div class="span2"></div>
      </div>
    </div>
{% endblock stats %}