{% extends "admin_base.html" %}
{% import "macros/admin_management_header.html" as mh %}

{% block page_title %}Collections{% endblock %}

{% block admin_content %}
<main class="mx-auto w-full max-w-7xl space-y-5 px-4 py-5 sm:px-6 lg:py-8">
    {{ mh::management_header_simple(title="Collections", subtitle="Group products into themed collections for your storefront.", include_actions_column=false) }}
    <div data-catalog-collections-feedback class="blocks-workspace-notice" role="status" aria-live="polite" tabindex="-1" hidden></div>
    <section class="min-w-0 overflow-hidden rounded-2xl border border-divider bg-surface shadow-sm" aria-label="Collections list">
        <div id="collections-table" class="min-w-0"></div>
    </section>
</main>

<div id="catalog-admin-data"
    data-currency="{{ currency_symbol | default(value='₹') }}"
    data-image-provider="{{ plugin_settings.image_provider | default(value='url') }}"
    hidden></div>
{% endblock %}

{% block scripts %}
<script src="/static/js/blocks-admin-modal.js"></script>
<script src="/plugins/catalog/assets/catalog-schemas.js"></script>
<script src="/plugins/catalog/assets/js/rule-builder.js"></script>
<script src="/plugins/catalog/assets/collections.js?v=variant-membership-v1"></script>
{% endblock %}