{% 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>{{ 'etiquettes.list.title.text'|trans }} <em>{{ etiquette.numSerie~"-"~etiquette.numero }}</em></h1>
            </div>
            <div class="cell small-12  medium-shrink header_action">
                <button type="button" id="call_previous_element" class="call_previous_next_element" title="{{ 'previous'|trans }}"></button>
                <button type="button" id="call_next_element" class="call_previous_next_element" title="{{ 'next'|trans }}"></button>
                <button type="button" class="button blue small" data-open="modal_print"><i class="fa fa-print"></i> {{ 'print.button.print'|trans }}</button>
                <button type="button" class="button purple small" data-open="modalCloneKanban"><i class="fa fa-files-o"></i> {{ 'clone'|trans }}</button>
                <button type="button" class="button save small" data-open="modalDeleteEtiquette"><i class="fa fa-trash"></i> {{ 'delete'|trans }}</button>
            </div>
        </div>
    </div>
    <div class="cell small-12">
        <div class="grid-x grid-padding-x">
            <div class="cell small-12 medium-4">
                <div class="listing"><span>{{ 'kanban.label'|trans }}</span><b><a href="{% if kanban_type.code == "APPRO" %}{{ url('app_kanban_appro_edit', {'kanban':kanban.id}) }} {% elseif kanban_type.code == "FAB" %}{{ url('app_kanban_fab_edit', {'kanban':kanban.id}) }}{% endif %}">{{ 'kanban.label'|trans }}</a></b></div>
            </div>
            <div class="cell small-12 medium-4">
               <div class="listing"><span>{{ 'kanban.article.label'|trans }}</span><b><a href="{{ url('app_article_edit', {'article':kanban.article.id}) }}">{{ kanban.article }}</a></b></div>
            </div>
            <div class="cell small-12 medium-4">
                <div class="listing"><span>{{ 'kanban.section.label'|trans }}</span><i class="fa fa-industry mr-0-5"></i><b>{{ kanban.section }}</b></div>
            </div>
        </div>
    </div>
    <div class="cell small-12">
        <ul class="tabs" id="main_tabs">
            {% for tab_code, tab_url in tabs %}
                {% set trans_key = 'kanban.tab.' ~ tab_code %}
                <li class="tabs-title"><a href="{{ url('app_kanban_etiquette_colis_edit',{'etiquette':etiquette.id, 'tab':tab_url}) }}" {% if tab == tab_url %}aria-selected="true"{% endif %}>{{ trans_key|trans }}</a></li>
            {% endfor %}
        </ul>
        {% for file, url in tabs %}
            {% if tab == url %}
                <div class="tabs-content {% if file == 'ETIQ' %}no-pt{% endif %}" data-tabs-content="main_tabs">
                    <div class="grid-x {% if file != 'ETIQ' %}grid-padding-x{% endif %}">
                        {% set filename = '_' ~ loop.index ~ '_' ~ file|lower ~ '.html.twig' %}
                        {% include 'App/Kanban/EtiquetteColis/_html/' ~ filename %}
                    </div>
                </div>
            {% endif %}
        {% endfor %}
    </div>

    {# MODAL DELETE #}
    <div class="reveal red" id="modalDeleteEtiquette" data-reveal>
        <div class="reveal-title">{{ 'etiquette_colis.modal.delete.title'|trans }}</div>
        <div class="reveal-body">{{ 'etiquette_colis.modal.delete.body'|trans }}</div>
        <div class="reveal-footer">
            <button data-close class="button small cancel">{{ 'cancel'|trans }}</button>
            <button id="btnDeleteEtiquette" class="button small delete">{{ 'delete'|trans }}</button>
        </div>
        <button class="close-button"  data-close aria-label="Close modal" type="button">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>

    {# MODAL CLONE #}
    <div class="reveal" id="modalCloneKanban" data-reveal>
        <div class="reveal-title">{{ 'etiquette_colis.clone.title.message'|trans }}</div>
        <div class="reveal-body">
            {{ 'etiquette_colis.clone.body.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 printer setting #}
    {% set kb_type_code = kanban.type.code %}
{% include 'App/_include/_print/print.html.twig' %}

{% endblock %}


{% block javascript_footer %}
    {{ parent() }}
    <script>
        $(document).ready(function() {
            {% include 'App/_include/_print/print.js.twig' %}
            let selected_ids = [{{ kanban.id }}];
            let kb_type_code = {{ kb_type_code|json_encode|raw }};


            $('#btn_submit_clone_kanban').click(function () {
                window.location = "{{ url('app_kanban_etiquette_colis_clone', {'etiquette': etiquette.id}) }}";
            });

            {% for file, url in tabs %}
                {% if tab == url %}
                    {% set filename = '_' ~ loop.index ~ '_' ~ file|lower ~ '.js.twig' %}
                    {% include 'App/Kanban/EtiquetteColis/_js/' ~ filename %}
                {% endif %}
            {% endfor %}



            let btn_delete_etiquette = $('#btnDeleteEtiquette'),
                url_delete_etiquette = "{{ url('app_kanban_etiquette_colis_delete', {'etiquette': etiquette.id}) }}",
                btn_delete_clicked = false;
            $(btn_delete_etiquette).unbind('click');
            $(btn_delete_etiquette).bind('click', function () {
                if (!btn_delete_clicked){
                    btn_delete_clicked = true;
                    let initial_btn = $(btn_delete_etiquette).html();
                    $(btn_delete_etiquette).html(btn_spin);
                    $.ajax({
                        url: url_delete_etiquette,
                        method: "POST",
                        data: {token : "{{ csrf_token('app_kanban_etiquette_colis_delete') }}"},
                        success: function (response) {
                            if (response.hasOwnProperty('result')){
                                if (response.result){
                                    window.location = "{{ url('app_kanban_etiquette_colis_list') }}";
                                }
                            }
                        },
                        error: function () {
                            $(btn_delete_etiquette).html(initial_btn);
                        }
                    })
                }
            });
        });
    </script>

{% endblock %}