{% if status_message | default(none) %}<span class="success-banner">{{ status_message }}</span> {% endif %}
{% 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
    style="display:inline"
    hx-post="/ui/patrons/{{ patron.library_card_number }}/reactivate"
    hx-target="#patron-status"
    hx-swap="innerHTML"
    hx-include="[name='csrf_token']"
  >
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <button type="submit" class="outline" style="padding:0.2rem 0.6rem; margin-left:1rem">Reactivate</button>
  </form>
{% endif %}