{% extends "base.html" %}
{% from "_macros.html" import media_pill %}
{% from "_partials/empty_state.html" import empty_state %}
{% block title %}Loan Policies — {{ library_name() }}{% endblock %}
{% block content %}
<div style="display:flex; align-items:baseline; gap:1rem; margin-bottom:1rem">
  <h2 style="margin:0">Loan Policies</h2>
  <a href="/ui/policies/new" role="button" class="outline" style="padding:0.25rem 0.75rem">+ New Policy</a>
</div>

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

{% if not policies %}
  {{ empty_state("No loan policies configured", "Policies set loan periods, renewal limits, and fine rates.", cta_href="/ui/policies/new", cta_label="Add policy") }}
{% else %}
<p style="color:var(--pico-muted-color)">
  Fine fields are in cents. Leave blank for "no overdue fine / no default replacement cost."
</p>
<p style="color:var(--pico-muted-color)">
  Policy changes apply to <strong>new checkouts and to renewals made after saving</strong>;
  existing due dates are unchanged until the next renewal.
</p>
{% for p in policies %}
<article>
  <header>
    <strong>{{ p.name }}</strong>
    &nbsp;
    {% if p.media_type %}{{ media_pill(p.media_type) }}{% else %}<small>All media</small>{% endif %}
    &middot;
    {% if p.patron_category %}<small>{{ p.patron_category.display_name }}</small>{% else %}<small>All patrons</small>{% endif %}
    {% if p.is_default %}<span class="pill pill-book" style="font-size:0.8rem">default</span>{% endif %}
    <a href="/ui/policies/{{ p.id }}/delete-confirm" class="secondary" style="float:right; font-size:0.85rem">Delete</a>
  </header>
  <form method="post" action="/ui/policies/{{ p.id }}/update" data-dirty-guard
        style="display:grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap:0.6rem; align-items:end">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <label>Loan period (days)
      <input type="number" name="loan_period_days" value="{{ p.loan_period_days }}" min="1">
    </label>
    <label>Max renewals
      <input type="number" name="max_renewals" value="{{ p.max_renewals }}" min="0">
    </label>
    <label>Overdue fine per day (¢)
      <input type="number" name="overdue_fine_per_day_cents"
             value="{{ p.overdue_fine_per_day_cents if p.overdue_fine_per_day_cents is not none else '' }}"
             min="0">
    </label>
    <label>Overdue fine cap (¢)
      <input type="number" name="overdue_fine_cap_cents"
             value="{{ p.overdue_fine_cap_cents if p.overdue_fine_cap_cents is not none else '' }}"
             min="0">
    </label>
    <label>Grace period (days)
      <input type="number" name="grace_period_days" value="{{ p.grace_period_days }}" min="0">
    </label>
    <label>Lost default cost (¢)
      <input type="number" name="lost_item_default_cents"
             value="{{ p.lost_item_default_cents if p.lost_item_default_cents is not none else '' }}"
             min="0">
    </label>
    <label>Lost processing fee (¢)
      <input type="number" name="lost_item_processing_fee_cents"
             value="{{ p.lost_item_processing_fee_cents if p.lost_item_processing_fee_cents is not none else '' }}"
             min="0">
    </label>
    <label>Patron category
      <select name="patron_category_id">
        <option value="">All patrons</option>
        {% for c in categories %}
        <option value="{{ c.id }}"{% if p.patron_category_id == c.id %} selected{% endif %}>{{ c.display_name }}</option>
        {% endfor %}
      </select>
    </label>
    <label>
      <input type="checkbox" name="is_default" value="on"
             {% if p.is_default %}checked{% endif %}>
      Default
    </label>
    <button type="submit" style="align-self:end">Save</button>
  </form>
</article>
{% endfor %}
{% endif %}
{% endblock %}
{% block scripts %}
<script src="/ui/static/dirty-guard.js" nonce="{{ csp_nonce(request) }}" defer></script>
{% endblock %}