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

{% block page_title %}Tenants{% endblock %}
{% block admin_content %}
<div class="admin-tenants-page" data-plugin="core-tenants"
     data-domain-name="{{ domain_name }}">

{{ crud::shell_open(config_url="/plugins/core-tenants/assets/admin/tenants_list.json", mount_id="core-tenants-list", custom_mount=true) }}
<div data-crud-toolbar-extra data-crud-toolbar-placement="actions">
    <div class="flex flex-wrap items-center gap-3 rounded-xl border border-divider bg-surface px-3 py-2" id="platformOpsBar"
         data-cache-epoch="{{ platform_ops.cache_epoch | default(value=0) }}"
         data-admission-enabled="{% if platform_ops.admission_enabled | default(value=true) %}true{% else %}false{% endif %}">
        <button type="button" class="blocks-button blocks-button-secondary blocks-button-sm" id="platformBumpCacheBtn" title="Invalidate cached storefront blocks for all tenants">
            <i class="fas fa-rotate" aria-hidden="true"></i> Bump cache epoch
        </button>
        <label class="inline-flex min-h-11 cursor-pointer select-none items-center gap-2 text-sm text-foreground" title="When off, RPS and WASM queue limits are bypassed platform-wide">
            <input type="checkbox" class="size-5 accent-brand" id="platformAdmissionToggle"{% if platform_ops.admission_enabled | default(value=true) %} checked{% endif %}>
            <span>Resource throttling</span>
        </label>
        <span id="platformOpsWarning" class="blocks-status-pill is-warning hidden" role="status">
            Throttling off
        </span>
    </div>
    <a href="/plugins/core-tenants/provision" class="blocks-button blocks-button-secondary" data-admin-page-link="core-tenants:provision">
        Full provision…
    </a>
    <a href="/plugins/core-tenants/ops-script" class="blocks-button blocks-button-secondary">
        Ops Script
    </a>
</div>
<table>
    <thead></thead>
    <tbody>
        {{ spinner::table_skeleton(colspan=7, lines=4, label="Loading tenants…") }}
    </tbody>
</table>
{{ crud::shell_close() }}

<!-- Create Tenant Modal -->
{{ modal::modal(id="createTenantModal", title='<span id="createTenantModalTitle">Create New Tenant</span>', body_html='<p class="mb-4 text-sm text-muted">Result: <span id="previewUrl">…</span>.' ~ domain_name ~ '</p><div id="create-tenant-form-fields"></div>', extra_class="max-w-lg") }}

<!-- Action Sidebar -->
<div id="actionSidebar" class="blocks-sidepanel-backdrop" data-state="closed" aria-hidden="true">
    <section class="blocks-sidepanel" role="dialog" aria-modal="true" aria-labelledby="sidebarTitle" tabindex="-1">
        <div class="blocks-sidepanel-header">
            <div>
                <h2 id="sidebarTitle" class="m-0 text-base font-semibold text-foreground">Manage Tenant</h2>
                <p id="sidebarSubdomain" class="mb-0 mt-1 text-sm text-brand"></p>
            </div>
            <button type="button" data-tenant-action="close" class="blocks-icon-button" aria-label="Close tenant actions">&times;</button>
        </div>
        <div class="blocks-sidepanel-body">
            <input type="hidden" id="currentTenantName">
            <input type="hidden" id="currentTenantDomain">
            <input type="hidden" id="currentTenantFixedFee">
            <input type="hidden" id="currentTenantProfileName">
            <input type="hidden" id="currentTenantMktAccess">

            <button type="button" data-tenant-action="visit-store" class="blocks-sidepanel-action">
                <span class="inline-flex w-7 justify-center" aria-hidden="true">🔗</span> Visit Store
            </button>
            <button type="button" data-tenant-action="god-mode" class="blocks-sidepanel-action text-brand">
                <span class="inline-flex w-7 justify-center" aria-hidden="true">✨</span> God Mode
            </button>

            <hr class="blocks-sidepanel-divider">

            <button type="button" data-tenant-action="extend-expiry" class="blocks-sidepanel-action">
                <span class="inline-flex w-7 justify-center" aria-hidden="true">📅</span> Extend Expiry (+30 Days)
            </button>
            <button type="button" data-tenant-action="toggle-status" class="blocks-sidepanel-action">
                <span class="inline-flex w-7 justify-center" aria-hidden="true">⏯️</span> Toggle Status (Disable/Enable)
            </button>

            <hr class="blocks-sidepanel-divider">

            <button type="button" data-tenant-action="reset-data" class="blocks-sidepanel-action blocks-sidepanel-action-danger">
                <span class="inline-flex w-7 justify-center" aria-hidden="true">🧹</span> Reset Data
            </button>
            <button type="button" data-tenant-action="delete-tenant" class="blocks-sidepanel-action blocks-sidepanel-action-danger">
                <span class="inline-flex w-7 justify-center" aria-hidden="true">🗑️</span> Delete Tenant
            </button>
        </div>
    </section>
</div>

</div>
{% endblock %}

{% block scripts %}
<script src="/plugins/core-tenants/assets/js/admin_tenants.js?v={{ asset_version | default(value='1') }}"></script>
{% endblock %}