{% if invoice.auction and invoice.auction.club and invoice.auction.club.membership_annual_fee %}
{% if invoice.auction.is_club_managed %}
<div id="invoice-membership-renewal" class="alert alert-secondary py-2{% if invoice.renewal_processed or invoice.status != 'DRAFT' %} opacity-50{% endif %}">
  <div class="form-check">
    <input
      class="form-check-input"
      type="checkbox"
      id="renewal_needed_checkbox_{{ invoice.pk }}"
      name="renewal_needed"
      value="1"
      {% if invoice.renewal_needed %}checked{% endif %}
      {% if invoice.renewal_processed or not is_admin or invoice.status != 'DRAFT' %}disabled{% endif %}
      {% if is_admin and not invoice.renewal_processed %}
      hx-post="{% url 'invoice_renewal_toggle' pk=invoice.pk %}"
      hx-target="#invoice-membership-renewal"
      hx-swap="outerHTML"
      hx-trigger="change"
      {% endif %}
    >
    <label class="form-check-label" for="renewal_needed_checkbox_{{ invoice.pk }}">
      Apply {{ invoice.auction.club.name }} membership fee
      {% if invoice.auction.club.membership_annual_fee %}({{ invoice.auction.currency_symbol }}{{ invoice.auction.club.membership_annual_fee|floatformat:2 }}){% endif %}
    </label>
  </div>
  <small class="text-muted">Membership status: {{ invoice.membership_status_for_invoice }}</small>
  {% if invoice.renewal_processed %}
  <div><small class="text-danger">Renewal already processed when this invoice was marked paid. Manual adjustment or refund is required if this needs to be undone.</small></div>
  {% endif %}
</div>
{% if is_admin and not invoice.renewal_processed %}
<script>
(function() {
  var checkboxId = 'renewal_needed_checkbox_{{ invoice.pk }}';
  var divId = 'invoice-membership-renewal';
  var btnGroupId = 'invoice-buttons-{{ invoice.pk }}';
  function updateRenewalLock() {
    var checkbox = document.getElementById(checkboxId);
    var div = document.getElementById(divId);
    var group = document.getElementById(btnGroupId);
    if (!checkbox || !group) return;
    var draftBtn = group.querySelector('[id$="_DRAFT"]');
    var isOpen = !!(draftBtn && draftBtn.classList.contains('btn-info'));
    checkbox.disabled = !isOpen;
    if (div) {
      div.classList.toggle('opacity-50', !isOpen);
    }
  }
  updateRenewalLock();
  document.body.addEventListener('htmx:afterSwap', updateRenewalLock);
})();
</script>
{% endif %}
{% endif %}
{% endif %}