{% extends 'App/_include/_layout.main.html.twig' %}


{% block page_content %}
    {% if is_granted('ROLE_APP_SUB_ETIQ_EDITOR') %}
    <div class="cell small-12 text-right">
        <a href="{{ url('app_sticker_add',{'type':'appro'}) }}" class="button save small" type="button"><i class="fa fa-plus"></i> {{ 'sticker.button.add.appro'|trans }}</a>
        <a href="{% if is_granted('ROLE_APP_SUB_KB_FAB_ACCESS') %}{{ url('app_sticker_add',{'type':'fab'}) }}{% else %}#{% endif %}" class="button {% if is_granted('ROLE_APP_SUB_KB_FAB_ACCESS') %}save{% else %}disabled{% endif %} small" type="button"><i class="fa fa-plus"></i> {{ 'sticker.button.add.fab'|trans }}</a>
        <a href="{% if is_granted('ROLE_APP_SUB_KB_FS_ACCESS') %}{{ url('app_sticker_add',{'type':'fs'}) }}{% else %}#{% endif %}" class="button {% if is_granted('ROLE_APP_SUB_KB_FS_ACCESS') %}save{% else %}disabled{% endif %} small" type="button"><i class="fa fa-plus"></i> {{ 'sticker.button.add.fs'|trans }}</a>
        <a href="{{ url('app_sticker_add',{'type':'el'}) }}" class="button save small" type="button"><i class="fa fa-plus"></i> {{ 'sticker.button.add.el'|trans }}</a>
    </div>
    <div class="cell small-12">
        <div id="dt_container" class="grid-x"></div>
        {% if dt_settings.data.data_set|length < 1 %}
            <p class="mt-2 text-center">{{ 'emptyData'|trans }}</p>
        {% endif %}
    </div>
    {% endif %}
{% endblock %}

{% block javascript_footer %}
    {{ parent() }}
    {% if is_granted('ROLE_APP_SUB_ETIQ_EDITOR') %}
    <script>
        $(document).ready(function(){
            {% if dt_settings.data.data_set|length > 0 %}
                let dtToolbar_sticker = new dtToolbar(document.getElementById('dt_container'),  {{ dt_settings|json_encode|raw }});

                {# Edit #}
                $(dtToolbar_sticker.table).children('tbody').on( 'click', '.editSticker', function (e){
                    let current_sticker_id = $(this).data('sid');
                    let url = "{{ url('app_sticker_edit',{'etiquette':'__00__'}) }}";
                    url = url.replace('__00__',current_sticker_id);
                    window.location = url;

                });
                {# Clone #}
                $(dtToolbar_sticker.table).children('tbody').on( 'click', '.cloneSticker', function (e){
                    let current_sticker_id = $(this).data('sid');
                    let url = "{{ url('app_sticker_clone',{'etiquette':'__00__'}) }}";
                    url = url.replace('__00__',current_sticker_id);
                    window.location = url;

                });
                {# Toggle #}
                $(dtToolbar_sticker.table).children('tbody').on( 'click', '.btnOpenModalDeleteSticker', function (e){
                    let current_sticker_id = $(this).data('sid');
                    let url = "{{ url('app_sticker_toggle',{'etiquette':'__00__'}) }}";
                    url = url.replace('__00__',current_sticker_id);
                    window.location = url;
                });
            {% endif %}
        });
    </script>
    {% endif %}
{% endblock %}