{% load i18n %}
<div class='dashboard'>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
var values_{{item_name}} = [];

{% for idx, lbl, values in dashboard.values %} {% for value in values %}
{% ifequal forloop.parentloop.counter0 0 %}values_{{item_name}}.push([{{value}}, 0]);
{% else %}values_{{item_name}}[{{forloop.counter0}}][1] = {{value}};{% endifequal %}{% endfor%}{% endfor%}

var plot_{{item_name}} = $.jqplot('chart_{{item_name}}',
    [values_{{item_name}}], {
      series:[{showMarker:false}],
      axes:{
        xaxis:{
          label:'{% trans "Year" %}'
        },
        yaxis:{
          label:'{% trans "Number"%}',
          min:0
        }
      },
      highlighter: {
        show: true,
        sizeAdjust: 7.5
      }
  });
});
</script>
  <h3>{{lbl}}</h3>
  <div>
    <h4>{% trans "Numbers" %}</h4>
    <p><strong>{% trans "Total:" %}</strong> {{dashboard.total_number}}</p>
    <div class='table'>
    <div id="chart_{{item_name}}" style="height:400px; width:700px;"></div>
    {% comment %}
    <table>
    {% for idx, lbl, values in dashboard.values %}
      <tr class='idx {% if forloop.counter0|divisibleby:"2" %}even{%else%}odd{%endif%}'>
      <th>{{lbl}}</th>
      {% for value in values %}<td>{{value}}</td>{% endfor%}
      </tr>
    {% endfor%}
    </table>{% endcomment %}
    </div>
    {% if dashboard.years %}
    <h4>{% trans "By years" %}</h4>
    <ul>
      <li><strong>{% trans "Average:" %}</strong> {{dashboard.average}}</li>
      <li><strong>{% trans "Variance:" %}</strong> {{dashboard.variance}}</li>
      <li><strong>{% trans "Standard deviation:" %}</strong> {{dashboard.standard_deviation}}</li>
      <li><strong>{% trans "Median:" %}</strong> {{dashboard.median}}</li>
      <li><strong>{% trans "Mode:" %}</strong> {{dashboard.mode}}</li>
    </ul>
    {% endif %}
    {% if dashboard.operation_average %}
    <h4>{% trans "By operations" %}</h4>
    <ul>
      <li><strong>{% trans "Average:" %}</strong> {{dashboard.operation_average}}</li>
      <li><strong>{% trans "Variance:" %}</strong> {{dashboard.operation_variance}}</li>
      <li><strong>{% trans "Standard deviation:" %}</strong> {{dashboard.operation_standard_deviation}}</li>
      <li><strong>{% trans "Median:" %}</strong> {{dashboard.operation_median}}</li>
      <li><strong>{% trans "Mode:" %}</strong> {{dashboard.operation_mode}}</li>
    </ul>
    {% endif %}
    <h4>{% trans "Created last" %}</h4>
    <div class='table'>
    <table>
      <tr><th>{{lbl}}</th><th>{% trans "Created" %}</th><th></th></tr>
      {% for item in dashboard.lasts %}<tr>
        <td class='ref'>{{item}}</td>
        <td>{{item.history_date}}</td>
        <td>{% if item.get_show_url %}<a href="#" onclick='load_window("{{item.get_show_url}}")'>{%trans "Show"%}</a>{%endif%}</td>
      </tr>{% endfor %}
    </table>
    </div>
    <h4>{% trans "Recent changes" %}</h4>
    <div class='table'>
    <table>
      <tr><th>{{lbl}}</th><th>{% trans "Modified" %}</th><th></th></tr>
      {% for item in dashboard.recents %}<tr>
        <td class='ref'>{{item}}</td>
        <td>{{item.history_date}}</td>
        <td>{% if item.get_show_url %}<a href="#" onclick='load_window("{{item.get_show_url}}")'>{%trans "Show"%}</a>{%endif%}</td>
      </tr>{% endfor %}
    </table>
    </div>
  </div>