{% extends "base.html" %}
{% from "_partials/empty_state.html" import empty_state %}
{% block title %}My Loans — {{ library_name() }}{% endblock %}
{% block content %}
<h2>My Loans</h2>
{% if not loans %}
  {{ empty_state("No active loans", "When you check out items they will appear here.", cta_href="/ui/catalog", cta_label="Browse catalog") }}
{% else %}
<table class="responsive-table">
  <thead>
    <tr><th>Barcode</th><th>Title</th><th>Due</th><th>Action</th></tr>
  </thead>
  <tbody>
    {% for loan in loans %}
    {% include "me/_loan_row.html" %}
    {% endfor %}
  </tbody>
</table>
{% endif %}
{% endblock %}