{% extends "catalog/base.html" %}
{% block title %}Reading{% endblock %}
{% block content %}
<h1>Reading log &amp; stats</h1>
<form method="get" class="filters"><select name="member" onchange="this.form.submit()">{% for m in members %}<option value="{{ m.pk }}" {% if m == member %}selected{% endif %}>{{ m.name }}</option>{% endfor %}</select><noscript><button>Show</button></noscript></form>
{% if member %}
<div class="stats">
  <div><b>{{ summary.books_finished }}</b>books finished</div>
  <div><b>{{ summary.total_pages }}</b>pages read</div>
  <div><b>{{ summary.average_rating|default:"-" }}</b>average rating</div>
  <div><b>{{ summary.current_streak }}</b>month streak (best {{ summary.longest_streak }})</div>
</div>
<div class="two">
  <section><h2>Pages per year</h2>{{ pages_chart }}</section>
  <section><h2>Genres</h2>{{ genre_chart }}</section>
</div>
<section><h2>Books finished per month</h2>{{ months_chart }}</section>
<section><h2>Recent entries</h2>
<table><tr><th>Book</th><th>Started</th><th>Finished</th><th>Rating</th><th>Notes</th></tr>
{% for l in logs %}<tr><td><a href="{% url 'book' l.book_id %}">{{ l.book.title }}</a></td><td>{{ l.started|date:"d M Y"|default:"-" }}</td><td>{{ l.finished|date:"d M Y"|default:"reading" }}</td><td>{{ l.rating|default:"" }}</td><td>{{ l.notes }}</td></tr>{% endfor %}</table></section>
{% endif %}
<section class="panel"><h2>Add reading entry</h2>
<form method="post" class="stack">{% csrf_token %}{{ form.as_p }}<button>Save entry</button></form></section>
{% endblock %}