{% extends "base.html" %}

{% block content %}
<div data-plugin="membership" class="membership-user-container membership-apply-page">
    <div class="blocks-workspace-notice" data-membership-feedback data-workspace-notice role="status" aria-live="polite" hidden></div>
    <div id="membership-apply-config"
         data-profile-id="{{ profile.id }}"
         data-submit-url="/plugins/membership/apply/submit"></div>

    <header class="glass-card membership-apply-hero">
        <div class="membership-apply-hero-main">
            <p class="membership-apply-kicker">
                {% if is_renewal %}Renew {{ labels.profile_label | default(value='Membership') | lower }}
                {% elif is_reapply %}Reapply for {{ labels.profile_label | default(value='Membership') | lower }}
                {% else %}{{ labels.profile_label | default(value='Membership') }} application{% endif %}
            </p>
            <h1>{{ profile.name }}</h1>
            <div class="membership-apply-meta">
                <span class="membership-apply-fee-chip">
                    {{ currency_symbol | default(value='₹') }}{{ profile.fee_amount | default(value=0) | price }}
                </span>
                {% if profile.validity_display %}
                <span class="membership-apply-validity-chip inline-flex items-center gap-2 rounded-full bg-[var(--bg-page)] px-3 py-1 text-sm font-medium text-muted">
                    <i class="far fa-clock"></i> {{ profile.validity_display }}
                </span>
                {% endif %}
            </div>
            {% if profile.description %}
            <p class="membership-apply-description">{{ profile.description }}</p>
            {% endif %}
        </div>
        {% if profile.scope or profile.rules_regulations %}
        <details class="membership-apply-policy">
            <summary>View scope and rules</summary>
            <div class="membership-apply-policy-body">
                {% if profile.scope %}
                <div class="membership-info-block">
                    <h3>Scope</h3>
                    <p>{{ profile.scope }}</p>
                </div>
                {% endif %}
                {% if profile.rules_regulations %}
                <div class="membership-info-block">
                    <h3>Rules &amp; regulations</h3>
                    <div class="membership-rules">{{ profile.rules_regulations | safe }}</div>
                </div>
                {% endif %}
            </div>
        </details>
        {% endif %}
    </header>

    <section class="glass-card membership-apply-form">
        <div class="membership-apply-form-intro">
            <h2>{% if is_renewal %}Renewal details{% elif is_reapply %}Updated details{% else %}Your details{% endif %}</h2>
            {% if is_reapply and payment_reusable %}
            <p class="membership-reapply-notice membership-reapply-notice--paid">
                Your previous application was not approved{% if previous_rejection_reason %}: <strong>{{ previous_rejection_reason }}</strong>{% endif %}.
                Your earlier payment of <strong>{{ currency_symbol | default(value='₹') }}{{ prior_paid_amount | price }}</strong> will be reused — no need to pay again.
                Review the pre-filled details below, update anything needed, and resubmit for signatory review.
            </p>
            {% elif is_reapply and previous_rejection_reason %}
            <p class="membership-reapply-notice">
                Your previous application was not approved: <strong>{{ previous_rejection_reason }}</strong>.
                Review the pre-filled details below, update anything needed, and submit again.
            </p>
            {% elif is_reapply %}
            <p class="membership-reapply-notice">
                Your previous application was not approved. Review the pre-filled details below, update anything needed, and submit again.
            </p>
            {% elif is_renewal %}
            <p>Your previous membership has expired. Submit this renewal application for signatory approval to start a new validity period.</p>
            {% else %}
            <p>Complete the form below to start your application. Submitting sends it for signatory approval. Required fields are marked with an asterisk.</p>
            {% endif %}
        </div>
        <div id="membership-dynamic-fields" class="membership-dynamic-fields"></div>
        <div class="membership-apply-actions">
            <button type="button" class="btn btn-primary btn-lg btn-block" id="membership-apply-submit">
                <i class="fas fa-paper-plane" aria-hidden="true"></i>
                {% if is_renewal %}Submit renewal{% elif is_reapply %}Submit new application{% else %}Submit application{% endif %}
            </button>
        </div>
    </section>

    <script type="application/json" id="membership-fields-schema">{{ fields_schema | json_encode | replace(from="</script>", to="<\\/script>") | safe }}</script>
    {% if is_reapply %}
    <script type="application/json" id="membership-prefill-data">{{ previous_profile_data | json_encode | replace(from="</script>", to="<\\/script>") | safe }}</script>
    {% endif %}
</div>
{% endblock %}