{% extends "base.html" %}

{% block content %}

<h2>Stats</h2>

<table class="table table-bordered">
<tr><th>due</th><th>hour</th><th>6h</th><th>day</th><th>week</th><th>month</th></tr>
<tr>
<td>{{ total_due }}
{% if total_due == 0 %} next due at {{ first_due.due|date:"D, F j G:i:s" }}{% endif %}</td>
<td>{{ next_hour_due }}</td>
<td>{{ next_six_hours_due }}</td>
<td>{{ next_day_due }}</td>
<td>{{ next_week_due }}</td>
<td>{{ next_month_due }}</td>
</tr>

</table>

<dl class="dl-horizontal">
    <dt>tested:</dt> <dd>{{ total_tested }}</dd>
    <dt>untested:</dt> <dd>{{ total_untested }}</dd>
    <dt>percent correct:</dt> <dd>{{ percent_right }}</dd>

<table id="tests" cellpadding="0" cellspacing="0">
<tr>
{% for test in recent_tests %}
{% if test.correct %}
<td class="True">
<table cellpadding="0" cellspacing="0">
<tr>
<td><div class="spacer new" style="height: {{test.rung_diff}}0px; width: 1px;"></div></td>
</tr>
<tr>
<td><div class="spacer old" style="height: {{test.old_rung}}0px; width: 1px;"></div></td>
</tr>
</table>
</td>
{% else %}
<td class="False">
<div class="spacer" style="height: {{test.old_rung}}0px; width: 1px;"></div>
</td>
{% endif %}
{% endfor %}
</table>

<table border="1">
<tr><th colspan="2">rungs</th><th>priority</th><th>ease</th></tr>


<tr>
<td>
<img src="//chart.apis.google.com/chart?cht=bvg&amp;chs=300x200&chds=0,{{max_rung}}&chbh=10&chxt=x,y&chxr=0,0,10|1,0,{{max_rung}}&amp;chd=t:{% for rung in rungs %}{{ rung.cards}}{% if not forloop.last %},{% endif %}{% endfor %}" />
</td>
<td>
<table>
{% for r in rungs %}<tr class="{% cycle 'even' 'odd' %}"><td>{{ r.cards }}</td></tr>{% endfor %}
</table>
</td>
<td>
<table>
 {% for p in priorities %}
 <tr class="{% cycle 'even' 'odd'  %}"><th>{{ p.priority }}</th>
 <td>{{ p.tested }}</td>
 <td>{{ p.untested }}</td>
 </tr>
 {% endfor %}
</table>
</td>
<td>
<img src="//chart.apis.google.com/chart?cht=bvg&amp;chs=300x200&chds=0,{{max_ease}}&chbh=10&chxt=x,y&chxr=0,0,10|1,0,{{max_ease}}&amp;chd=t:{% for ease in ease %}{{ ease.cards}}{% if not forloop.last %},{% endif %}{% endfor %}" />
</td>
</tr>
</table>


{% endblock %}