{% extends '@PrestaShop/Admin/layout.html.twig' %}

{% block content %}
    {% block customhtmlgroup_list %}
        <div class="row">
            <div class="col">
                {% include '@PrestaShop/Admin/Common/Grid/grid_panel.html.twig' with {'grid': customHtmlGroupGrid} %}
            </div>
        </div>
    {% endblock %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        $(document).ready(function () {
            const customhtmlgroupGrid = new window.prestashop.component.Grid('customhtmlgroup');

            customhtmlgroupGrid.addExtension(new window.prestashop.component.GridExtensions.SortingExtension());
            customhtmlgroupGrid.addExtension(new window.prestashop.component.GridExtensions.FiltersResetExtension());
            customhtmlgroupGrid.addExtension(new window.prestashop.component.GridExtensions.ColumnTogglingExtension());
            customhtmlgroupGrid.addExtension(new window.prestashop.component.GridExtensions.SubmitRowActionExtension());
        });
    </script>
{% endblock %}