{% extends "base.html" %}
{% block title %}Set Expiration Date — {{ member }}{% endblock %}

{% block content %}
<h3><i class="bi bi-calendar-range"></i> Set Expiration Date</h3>
<p class="text-muted">Club: <strong>{{ club.name }}</strong></p>

<div class="card mb-4" style="max-width: 480px;">
  <div class="card-body">
    <h5 class="card-title">{{ member }}</h5>
    {% if member.membership_expiration_date %}
    <p class="text-muted small mb-1">Last paid: {{ member.membership_last_paid|date:"M j, Y"|default:"—" }}</p>
    <p class="text-muted small mb-3">Current expiration: {{ member.membership_expiration_date|date:"M j, Y" }}</p>
    {% else %}
    <p class="text-muted small mb-3">No expiration date on record.</p>
    {% endif %}

    <form method="post">
      {% csrf_token %}
      {% if next_url %}<input type="hidden" name="next" value="{{ next_url }}">{% endif %}
      <div class="mb-3">
        <label for="membership_expiration_date" class="form-label">Expiration date</label>
        <input type="date" class="form-control" id="membership_expiration_date" name="membership_expiration_date"
          value="{{ default_date|date:'Y-m-d' }}" required>
        <div class="form-text">
          Use <em>Renew</em> from the member list for a one-click extension based on the club's renewal rules.
        </div>
      </div>
      <div class="d-flex gap-2">
        <a href="{% if next_url %}{{ next_url }}{% else %}{% url 'club_admin' club.slug %}{% endif %}" class="btn btn-secondary">Cancel</a>
        <button type="submit" class="btn btn-primary"><i class="bi bi-check-lg me-1"></i>Save</button>
      </div>
    </form>
  </div>
</div>
{% endblock %}