{% extends "base.html" %}
{% block title %}Loan status for {{ 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><a href="/ui/items/{{ item.barcode }}">{{ item.barcode }}</a></li>
    <li>Loan status</li>
  </ul>
</nav>

<hgroup>
  <h2>Loan status for <code>{{ item.barcode }}</code></h2>
  <p>{{ item.work.title }}</p>
</hgroup>

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

<form method="post" action="/ui/items/{{ item.barcode }}/loanable">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}">

  <fieldset>
    <legend>Can this copy be loaned out?</legend>
    <label>
      <input type="radio" name="is_loanable" value="yes"
             {% if item.is_loanable %}checked{% endif %}>
      Yes — available for circulation
    </label>
    <label>
      <input type="radio" name="is_loanable" value="no"
             {% if not item.is_loanable %}checked{% endif %}>
      No — in-house use only
    </label>
  </fieldset>

  <label for="reason">Reason (required when not loanable)</label>
  <select id="reason" name="reason">
    <option value="">—</option>
    {% for code, label in REASON_CHOICES %}
    <option value="{{ code }}"
            {% if item.loan_restriction_reason == code %}selected{% endif %}>
      {{ label }}
    </option>
    {% endfor %}
  </select>

  <label for="note">Note (required when reason is "Other"; otherwise cleared)</label>
  <input type="text" id="note" name="note" maxlength="256"
         value="{{ item.loan_restriction_note or '' }}">

  <p><small>
    Flipping the last loanable copy of a work to non-loanable will auto-cancel
    any waiting holds on that work.
  </small></p>

  <button type="submit" style="width:auto">Save</button>
  <a href="/ui/items/{{ item.barcode }}" role="button" class="outline secondary">Cancel</a>
</form>
{% endblock %}