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

{% block page_title %}Products{% endblock %}
{% block admin_content %}
<main class="mx-auto w-full space-y-5 px-4 py-5 sm:px-6 lg:py-8">
    {{ mh::management_header_simple(title="Product workspace", subtitle="Edit products in rows, paste repeated values, and manage related details in one place.") }}
    <div data-catalog-feedback class="blocks-workspace-notice" role="status" aria-live="polite" tabindex="-1" hidden></div>
    <a data-catalog-provider-settings href="/plugins/core-marketplace/marketplace" class="blocks-button blocks-button-secondary" hidden>Review optional plugins</a>
    <section id="catalog-product-workspace" data-config-url="/plugins/catalog/assets/admin/product_workspace.json" aria-label="Product workspace"><p class="p-5" role="status">Loading product workspace…</p></section>
    <div id="products-table" data-config-url="/plugins/catalog/assets/admin/products_crud_form.json" hidden></div>
    <div id="catalog-admin-data" hidden data-currency="{{ currency_symbol | default(value='₹') }}" data-image-provider="{{ plugin_settings.image_provider | default(value='url') }}"></div>
    <script type="application/json" id="catalog-active-plugins">{{ active_plugins | default(value=[]) | json_encode | replace(from="</script>", to="<\\/script>") | safe }}</script>
</main>
{% endblock %}

{% block scripts %}
<script src="/static/js/blocks-plugin-bridge.js"></script>
<script src="/static/js/blocks-spreadsheet-grid.js?v={{ asset_version | default(value='1') }}"></script>
<script src="/static/js/blocks-record-workspace.js?v={{ asset_version | default(value='1') }}"></script>
<script src="/static/js/blocks-record-tree-workspace.js?v={{ asset_version | default(value='1') }}"></script>
<script src="/plugins/catalog/assets/js/catalog-product-form-extensions.js?v=linked-fields-v1"></script>
<script src="/plugins/catalog/assets/js/products-admin.js?v=grid-restored-v1" defer></script>
{% endblock %}