{% 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 %}Users{% endblock %}

{% block extra_head %}
{% endblock %}

{% block admin_content %}
<div data-plugin="core-users" data-root-tenant="{% if tenant_name == config_tenant %}true{% else %}false{% endif %}" data-domain-name="{{ domain_name | default(value='') }}" data-config-tenant="{{ config_tenant | default(value='') }}" data-tenant-name="{{ tenant_name | default(value='') }}">
    {{ crud::shell_open(config_url="/plugins/core-users/assets/admin/users_page.json", mount_id="admin-users-header", custom_mount=true) }}
    {{ crud::shell_close() }}

    {{ crud::shell_open(config_url="/plugins/core-users/assets/admin/users_list.json", mount_id="admin-users-list", custom_mount=true) }}
    <table>
        <thead></thead>
        <tbody>
            {{ spinner::table_skeleton(colspan=6, lines=4, label="Loading users…") }}
        </tbody>
    </table>
    {{ crud::shell_close() }}

    {{ crud::shell_open(config_url="/plugins/core-users/assets/admin/invites_list.json", mount_id="admin-users-invites-list", custom_mount=true) }}
    <table>
        <thead></thead>
        <tbody>
            {{ spinner::table_skeleton(colspan=4, lines=2, label="Loading invitations…") }}
        </tbody>
    </table>
    {{ crud::shell_close() }}
</div>

{{ modal::modal(id="inviteModal", title="Invite User", body_html='<div class="blocks-form-field"><label for="inviteEmail">Email (Google account)</label><input type="email" id="inviteEmail" class="blocks-input" placeholder="user@gmail.com" autocomplete="off"><small class="text-sm text-muted">They will sign in with this Google account via OAuth.</small></div><div class="blocks-form-field"><label for="inviteRole">Role</label><select id="inviteRole" class="blocks-input"><option value="user">User</option><option value="admin">Admin</option></select></div>', footer_html='<button type="button" class="blocks-button blocks-button-secondary" data-dismiss-invite-modal>Cancel</button><button type="button" class="blocks-button blocks-button-primary" id="sendInviteBtn">Send Invite</button>') }}

{{ modal::modal(id="tenantHistoryModal", title="Tenant interactions", title_html='Tenant interactions: <span id="tenantHistoryUserName"></span>', body_html='<div id="tenantHistoryContent"><div class="crud-empty-state">Loading…</div></div>', footer_html='<button type="button" class="blocks-button blocks-button-secondary" data-dismiss-tenant-history-modal>Close</button>', extra_class="max-w-[52rem]") }}

{{ modal::modal(id="operatorFootprintModal", title="Platform operators with tenant admin access", body_html='<div id="operatorFootprintContent"><div class="crud-empty-state">Loading…</div></div>', footer_html='<button type="button" class="blocks-button blocks-button-secondary" data-dismiss-operator-footprint-modal>Close</button>', extra_class="max-w-[56rem]") }}

{{ modal::modal(id="roleModal", title="Update Role", body_html='<input type="hidden" id="roleUserId"><div class="blocks-form-field"><label for="roleSelect">Role</label><select id="roleSelect" class="blocks-input"><option value="user">User</option><option value="admin">Admin</option></select></div>', footer_html='<button type="button" class="blocks-button blocks-button-secondary" data-dismiss-role-modal>Cancel</button><button type="button" class="blocks-button blocks-button-primary" id="saveRoleBtn">Save</button>') }}
{% endblock %}