{% extends "study/base.html" %}
{% block title %}Statistics{% endblock %}
{% block content %}
<div class="page-head">
  <h1>Statistics{% if deck %}: {{ deck.full_name }}{% endif %}</h1>
  <form method="get"><select name="deck" onchange="this.form.submit()"><option value="">All decks</option>
    {% for d in decks %}<option value="{{ d.pk }}" {% if deck.pk == d.pk %}selected{% endif %}>{{ d.full_name }}</option>{% endfor %}</select></form>
</div>
<div class="tiles">
  <div class="tile"><b>{{ s.today_reviews }}</b><span>reviews today</span></div>
  <div class="tile"><b>{{ s.total_reviews }}</b><span>reviews total</span></div>
  <div class="tile"><b>{% if s.true_retention is not None %}{% widthratio s.true_retention 1 100 %}%{% else %}–{% endif %}</b><span>true retention</span></div>
  <div class="tile"><b>{{ s.streak }}</b><span>day streak</span></div>
  <div class="tile"><b>{% if s.avg_seconds %}{{ s.avg_seconds|floatformat:1 }}s{% else %}–{% endif %}</b><span>per answer</span></div>
</div>
<section class="panel"><h2>Activity</h2>{{ s.heatmap_svg|safe }}</section>
<div class="grid2">
  <section class="panel"><h2>Forecast (next 30 days)</h2>{{ s.forecast_svg|safe }}<p class="muted small">Day 0 includes overdue cards.</p></section>
  <section class="panel"><h2>Retention by interval</h2>{{ s.retention_svg|safe }}
    <p class="muted small">Pass rate of review cards grouped by days since the previous review.</p></section>
  <section class="panel"><h2>Card maturity</h2>
    <table class="kv">{% for k, v in s.maturity.items %}<tr><th>{{ k|capfirst }}</th><td class="num">{{ v }}</td></tr>{% endfor %}</table>
    <p class="muted small">Mature = interval ≥ 21 days.</p>
  </section>
  <section class="panel"><h2>Answer buttons</h2>
    <table class="kv"><tr><th>Again</th><td class="num">{{ s.ratings.1 }}</td></tr><tr><th>Hard</th><td class="num">{{ s.ratings.2 }}</td></tr><tr><th>Good</th><td class="num">{{ s.ratings.3 }}</td></tr><tr><th>Easy</th><td class="num">{{ s.ratings.4 }}</td></tr></table>
  </section>
  <section class="panel"><h2>Success rate by hour</h2>{{ s.hourly_svg|safe }}</section>
  <section class="panel"><h2>Reviews by hour</h2>{{ s.hourly_count_svg|safe }}</section>
</div>
<section class="panel">
  <div class="page-head"><h2>Leeches (≥ 8 lapses)</h2>
    <form method="post">{% csrf_token %}<button class="btn">Tag all leeches</button></form></div>
  <table class="grid"><thead><tr><th>Note</th><th>Deck</th><th class="num">Lapses</th><th>Tagged</th></tr></thead><tbody>
  {% for st in s.leeches %}<tr><td>{% if st.card.deck.owner_id == user.id %}<a href="{% url 'note_edit' st.card.note_id %}">{{ st.card.note|truncatechars:60 }}</a>{% else %}{{ st.card.note|truncatechars:60 }}{% endif %}</td><td>{{ st.card.deck.full_name }}</td><td class="num">{{ st.lapses }}</td><td>{% if 'leech' in st.card.note.tag_list %}yes{% else %}no{% endif %}</td></tr>
  {% empty %}<tr><td colspan="4" class="muted">No leeches. Nice.</td></tr>{% endfor %}
  </tbody></table>
</section>
{% endblock %}