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

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

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

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