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

{% block page_title %}Sales Tax Rules{% endblock %}

{% block admin_content %}
<main class="mx-auto w-full max-w-6xl px-4 py-6 md:px-6" data-business-tax-workspace>
    <p class="mb-4 rounded-lg border border-warning/30 bg-warning/10 p-3 text-sm text-foreground">Use rates and price treatment confirmed by your accountant. Blocks does not select legal rates, split government tax components, file returns, or certify invoices.</p>
    {{ crud::shell_open(config_url="/plugins/business-tax/assets/admin/rules_list.json", mount_id="business-tax-rules", custom_mount=true) }}
    <div class="overflow-x-auto"><table><thead></thead><tbody><tr><td colspan="6" class="crud-empty-state text-center py-5 text-muted">Loading tax rules…</td></tr></tbody></table></div>
    {{ crud::shell_close() }}
    <div id="business-tax-rule-modal" class="crud-modal" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="business-tax-modal-title">
        <div class="modal-content">
            <div class="modal-header"><h2 id="business-tax-modal-title">Add a tax rule</h2><button type="button" class="close-modal" aria-label="Close">&times;</button></div>
            <div class="modal-body"><div id="business-tax-rule-form"></div></div>
        </div>
    </div>
</main>
{% endblock %}

{% block scripts %}
<script src="/plugins/business-tax/assets/js/business_tax_admin.js" defer></script>
{% endblock %}