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

{% block page_title %}Product Variants{% endblock %}

{% block admin_content %}
{{ crud::shell_open(config_url="/plugins/product-variants/assets/admin/variants_list.json", mount_id="product-variants-list", custom_mount=true) }}

<table>
    <thead></thead>
    <tbody>
        <tr><td colspan="9" class="crud-empty-state" role="status">Loading variants…</td></tr>
    </tbody>
</table>

{{ crud::shell_close() }}

<div id="product-variant-modal" class="crud-modal" aria-hidden="true">
  <div class="modal-content mx-auto w-[min(94vw,45rem)] max-w-3xl" role="dialog" aria-modal="true" aria-labelledby="product-variant-modal-title">
    <div class="modal-header">
      <h2 id="product-variant-modal-title">Variant</h2>
      <button type="button" class="close-modal" aria-label="Close">&times;</button>
    </div>
    <div class="modal-body">
      <div id="product-variant-form-fields"></div>
    </div>
  </div>
</div>
{% endblock %}

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