{% extends "base.html" %}

{% block content %}
<div data-plugin="membership" class="membership-user-container membership-verify-page">
    <div class="glass-card membership-verify-card">
        {% if valid %}
        <div class="membership-verify-valid">
            <i class="fas fa-check-circle text-success"></i>
            <h1>Valid {{ labels.profile_label | default(value='Membership') }}</h1>
            <p class="membership-verify-profile">{{ profile_name }}</p>
            <dl class="membership-detail-list">
                <dt>Name</dt><dd>{{ user_name }}</dd>
                <dt>Valid from</dt><dd>{{ member_since }}</dd>
                <dt>Valid until</dt><dd>{{ valid_until | date_in_tz(timezone=settings.timezone, format="%d %b %Y") }}</dd>
                {% if public_fields %}
                {% for key, val in public_fields %}
                <dt>{{ public_field_labels[key] | default(value=key | replace(from='_', to=' ') | title) }}</dt><dd>{{ val }}</dd>
                {% endfor %}
                {% endif %}
            </dl>
        </div>
        {% else %}
        <div class="membership-verify-invalid">
            <i class="fas fa-times-circle text-danger"></i>
            <h1>Invalid or expired</h1>
            <p>{{ error | default(value='This membership badge could not be verified.') }}</p>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}