{% extends "base.html" %}
{% block title %}{{ member.display_name }} — {{ club.name }}{% endblock %}

{% block content %}
<div class="card mx-auto" style="max-width: 600px;">
  <div class="card-body">
    {% include "partials/club_member_uuid_card.html" %}
    {% if membership_invoice %}
      {% include "partials/membership_payment_inline.html" %}
    {% elif club.membership_annual_fee and is_paid_member and not is_expired and not expiring_soon %}
      <p class="text-muted small text-center mt-3">You're all paid up. You can renew again when your membership is close to expiring.</p>
    {% endif %}
  </div>
  <div class="border-top d-flex flex-wrap justify-content-center gap-2 p-3">
    <a class="btn btn-link btn-sm" href="{% url 'club_detail' slug=club.slug %}">Club page</a>
  </div>
</div>
{% endblock %}