{% 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 }}</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="modalDeleteKanban"><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-6">
               <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-6">
                <div class="listing"><span>{{ 'kanban.section.label'|trans }}</span><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_appro_edit',{'kanban':kanban.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 printer setting #}


{% endblock %}



{% block javascript_footer %}
    {{ parent() }}

{% endblock %}