{% extends 'App/_include/_layout.main.html.twig' %}
{% block page_content %}
    <div class="cell small-12">
        <div class="grid-x header_title_and_action">
            <div class="cell small-12  medium-auto header_title">
                <h1><i class="fa fa-file-text-o"></i>{{ 'kanban_fs.list.title'|trans }}</h1>
            </div>
            <div class="cell small-12  medium-shrink header_action">
                <button type="button" class="button save small no-mb" data-open="modal_add_kanban" ><i class="fa fa-plus"></i> {{ 'kanban_fs.button.add.text'|trans }}</button>
            </div>
        </div>
    </div>

    <div class="cell small-12">
        <div id="dtKanbanFS" class="grid-x"></div>
        {% if dt_settings.data.data_set|length < 1 %}
            <p class="mt-2 text-center">{{ 'emptyData'|trans }}</p>
        {% endif %}
    </div>

    {# Modal Add kanban #}
    <div class="reveal" id="modal_add_kanban" data-reveal>
        <div class="reveal-title">{{ 'kanban_fs.modal.add.title'|trans }}</div>
        <div class="reveal-body">
            {% if meet_minimum_requirements %}
                {{ form_start(form_add_kanban,{'attr':{'id':'form_add_kanban'}}) }}
                {{ form_end(form_add_kanban) }}
            {% else %}
                <h4>{{ 'kanban_fs.requirement.title'|trans }}</h4>
                <p>{{ 'kanban_fs.requirement.body'|trans }}
                    <a href="{{ url('app_article_add') }}" class="button tiny save no-mb">
                        {{ 'kanban_fs.requirement.article.add'|trans }}
                    </a>
                </p>
            {% endif %}
        </div>
        {% if meet_minimum_requirements %}
            <div class="reveal-footer">
                <button type="button" class="button small cancel" data-close>{{ 'cancel'|trans }}</button>
                <button type="button" class="button small save" id="btn_confirm_add_kanban">{{ 'save'|trans }}</button>
            </div>
        {% endif %}
        <button class="close-button"  data-close aria-label="Close modal" type="button">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>

    <div class="reveal red" id="modalDeleteKanban" data-reveal>
        <div class="reveal-title">{{ 'kanban_fs.title.delete'|trans }}</div>
        <div class="reveal-body">
            {{ 'kanban_fs.message.delete' }}
        </div>
        <div class="reveal-footer">
            <button data-close class="button small cancel">{{ 'cancel'|trans }}</button>
            <button id="btn_confirm_delete_kanban_fs" class="button small save">{{ 'delete'|trans }}</button>
        </div>
        <button class="close-button"  data-close aria-label="Close modal" type="button">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>

    <div class="reveal" id="modalCloneKanban" data-reveal>
        <div class="reveal-title">{{ 'kanban_fs.title.clone'|trans }}</div>
        <div class="reveal-body">
            {{ 'kanban_fs.message.clone.text'|trans }}
        </div>
        <div class="reveal-footer">
            <button data-close class="button small cancel">{{ 'cancel'|trans }}</button>
            <button class="button small save" id="btn_submit_clone_kanban">{{ 'clone'|trans }}</button>
        </div>
        <button class="close-button"  data-close aria-label="Close modal" type="button">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>

    {# MODAL RAPPORTS #}
    {% include 'App/_include/_rapport/rapport.html.twig' with {'kanban_type':constant('App\\Entity\\Kanban\\KanbanType::FS')} %}
    {# MODAL EXPORT #}
    {% include 'App/_include/_export/_modal.export.html.twig' with {'title': 'export_kb_fab.modal.title'|trans } %}
    {# MODAL IMPORT #}
    {% import 'App/_include/_import/_modal.import.html.twig' as macro_import_html %}
    {% if is_granted('ROLE_APP_SUB_IMPORT_KB_FS') %}
        {{ macro_import_html.html_import(formImport, 'kanban.title.import'|trans, 0) }}
    {% else %}
        {{ macro_import_html.html_import_not_allowed('modal.title.import_not_allowed'|trans, 0) }}
    {% endif %}
    {% if is_granted('ROLE_APP_SUB_IMPORT_CMJ') %}
        {{ macro_import_html.html_import(formImport2, 'cmj.title.import'|trans, 1) }}
    {% else %}
        {{ macro_import_html.html_import_not_allowed('modal.title.import_not_allowed'|trans, 1) }}
    {% endif %}
{% endblock %}


{% block javascript_footer %}
    {{ parent() }}
    <script>
        $(document).ready(function() {
{#            {% if dt_settings.data.data_set|length > 0 %}#}
                {% if is_granted('ROLE_APP_SUB_IMPORT_KB_FS') or is_granted('ROLE_APP_SUB_IMPORT_CMJ') %}
                    {% import 'App/_include/_import/_modal.import.js.twig'  as macro_import_js %}
                    {{ macro_import_js.js_import_general_functions() }}
                {% endif %}
                {% if is_granted('ROLE_APP_SUB_IMPORT_KB_FS') %}
                    {{ macro_import_js.js_import('kanban', 0, 'import_kanban_with_lines',constant('App\\Entity\\Kanban\\KanbanType::FS')) }}
                {% endif %}
                {% if is_granted('ROLE_APP_SUB_IMPORT_CMJ') %}
                    {{ macro_import_js.js_import('kanban', 1, 'import_cmj',constant('App\\Entity\\Kanban\\KanbanType::FS')) }}
                {% endif %}
                {% include 'App/_include/_export/_modal.export.js.twig'  %}
                let dtToolbar_test = new dtToolbar(document.getElementById('dtKanbanFS'),  {{ dt_settings|json_encode|raw }}, [{'type':'button','title':'{{ "datatable.custom_button.report"|trans }}', 'id':'btn_generate_rapports','icon':'fa-book'},{'type':'button','title': '{{ "datatable.custom_button.export" | trans }}', 'id':'btn_call_export','icon':'fa-cloud-upload'}, {'type':'button','title': '{{ "datatable.custom_button.import" | trans }}', 'id':{% if is_granted('ROLE_APP_SUB_IMPORT_KB_FS') %}'btn_call_import'{% else %}'btn_call_import_not_allowed'{% endif %},'icon':'fa-cloud-download'},{'type':'button','title': '{{ "datatable.custom_button.import_cmj" | trans }}', 'id':{% if is_granted('ROLE_APP_SUB_IMPORT_CMJ') %}'btn_call_import_cmj'{% else %}'btn_call_import_cmj_not_allowed'{% endif %},'icon':'fa-download'}]);
                    $(dtToolbar_test).on('row.click', function(e, id){
                        let url = "{{ url('app_kanban_fs_edit',{'kanban':'__00__'}) }}";
                        window.location = url.replace('__00__', id);
                    });
                    $(dtToolbar_test).on('row.click_action', function(e, data){
                        let item_id = data.id;
                        if(data.target.classList.contains('btnOpenModalDuplicateKanban')){
                            $('#modalCloneKanban').foundation('open');
                            $('#btn_submit_clone_kanban').click(function () {
                                let url = "{{ url('app_kanban_fs_clone', {'kanban': '__00__'}) }}";
                                url = url.replace('__00__', item_id);
                                window.location = url
                            });
                        }
                        else if(data.target.classList.contains('btnOpenModalDeleteKanban')){
                            $('#modalDeleteKanban').foundation('open');
                            $('#btn_confirm_delete_kanban_fs').click(function () {
                                $(this).html(btn_spin);
                                let url = "{{ url('app_kanban_fs_delete', {'kanban':'__00__'}) }}";
                                url = url.replace('__00__', item_id);
                                window.location = url;
                            });
                        }
                    });

                $(dtToolbar_test).on('btn_custom.click', function(e, data){
                    if(data.id === 'btn_generate_rapports'){
                        // If 0 kanban selected, so don't do anything
                        if (data.data.length > 0){
                            openModalRapport(data.data, "{{ constant('App\\Entity\\Kanban\\KanbanType::FS') }}");
                        }
                    }
                    else if(data.id === 'btn_call_export'){
                        selected_ids = data.data;
                        $('#modalExportFile').foundation('open');
                    }
                    {% if is_granted('ROLE_APP_SUB_IMPORT_KB_FS') %}
                    else if(data.id === 'btn_call_import'){
                        $('#modalStepFile_0').foundation('open');
                    }
                    {% else %}
                    else if(data.id === 'btn_call_import_not_allowed'){
                        $('#modalImportNotAllowed_0').foundation('open');
                    }
                    {% endif %}
                    {% if is_granted('ROLE_APP_SUB_IMPORT_CMJ') %}
                    else if(data.id === 'btn_call_import_cmj'){
                        $('#modalStepFile_1').foundation('open');
                    }
                    {% else %}
                    else if(data.id === 'btn_call_import_cmj_not_allowed'){
                        $('#modalImportNotAllowed_1').foundation('open');
                    }
                    {% endif %}
                });
                 // MODAL RAPPORTS
                {% include 'App/_include/_rapport/rapport.js.twig' %}

{#            {% endif %}#}
            {% if meet_minimum_requirements %}
                $('#btn_confirm_add_kanban').click(function(){
                    $(this).html(btn_spin);
                    $('#form_add_kanban').submit();
                });
            {% endif %}
        });
    </script>
{% endblock %}