{% extends 'App/_include/_layout.main.html.twig' %}
{% import 'App/_macro/_datatable.twig' as macro_dt %}

{% block page_content %}

    <div class="cell small-12">
        <h1 class="underlined">{{ 'article.list.title'|trans }}</h1>
        <div id="dtTest" class="grid-x">

        </div>
    </div>

    {{ macro_dt.datatable(screen_code~'_22', dt_data, dt_settings) }}




{% endblock %}

{% block javascript_footer %}
    {{ parent() }}
    <script>
        $(document).ready(function() {
            let dtToolbar_test = new dtToolbar(document.getElementById('dtTest'), {
                table_id: '{{ screen_code }}',
                settings: {{ dt_settings|json_encode|raw }},
                data: {{ dt_data|json_encode|raw }},
                translator: [],
                interactions:{
                    save: {
                        token: "{{ csrf_token('app_screen_settings_save') }}",
                        url:"{{ url('app_screen_settings_save') }}"
                    },
                    delete: {
                        token: "{{ csrf_token('app_screen_settings_delete') }}",
                        url:"{{ url('app_screen_settings_delete') }}"
                    },
                    edit: {
                        token: "{{ csrf_token('app_screen_settings_edit') }}",
                        url:"{{ url('app_screen_settings_edit') }}"
                    }
                }
            });
        });
    </script>
{% endblock %}