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

{% block page_title %}Bulk Fulfillment{% endblock %}

{% block admin_content %}
<main class="mx-auto w-full max-w-7xl space-y-4 px-4 py-6 text-foreground sm:px-6 lg:py-10" data-plugin="bulk-fulfillment">
  <p id="bulk-fulfillment-status" class="text-sm text-muted" role="status" aria-live="polite"></p>
{{ crud::shell_open(config_url="/plugins/bulk-fulfillment/assets/admin/rules_list.json", mount_id="bulk-fulfillment-rules", custom_mount=true) }}

<table>
    <thead></thead>
    <tbody>
        <tr><td colspan="8" class="crud-empty-state">Loading rules…</td></tr>
    </tbody>
</table>

{{ crud::shell_close() }}

<div id="bulk-fulfillment-rule-modal" class="crud-modal" aria-hidden="true">
    <div class="modal-content w-full max-w-3xl">
      <div class="modal-header">
        <h2 id="bulk-fulfillment-rule-modal-title">Rule</h2>
        <button type="button" class="close-modal" aria-label="Close">&times;</button>
      </div>
      <div class="modal-body">
        <div id="bulk-fulfillment-rule-form-fields"></div>
      </div>
    </div>
  </div>
</main>
{% endblock %}

{% block scripts %}
<script src="/static/js/blocks-plugin-bridge.js"></script>
<script src="/plugins/bulk-fulfillment/assets/js/bulk-fulfillment-admin.js"></script>
{% endblock %}