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

{% block page_title %}Ticket Templates{% endblock %}

{% block admin_content %}
<main class="mx-auto w-full max-w-7xl px-4 py-6 text-foreground sm:px-6 lg:px-8" aria-label="Ticket templates">
    {{ crud::shell_open(config_url="/plugins/howzzy/assets/admin/templates_list.json", mount_id="howzzy-templates-list", custom_mount=true) }}
    <table class="hidden" aria-hidden="true">
        <thead><tr></tr></thead>
        <tbody><tr><td>Loading ticket templates…</td></tr></tbody>
    </table>
    <p id="templateListFeedback" class="mb-4 rounded-lg border border-divider bg-surface px-3 py-2 text-sm text-muted" role="status" aria-live="polite" hidden></p>
    <div class="templates-grid mt-5 grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3" aria-live="polite"></div>
    {{ crud::shell_close() }}
</main>
{% endblock %}

{% block scripts %}
<script src="/plugins/howzzy/assets/js/ticket-renderer.js"></script>
<script src="/plugins/howzzy/assets/js/ticket-template-previews.js"></script>
<script src="/plugins/howzzy/assets/js/templates_list.js"></script>
{% endblock %}