{% extends "base.html" %}
{% from "_macros.html" import status_pill, loan_pill %}
{% block title %}Item {{ item.barcode }} — {{ library_name() }}{% endblock %}
{% block content %}
<nav aria-label="breadcrumb">
  <ul>
    <li><a href="/ui/catalog/{{ item.work_id }}">{{ item.work.title }}</a></li>
    <li>{{ item.barcode }}</li>
  </ul>
</nav>

<hgroup>
  <h2>{{ item.work.title }}</h2>
  <p>Item <code>{{ item.barcode }}</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="item-status">{{ status_pill(item.status) }}</dd>
  <dt>Loanable</dt>
  <dd>
    {% if item.is_loanable %}
      Yes
    {% else %}
      No &nbsp; {{ loan_pill(item) }}
      {% if item.loan_restriction_note %}
        <br><small>{{ item.loan_restriction_note }}</small>
      {% endif %}
    {% endif %}
    {% if has_permission(user, 'item.edit') and item.status != "withdrawn" %}
      <a href="/ui/items/{{ item.barcode }}/loanable" class="outline secondary"
         role="button" style="padding:0.2rem 0.6rem; margin-left:1rem; font-size:0.85rem">
        Change
      </a>
    {% endif %}
  </dd>
  <dt>Barcode</dt><dd><code>{{ item.barcode }}</code></dd>
  <dt>Accession #</dt><dd>{{ item.accession_number }}</dd>
  {% if item.call_number %}<dt>Call #</dt><dd>{{ item.call_number }}</dd>{% endif %}
  {% if item.location %}<dt>Location</dt><dd>{{ item.location }}</dd>{% endif %}
  {% if item.condition %}<dt>Condition</dt><dd>{{ item.condition }}</dd>{% endif %}
  <dt>Branch</dt><dd>{{ item.branch.name }}</dd>
  <dt>Added</dt><dd>{{ item.created_at.strftime("%Y-%m-%d") }}</dd>
</dl>

<a href="/ui/catalog/{{ item.work_id }}" role="button" class="outline secondary">
  &larr; Back to work
</a>
{% if has_permission(user, 'item.edit') %}
<a href="/ui/items/{{ item.barcode }}/edit" role="button" class="outline">Edit</a>
{% endif %}
{% if user and ("*" in user.role.permissions or "item.delete" in user.role.permissions) and item.status != "withdrawn" %}
<a href="/ui/items/{{ item.barcode }}/withdraw-confirm" role="button" class="outline contrast">Withdraw</a>
{% endif %}

{% if has_permission(user, 'fine.manage') %}
<hr>
<h3>Lost / damaged</h3>
<p style="color:var(--pico-muted-color)">
  Declaring lost or damaged will close any active loan, cancel pending holds,
  and assess the appropriate fee.
</p>
{% if item.status != "lost" and item.status != "withdrawn" %}
<a href="/ui/items/{{ item.barcode }}/lost" role="button" class="outline contrast">
  Declare lost
</a>
{% endif %}
{% if item.status != "damaged" and item.status != "withdrawn" %}
<a href="/ui/items/{{ item.barcode }}/damaged" role="button" class="outline contrast">
  Mark damaged
</a>
{% endif %}
{% if item.status == "damaged" %}
<form method="post" action="/ui/items/{{ item.barcode }}/clear-damage" style="display:inline">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
  <button type="submit" class="outline" style="width:auto">Clear damage</button>
</form>
{% endif %}
{% if item.status == "lost" %}
<form method="post" action="/ui/items/{{ item.barcode }}/clear-lost" style="display:inline">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
  <button type="submit" class="outline" style="width:auto">Recover (clear lost)</button>
</form>
{% endif %}
{% endif %}

{% if item.status == "claims_returned" and has_permission(user, 'loan.checkin') %}
<hr>
<h3>Claims-returned — resolve</h3>
<p style="color:var(--pico-muted-color)">
  A patron asserted this item was returned. Choose how to resolve:
</p>
<a href="/ui/items/{{ item.barcode }}/verify-returned-confirm" role="button" class="outline" style="margin-right:0.5rem">
  Verify returned (found)
</a>
<a href="/ui/items/{{ item.barcode }}/write-off-claim" role="button" class="outline contrast" style="margin-right:0.5rem">
  Write off
</a>
<a href="/ui/items/{{ item.barcode }}/lost" role="button" class="outline contrast">
  Declare lost
</a>
{% endif %}

{% if has_permission(user, 'item.view') %}
<hr>
<h3 id="notes">Notes &amp; history</h3>
{% if note_entries %}
<table class="responsive-table">
  <thead>
    <tr><th>Date</th><th>Kind</th><th>Note</th><th>By</th><th></th></tr>
  </thead>
  <tbody>
    {% for n in note_entries %}
    <tr>
      <td data-label="Date"><small>{{ (n.event_date or n.created_at.date()).strftime("%Y-%m-%d") }}</small></td>
      <td data-label="Kind"><small>{{ n.kind }}</small></td>
      <td data-label="Note">{{ n.note }}</td>
      <td data-label="By"><small>{{ n.actor_label or (n.author.username if n.author else "system") }}</small></td>
      <td>
        {% if not n.is_system and has_permission(user, 'item.edit') %}
        <form hx-post="/ui/items/{{ item.barcode }}/notes/{{ n.id }}/delete"
              hx-include="[name='csrf_token']"
              hx-confirm="Delete this note?"
              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="width:auto">Delete</button>
        </form>
        {% endif %}
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<p class="empty-inline">No notes yet.</p>
{% endif %}

{% if has_permission(user, 'item.edit') %}
<details style="margin-top:1rem">
  <summary>Add a note</summary>
  <form method="post" action="/ui/items/{{ item.barcode }}/notes/add" style="margin-top:0.75rem">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <div style="display:flex;gap:0.5rem;align-items:flex-end;flex-wrap:wrap">
      <div>
        <label for="note_kind">Kind</label>
        <select id="note_kind" name="kind">
          <option value="general">General</option>
          <option value="condition">Condition</option>
          <option value="repair">Repair</option>
          <option value="provenance">Provenance</option>
          <option value="acquisition">Acquisition</option>
        </select>
      </div>
      <div>
        <label for="note_date">Date (optional)</label>
        <input type="date" id="note_date" name="event_date">
      </div>
    </div>
    <label for="note_text">Note</label>
    <textarea id="note_text" name="note" rows="2" required placeholder="Enter note text..."></textarea>
    <button type="submit" style="width:auto">Add Note</button>
  </form>
</details>
{% endif %}
{% endif %}

{% if has_permission(user, 'loan.view.any') %}
<hr>
<h3>Loan history</h3>
{% if loan_history %}
<table class="responsive-table">
  <thead>
    <tr><th>Patron</th><th>Checked out</th><th>Due</th><th>Returned</th><th>Renewals</th></tr>
  </thead>
  <tbody>
    {% for loan in loan_history %}
    <tr>
      <td data-label="Patron">
        <a href="/ui/patrons/{{ loan.patron.library_card_number }}">{{ loan.patron.full_name }}</a>
        <br><small><code>{{ loan.patron.library_card_number }}</code></small>
      </td>
      <td data-label="Out"><small>{{ loan.checked_out_at.strftime("%Y-%m-%d") }}</small></td>
      <td data-label="Due"><small>{{ loan.due_at.strftime("%Y-%m-%d") }}</small></td>
      <td data-label="Returned"><small>{{ loan.returned_at.strftime("%Y-%m-%d") if loan.returned_at else "—" }}</small></td>
      <td data-label="Renewals">{{ loan.renewal_count }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
<small>Showing up to 25 most recent loans.</small>
{% else %}
<p class="empty-inline">This copy has no loan history.</p>
{% endif %}
{% endif %}
{% endblock %}