{% extends "admin_base.html" %}
{% import "macros/admin_bulk_mapping_grid.html" as bmg %}
{% import "macros/admin_pagination_footer.html" as pag %}

{% block page_title %}Cashback Mappings{% endblock %}

{% block admin_content %}
<main class="mx-auto w-full max-w-7xl space-y-5 p-4 sm:p-6" data-plugin="cashback-mappings">
    <header>
        <p class="text-sm font-semibold text-brand">Commerce · Rewards</p>
        <h1 class="text-2xl font-bold text-foreground sm:text-3xl">Product cashback</h1>
        <p class="mt-1 max-w-3xl text-sm text-muted">Set a flat cashback amount per product unit. Updates apply to future orders.</p>
    </header>
    <section class="min-w-0 overflow-hidden rounded-xl border border-divider bg-surface shadow-sm" aria-label="Product cashback mapping">
        {{ bmg::mount(
            config_url="/plugins/cashback/assets/admin/mappings_grid.json",
            pagination_prefix="cashback-mappings",
            currency_symbol=currency_symbol | default(value='₹'),
            mount_id="cashback-bulk-mapping-mount"
        ) }}
        {{ pag::simple_footer(prefix="cashback-mappings", page=1, total_pages=1, total=0, item_label="products") }}
    </section>
</main>
{% endblock admin_content %}

{% block scripts %}
<script src="/plugins/cashback/assets/js/cashback_mappings_grid.js"></script>
{% endblock %}