{% extends "base.html" %}
{% from "_partials/empty_state.html" import empty_state %}
{% block title %}My Holds — {{ library_name() }}{% endblock %}
{% block content %}
<h2>My Holds</h2>
{% if error %}<p class="error-banner">{{ error }}</p>{% endif %}
{% if pay_at_pickup_warning %}
<p class="warning-banner">
  ⚠ You have {{ outstanding_cents | currency }} in outstanding fines. You can
  place holds, but checkout will be blocked at pickup until fines are paid.
</p>
{% endif %}
{% if not holds %}
  {{ empty_state("No active holds", "Reserve items from the catalog and they will appear here.", cta_href="/ui/catalog", cta_label="Browse catalog") }}
{% else %}
<table class="responsive-table">
  <thead>
    <tr><th>Title</th><th>Status</th><th>Queue</th><th>Expires</th><th>Action</th></tr>
  </thead>
  <tbody>
    {% for hold in holds %}
    {% set queue_position = queue_positions.get(hold.id) %}
    {% include "me/_hold_row.html" %}
    {% endfor %}
  </tbody>
</table>
{% endif %}
{% endblock %}