{% extends "base.html.twig" %}
    {% trans_default_domain 'admin' %}

{% block body %}

    {% if allow_create_new %}
        <a class='btn btn-action btn-sm' href='{{ create_new_route }}'>
    {% else %}
        <a class='btn btn-action btn-sm disabled' aria-disabled='true'>
    {% endif %}
        <i class='fa fa-plus fa-fw icon'></i><span>{% block create_new %}{{ 'admin.default.actions.new'|trans }}{% endblock %}</span>
    </a>

    <!-- Insert this where you want the table to appear -->
    <div id="data"><i class="fa fa-spinner fa-spin"></i> {{'admin.default.loading'|trans}}</div>

{% endblock %}

{% block scripts_end_page %}
    {{ parent() }}

    {# FIX : problème avec asset() qui ne fonctionne pas dans les bundles #} 
    {# <script src="{{ asset('bundles/datatables/js/datatables.js') }}" defer></script> #}
    <script src="/bundles/datatables/js/datatables.js" defer></script>
    
    <!-- Insert this at the end of your body element, but before the closing tag -->

    <script>
    $(async function() {
        await setTimeout(5000);
        $('#data').initDataTables(
            {{ datatable_settings(datatable) }},
            {
                ordering: true,
                searching: true
            });
    })
    </script>

{% endblock %}