{% extends "admin_base.html" %}
{% import "macros/admin_crud_list.html" as crud %}

{% block admin_content %}
<main data-plugin="membership" class="membership-admin-container blocks-workspace mx-auto w-full max-w-7xl space-y-5 px-4 py-6 sm:px-6">
    <div class="blocks-workspace-notice" data-membership-feedback data-workspace-notice role="status" aria-live="polite" hidden></div>
    <div id="membership-admin-config"
         data-currency-symbol="{{ currency_symbol | default(value='₹') }}"
         data-entity-singular="{{ labels.entity_singular | default(value='Member') }}"
         data-profile-label="{{ labels.profile_label | default(value='Membership') }}"
         data-forms-available="{{ forms_available | default(value=false) }}"></div>

    {{ crud::shell_open(config_url="/plugins/membership/assets/admin/profiles_list.json", mount_id="membership-profiles-list", custom_mount=true) }}
    <div class="overflow-x-auto"><table class="blocks-workspace-table min-w-full">
        <thead></thead>
        <tbody></tbody>
    </table></div>
    {{ crud::shell_close() }}

    <div id="membership-profile-modal" class="crud-modal" data-plugin="membership" aria-hidden="true">
        <div class="modal-content w-[calc(100vw-2rem)] max-w-2xl">
            <div class="modal-header">
                <h3 id="membership-profile-modal-title">Profile</h3>
                <button type="button" class="close-btn membership-modal-close" aria-label="Close">&times;</button>
            </div>
            <div class="modal-body">
                <div id="membership-profile-form-fields"></div>
            </div>
        </div>
    </div>
</main>
{% endblock %}