{% extends "admin_base.html" %}

{% block page_title %}Checkout Settings{% endblock %}
{% block admin_content %}
<main class="blocks-workspace mx-auto w-full max-w-7xl min-w-0 px-4 py-6 sm:px-6" aria-labelledby="checkout-settings-title">
    <header class="mb-6">
        <p class="mb-1 text-sm font-semibold uppercase tracking-wide text-brand">Commerce</p>
        <h1 id="checkout-settings-title" class="text-2xl font-bold tracking-tight text-foreground sm:text-3xl">Checkout settings</h1>
        <p class="mt-2 max-w-3xl text-sm text-muted sm:text-base">Review customer carts and their contents. Cart records are read-only; payment and order changes happen in their owning workspaces.</p>
    </header>
    <section aria-label="Customer carts">
        <div id="crud-table-container" class="min-w-0" aria-live="polite"></div>
    </section>
</main>

<div id="checkout-admin-data" hidden
     data-currency="{{ settings.currency_symbol | default(value='₹') }}"></div>

{% endblock %}

{% block scripts %}
<script src="/plugins/checkout/assets/js/checkout_admin.js" defer></script>
{% endblock %}