{% extends "base.html" %}
{% from "_macros.html" import status_pill %}
{% block title %}{{ patron.full_name }} — {{ library_name() }}{% endblock %}
{% block content %}
<nav aria-label="breadcrumb">
  <ul>
    <li><a href="/ui/patrons">Patrons</a></li>
    <li>{{ patron.full_name }}</li>
  </ul>
</nav>

<hgroup>
  <h2>{{ patron.full_name }}</h2>
  <p><code>{{ patron.library_card_number }}</code></p>
</hgroup>

{% if message %}<p class="success-banner">{{ message }}</p>{% endif %}
{% if error %}<p class="error-banner">{{ error }}</p>{% endif %}

<dl>
  <dt>Status</dt>
  <dd id="patron-status">
    {% if patron.is_active %}
      Active
      <form
        style="display:inline"
        hx-post="/ui/patrons/{{ patron.library_card_number }}/deactivate"
        hx-target="#patron-status"
        hx-swap="innerHTML"
        hx-include="[name='csrf_token']"
        hx-confirm="Deactivate this patron? This will cancel their active holds."
      >
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <button type="submit" class="outline contrast" style="padding:0.2rem 0.6rem; margin-left:1rem">Deactivate</button>
      </form>
    {% else %}
      <em>Inactive</em>
      <form method="post" action="/ui/patrons/{{ patron.library_card_number }}/reactivate" style="display:inline">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <button type="submit" class="outline" style="padding:0.2rem 0.6rem; margin-left:1rem; width:auto">Reactivate</button>
      </form>
    {% endif %}
  </dd>
  {% if patron.contact_email %}<dt>Email</dt><dd>{{ patron.contact_email }}</dd>{% endif %}
  {% if patron.contact_phone %}<dt>Phone</dt><dd>{{ patron.contact_phone }}</dd>{% endif %}
  <dt>Category &amp; expiry</dt>
  <dd>
    {% set today = none %}{# rendered server-side; templates can't compare dates without filters #}
    <form method="post" action="/ui/patrons/{{ patron.library_card_number }}/edit"
          style="display:flex; gap:0.5rem; align-items:center; flex-wrap:wrap; margin:0">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <select name="category_id" style="margin:0; width:auto">
        <option value="">— none —</option>
        {% for c in categories %}
        <option value="{{ c.id }}"{% if patron.category_id == c.id %} selected{% endif %}>{{ c.display_name }}</option>
        {% endfor %}
      </select>
      <input type="date" name="expires_at" style="margin:0; width:auto"
             value="{{ patron.expires_at.isoformat() if patron.expires_at else '' }}">
      <button type="submit" style="padding:0.2rem 0.6rem; margin:0; width:auto">Save</button>
      {% if patron.expires_at %}
        {% if patron.expires_at.isoformat() < today_iso() %}
        <small class="error-banner">Expired {{ patron.expires_at.isoformat() }}</small>
        {% else %}
        <small>Expires {{ patron.expires_at.isoformat() }}</small>
        {% endif %}
      {% endif %}
    </form>
  </dd>
  <dt>User account</dt>
  <dd>
    {% if linked_user %}
      <a href="/ui/users/{{ linked_user.username }}">{{ linked_user.username }}</a>
      <small>({{ linked_user.role.name }})</small>
      {% if patron.is_active %}
      <form
        hx-post="/ui/patrons/{{ patron.library_card_number }}/unlink-user"
        hx-include="[name='csrf_token']"
        hx-confirm="Unlink this user account from the patron?"
        hx-target="body"
        hx-swap="outerHTML"
        style="display:inline"
      >
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <button type="submit" class="outline contrast" style="padding:0.2rem 0.6rem; margin-left:1rem; width:auto">Unlink</button>
      </form>
      {% endif %}
    {% elif patron.is_active and unlinked_users %}
      <form method="post" action="/ui/patrons/{{ patron.library_card_number }}/link-user" style="display:flex; gap:0.5rem; align-items:center; margin-top:0.25rem">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <select name="user_id" style="margin:0; width:auto">
          {% for u in unlinked_users %}
          <option value="{{ u.id }}">{{ u.username }}{% if u.email %} ({{ u.email }}){% endif %} — {{ u.role.name }}</option>
          {% endfor %}
        </select>
        <button type="submit" style="padding:0.2rem 0.6rem; margin:0; width:auto">Link</button>
      </form>
      {% if has_permission(user, 'patron.account.manage') %}
      <details style="margin-top:0.5rem">
        <summary class="outline secondary" role="button">Create a new login for this patron</summary>
        <form method="post" action="/ui/patrons/{{ patron.library_card_number }}/create-user" style="margin-top:0.5rem; max-width:24rem">
          <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
          <label for="new_login_username">Username
            <input type="text" id="new_login_username" name="username" autocomplete="off" required>
          </label>
          <label for="new_login_password">Password
            <input type="password" id="new_login_password" name="password" autocomplete="new-password" required>
          </label>
          <label for="new_login_confirm">Confirm password
            <input type="password" id="new_login_confirm" name="password_confirm" autocomplete="new-password" required>
          </label>
          <button type="submit" style="width:auto">Create login</button>
        </form>
      </details>
      {% endif %}
    {% elif patron.is_active and has_permission(user, 'patron.account.manage') %}
      <details>
        <summary class="outline secondary" role="button">Create a login for this patron</summary>
        <form method="post" action="/ui/patrons/{{ patron.library_card_number }}/create-user" style="margin-top:0.5rem; max-width:24rem">
          <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
          <label for="solo_login_username">Username
            <input type="text" id="solo_login_username" name="username" autocomplete="off" required>
          </label>
          <label for="solo_login_password">Password
            <input type="password" id="solo_login_password" name="password" autocomplete="new-password" required>
          </label>
          <label for="solo_login_confirm">Confirm password
            <input type="password" id="solo_login_confirm" name="password_confirm" autocomplete="new-password" required>
          </label>
          <button type="submit" style="width:auto">Create login</button>
        </form>
      </details>
    {% elif patron.is_active %}
      <em>None</em>
    {% else %}
      <em>None</em>
    {% endif %}
  </dd>
</dl>

{% if patron.household_id %}
<section>
  <h3>Household: <a href="/ui/households/{{ patron.household_id }}">{{ patron.household.name }}</a></h3>
  {% if household_members_summary %}
  <table class="striped">
    <thead><tr><th>Name</th><th>Card #</th><th>Loans</th><th>Holds</th></tr></thead>
    <tbody>
      {% for m in household_members_summary %}
      <tr>
        <td><a href="/ui/patrons/{{ m.patron.library_card_number }}">{{ m.patron.full_name }}</a>{% if not m.patron.is_active %} <small>(inactive)</small>{% endif %}</td>
        <td><code>{{ m.patron.library_card_number }}</code></td>
        <td>{{ m.loan_count }}</td>
        <td>{{ m.hold_count }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p>No other members in this household.</p>
  {% endif %}
  {% if has_permission(user, 'household.manage') %}
  <p><a href="/ui/households/{{ patron.household_id }}">Manage household →</a></p>
  {% endif %}
</section>
{% endif %}

{% if has_permission(user, 'fine.manage') %}
<p>
  <a href="/ui/patrons/{{ patron.library_card_number }}/fines" role="button" class="outline">
    View fines
  </a>
</p>
{% endif %}

<h3>Active Loans <small><a href="/ui/patrons/{{ patron.library_card_number }}/loans">(view all)</a></small></h3>
{% if loans %}
<table class="responsive-table">
  <thead><tr><th>Barcode</th><th>Title</th><th>Due</th></tr></thead>
  <tbody>
    {% for loan in loans %}
    <tr>
      <td data-label="Barcode"><code>{{ loan.item.barcode }}</code></td>
      <td data-label="Title"><a href="/ui/catalog/{{ loan.item.work_id }}">{{ loan.item.work.title }}</a></td>
      <td data-label="Due">{{ loan.due_at.strftime("%Y-%m-%d") if loan.due_at else "—" }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
  <p class="empty-inline">No active loans.</p>
{% endif %}

<h3>Active Holds</h3>
{% if holds %}
<table class="responsive-table">
  <thead><tr><th>Title</th><th>Status</th><th>Expires</th>{% if has_permission(user, 'hold.place.any') %}<th></th>{% endif %}</tr></thead>
  <tbody>
    {% for hold in holds %}
    <tr id="hold-row-{{ hold.id }}">
      <td data-label="Title"><a href="/ui/catalog/{{ hold.work_id }}">{{ hold.work.title }}</a></td>
      <td data-label="Status">{{ status_pill(hold.status) }}</td>
      <td data-label="Expires">{{ hold.expires_at.strftime("%Y-%m-%d") if hold.expires_at else "—" }}</td>
      {% if has_permission(user, 'hold.place.any') %}
      <td data-label="">
        <form
          hx-post="/ui/patrons/{{ patron.library_card_number }}/holds/{{ hold.id }}/cancel"
          hx-target="closest tr"
          hx-swap="outerHTML"
          hx-include="[name='csrf_token']"
          hx-confirm="Cancel this hold?"
          style="display:inline"
        >
          <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
          <button type="submit" class="outline contrast" style="padding:0.2rem 0.6rem">Cancel</button>
        </form>
      </td>
      {% endif %}
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
  <p class="empty-inline">No active holds.</p>
{% endif %}
{% endblock %}