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

{% block admin_content %}
<div class="admin-inbox-page mx-auto w-full max-w-screen-2xl px-3 py-5 text-foreground sm:px-6 lg:px-8" data-plugin="core-inbox">
    {{ crud::shell_open(config_url="/plugins/core-inbox/assets/admin/inbox_list.json", mount_id="admin-inbox-list", custom_mount=true) }}
    <div class="blocks-responsive-table">
        <table class="w-full min-w-[42rem] text-left">
            <thead></thead>
            <tbody>
                {{ spinner::table_skeleton(colspan=5, lines=3, label="Loading messages…") }}
            </tbody>
        </table>
    </div>
    {{ crud::shell_close() }}
</div>

{{ modal::modal(id="messageModal", title="Message Details", size="md", body_html='<p class="mb-2"><strong>From:</strong> <span id="msgName"></span> (<span id="msgEmail"></span>)</p><hr class="my-4 border-divider"><p id="msgBody" class="max-w-full whitespace-pre-wrap break-words"></p>', footer_html='<button type="button" class="blocks-button blocks-button-secondary" data-dismiss-msg-modal>Close</button>') }}
{% endblock %}