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

{% block page_title %}Customizer Fulfillment{% endblock %}

{% block extra_head %}
<link rel="stylesheet" href="/plugins/customizer/assets/css/customizer.ui.css">
{% endblock %}

{% block admin_content %}
{{ mh::management_header_simple(
    title="Fulfillment queue",
    subtitle="Custom order line items awaiting production. Output jobs (PDF, e-sign) appear when templates are configured.",
    actions_html='',
    wrapper_class="management-header",
    title_heading="h1"
) }}

<div class="blocks-workspace mx-auto w-full max-w-7xl px-4 py-6 sm:px-6">
<div id="customizer-fulfillment-admin" data-api-list="/plugins/customizer/api-fulfillment-list" data-api-jobs="/plugins/customizer/api-output-jobs-list"></div>
</div>
<script src="/plugins/customizer/assets/js/fulfillment_admin.js" defer></script>
{% endblock %}