{% extends "catalog/base.html" %}
{% block title %}Desk{% endblock %}
{% block content %}
<h1>Checkout &amp; return desk</h1>
<div class="two">
  <form method="post" class="panel stack">{% csrf_token %}
    <h2>Check out</h2>
    <label>Member
      <select name="member" required><option value="">Choose member...</option>
        {% for m in members %}<option value="{{ m.pk }}" {% if sel_member == m.pk|stringformat:"s" %}selected{% endif %}>{{ m.name }} ({{ m.get_member_type_display }})</option>{% endfor %}
      </select></label>
    <label>Barcode or ISBN <input name="code" autofocus required placeholder="LB00001 or 9780141439518"></label>
    <button name="action" value="checkout">Check out</button>
  </form>
  <form method="post" class="panel stack">{% csrf_token %}
    <h2>Return</h2>
    <label>Barcode or ISBN <input name="code" required placeholder="LB00001"></label>
    <button name="action" value="return">Return</button>
  </form>
</div>
<h2>Recent activity</h2>
<table>
  <tr><th>Copy</th><th>Title</th><th>Member</th><th>Loaned</th><th>Due</th><th>Returned</th></tr>
  {% for l in recent %}
  <tr><td><code>{{ l.copy.barcode }}</code></td><td><a href="{% url 'book' l.copy.book_id %}">{{ l.copy.book.title }}</a></td><td>{{ l.member.name }}</td>
    <td>{{ l.loaned_at|date:"d M Y" }}</td><td>{{ l.due_date|date:"d M Y" }}</td><td>{{ l.returned_at|date:"d M Y"|default:"-" }}</td></tr>
  {% endfor %}
</table>
{% endblock %}