{% extends "accounts/orders.html" %}
{% load i18n %}

{% block second_row %}
<div class="row-fluid">
  <div class="span12 well">
    {% block filter_block %}
    <form action="#" method="post" class="form-inline" id="stats-form">
      {% csrf_token %}
      {% for field in form %}
      <div class="control-group pull-left">
        <label class="control-label">{{ field.label }}</label>
        <div class="controls">{{ field }}</div>
      </div>
      {% endfor %}
      <div class="control-group">
        <label class="control-label">&nbsp;</label>
        <div class="controls">
          <button class="btn btn-primary pull-right" type="submit"><i class="icon-search icon-white"></i> {% trans "Search" %}</button>
        </div>
      </div>
    </form>
    {% endblock filter_block %}
  </div>
</div>

<div class="resizable">
  <h2>{% trans "Runrate" %}</h2>
  <p>{% trans "Shows you how many you've been assigned to during the selected period, averaged over the time scale." %}</p>
  <div class="plot" data-source="/stats/data/runrate/personal/"></div>
  <div class="legend-container"></div>
</div>
{% endblock second_row %}

{% block media %}
<script src="{{ STATIC_URL }}js/flot/jquery.flot.min.js"></script>
<script src="{{ STATIC_URL }}js/flot/jquery.flot.time.min.js"></script>
<script src="{{ STATIC_URL }}js/flot/jquery.flot.pie.min.js"></script>
<script src="{{ STATIC_URL }}js/flot/jquery.flot.resize.min.js"></script>
<script src="{{ STATIC_URL }}js/jquery.flot.tooltip.min.js"></script>
<script src="{{ STATIC_URL }}js/stats.js" type="text/javascript"></script>
{% endblock media %}