{% trans_default_domain 'menu' %}

<div data-sticky-container>
    <div data-sticky data-options="marginTop:0;">
        <div class="title-bar" data-responsive-toggle="top-left-menu" data-hide-for="medium">
            <button class="menu-icon" type="button" data-toggle="top-left-menu"></button>
            <div class="title-bar-title">
                <a href="{{ url('app_index') }}" style="color: #fff">
                    <img src="{{ asset('images/logo_ad6_cube_only.svg') }}" alt="AD6-KanbanEdit 21c" style="margin-right: 0.2rem; width: 30px; margin-left: 1rem">
                    Kanban<span class="text-light">Edit</span>
                </a>
            </div>
        </div>
        <div class="top-bar" id="top-left-menu">
            <div class="top-bar-left">
               <ul class="vertical medium-horizontal dropdown menu" data-responsive-menu="accordion medium-dropdown">
                    <li class="menu-text brand hide-for-small-only">
                        <a href="{{ url('app_index') }}" style="padding-top: 0; padding-bottom: 0">
                            <img src="{{ asset('images/logo_ad6_cube_only.svg') }}" alt="AD6-KanbanEdit 21c" style="margin-right: 0.2rem; width: 28px;margin-top: -3px;">
                            <span style="display: inline-block">Kanban<span class="text-light">Edit</span></span>
                        </a>
                    <li>
                        <a href="javascript:void(0)"><i class="fa fa-cogs"></i>{{ 'settings.root'|trans }}</a>
                        <ul class="menu vertical nested xl">
                            <li><a href="{{ url('app_parametres_view') }}"><i class="fa fa-cog"></i>{{ 'parametres_edit'|trans }}</a></li>
                            <li><a href="{{ url('app_section_list') }}"><i class="fa fa-industry"></i>{{ 'settings.sections'|trans }}</a></li>
                            <li><a href="{{ url('app_fournisseur_list') }}"><i class="fa fa-truck"></i>{{ 'fournisseur.list'|trans }}</a></li>
                            <li><a href="{{ url('app_familleCmj_list') }}"><i class="fa fa-clipboard"></i>{{ 'cmj_family.list'|trans }}</a></li>
                            <li><a href="{{ url('app_color_list') }}"><i class="fa fa-tint"></i>{{ 'settings.colors'|trans }}</a></li>
                            <li><a href="{{ url('app_unit_list') }}"><i class="fa fa-thermometer-1"></i>{{ 'unite.list'|trans }}</a></li>
                            <li><a href="{{ url('app_dimension_list') }}"><i class="fa fa-ruler-vertical"></i>{{ 'dimension.list'|trans }}</a></li>
                            <li><a href="{{ url('app_calendar_view') }}"><i class="fa fa-calendar"></i>{{ 'calendar'|trans }}</a></li>
                            <li>
                                <a href="{% if is_granted('ROLE_APP_SUB_ETIQ_EDITOR') %}{{ url('app_sticker_list')}}{% else %}#{% endif %}"
                                   class="{% if not is_granted('ROLE_APP_SUB_ETIQ_EDITOR') %}disabled_text{% endif %}">
                                    <i class="fa fa-list-alt"></i>{{ 'settings.card_models'|trans }}
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:void(0)"><i class="fa fa-cube"></i>{{ 'article.root'|trans }}</a>
                        <ul class="menu vertical nested">
                            <li><a href="{{ url('app_article_list') }}"><i class="fa fa-cube"></i>{{ 'article.list'|trans }}</a></li>
                            <li><a href="{{ url('app_articlefamille_list') }}"><i class="fa fa-sitemap"></i>{{ 'articlefamille.list'|trans }}</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:void(0)"><i class="fa fa-tags"></i>{{ 'kanban.root'|trans }}</a>
                        <ul class="menu vertical nested xl">
                            <li><a href="{{ url('app_kanban_list') }}"><i class="fa fa-tag"></i>{{ 'kanban.list'|trans }}</a></li>
                            <li><a href="{{ url('app_etiquettelibre_list') }}"><i class="fa fa-tag"></i>{{ 'kanban.free_card'|trans }}</a></li>
                        </ul>
                    </li>
                   <li>
                       <a href="javascript:void(0)"><i class="fa fa-print "></i>{{ 'print'|trans }}</a>
                       <ul class="menu vertical nested xl">
                            {% if is_granted('ROLE_APP_SUB_KB_ELECTRONIQUE') == false %}
                                <li><a href="{{ url('app_print_list',{'code': constant('App\\Entity\\Kanban\\KanbanType::APPRO')}) }}"><i class="fa fa-tag"></i>{{ 'kanban.appro'|trans }}</a></li>
                                <li>
                                    <a href="{% if is_granted('ROLE_APP_SUB_KB_FAB_ACCESS') %}{{ url('app_print_list',{'code': constant('App\\Entity\\Kanban\\KanbanType::FAB')}) }}{% else %}#{% endif %}"
                                        {% if not is_granted('ROLE_APP_SUB_KB_FAB_ACCESS') %}class="disabled_text"{% endif %}>
                                        <i class="fa fa-tag"></i>{{ 'kanban.fabrication'|trans }}
                                    </a>
                                </li>
                                <li>
                                    <a href="{% if is_granted('ROLE_APP_SUB_KB_FS_ACCESS') %}{{ url('app_print_list',{'code': constant('App\\Entity\\Kanban\\KanbanType::FS')}) }}{% else %}#{% endif %}"
                                        {% if not is_granted('ROLE_APP_SUB_KB_FS_ACCESS') %}class="disabled_text"{% endif %}>
                                        <i class="fa fa-file-text-o"></i>{{ 'kanban.follow_card'|trans }}
                                    </a>
                                </li>
                            {% else %}
                                <li>
                                    <a href="{{ url('app_print_order') }}"><i class="fa fa-print "></i>Ordre d'Impressions</a>
                                </li>
                            {% endif %}
                       </ul>
                   </li>
                   <li>
                       <a href="javascript:void(0)"><i class="fa fa-book"></i>{{ 'documentation'|trans }}</a>
                       <ul class="menu vertical nested xl">
                           <li><a href="{{ asset('documentation/2020_12_15_documentation_AD6_Kanban_Edit_21c_appro.pdf') }}" target="_blank"><i class="fa fa-book"></i>{{ 'kanban.appro'|trans }}</a></li>
                           <li>
                               <a href="{% if is_granted('ROLE_APP_SUB_KB_FAB_ACCESS') %}{{ asset('documentation/2020_12_15_documentation_AD6_Kanban_Edit_21c_fab.pdf') }}{% else %}javascript:void(0){% endif %}"
                                  {% if not is_granted('ROLE_APP_SUB_KB_FAB_ACCESS') %}class="disabled_text"{% else %} target="_blank" {% endif %}>
                                   <i class="fa fa-book"></i>{{ 'kanban.fabrication'|trans }}
                               </a>
                           </li>
                       </ul>
                   </li>
                   {% if is_granted('ROLE_APP_SUB_KB_ELECTRONIQUE')%}
                   <li>
                       <a href="javascript:void(0)"><i class="fa fa-tags"></i>E-Kanban</a>
                       <ul class="menu vertical nested xl">
                           {# TODO rajouter un role E-KANBAN#}
                            <li><a href="{{ url('app_kanban_etiquette_colis_list') }}"><i class="fa fa-list"></i>{{ 'kanban_electronique.list'|trans }}</a></li>
                            <li><a href="{{ url('app_kanban_etiquette_colis_change', {status: 'conso'}) }}"><i class="fa fa-search"></i>{{ 'kanban_electronique.consume'|trans }}</a></li>
                            <li><a href="{{ url('app_kanban_etiquette_colis_change', {status: 'dispo'}) }}"><i class="fa fa-search"></i>{{ 'kanban_electronique.dispo'|trans }}</a></li>
                            <li><a href="{{ url('app_proposition_list') }}"><i class="fa fa-list"></i>{{ 'kanban_electronique.proposals_list'|trans }}</a></li>
                            <li><a href="{{ url('app_list_maj_cmj') }}"><i class="fa fa-ruler-vertical"></i>{{ 'cmjUpdate.list'|trans }}</a></li>
                            <li><a href="{{ url('app_kanban_board_list') }}"><i class="fa fa-columns"></i>{{ 'kanban_electronique.kanban_board'|trans }}</a></li>
                            <li><a href="{{ url('app_kanban_board_list_elec') }}"><i class="fa fa-columns"></i>Planning E-Kanban</a></li>
                       </ul>
                    </li>
                    <div class="top-bar-right">
                        <ul class="vertical medium-horizontal menu">
                            <li>
                                <span class="badge badge-pill badge-danger" id="nbPrintcmjUpdate" style="font-weight: bold;visibility:hidden;float:right;margin-left:-10px;margin-top:1.8vh;background-color:red;">1</span> <!-- your badge -->
                                <a class="menu vertical vertical" id="stickerCmjUpdate" href="{{ url('app_list_maj_cmj') }}"><i class="fa-solid fa-gauge-simple"></i></i><span class="sr-only">(current)</span></a>
                            </li>
                            <li>
                                <span class="badge badge-pill badge-danger" id="nbPrintOrder" style="visibility:hidden;float:right;margin-left:-40px !important;margin-top:1.8vh;background-color:red;"></span> <!-- your badge -->
                                <a class="menu vertical vertical" id="stickerPrintOrder" href="{{ url('app_print_order') }}"><i class="fa fa-print" aria-hidden="true"></i><span class="sr-only">(current)</span></a>
                            </li>
                        </ul>
                    </div>
                    {% endif %}
                </ul>
            </div>
            <div class="top-bar-right">
                <ul class="vertical medium-horizontal dropdown menu" data-responsive-menu="accordion medium-dropdown">
                    {% if is_granted('ROLE_PREVIOUS_ADMIN') %}
                        <li><a href="{{ url('back_index', {'_switch_user': '_exit'}) }}">Quitter délégation</a></li>
                    {% endif %}
                    {% if app.request.locale == 'en' %}
                        {% set flag = 'gb' %}
                    {% elseif app.request.locale == 'fr' %}
                        {% set flag = 'fr' %}
                    {% endif %}
                    <li>
                        <a href="javascript:void(0)">{{ app.user.fullName('medium') }}</a>
                        <ul class="menu vertical nested xl">
                            {% if is_granted('ROLE_APP_USER_ADMIN') %}
                                <li>
                                <a href="{% if is_granted('ROLE_APP_SUB_MULTI_USER') %}{{ url('app_user_manage') }}{% else %}#{% endif %}"
                                   {% if not is_granted('ROLE_APP_SUB_MULTI_USER') %}class="disabled_text"{% endif %}>
                                    <i class="fa fa-users"></i>{{ 'right.admin_users'|trans }}
                                </a>
                                </li>
                            {% endif %}
                            {% if is_granted('ROLE_APP_CUSTOMER_MANAGER') %}
                                <li><a href="{{ url('my_account_index')}}"><i class="fa fa-diamond"></i>{{ 'right.my_account'|trans }}</a></li>
                                <li><a href="{{ url('subscription_step_1')}}"><i class="fa fa-diamond"></i>{{ 'right.subscription'|trans }}</a></li>
                            {% endif %}
                            {% if is_granted('ROLE_APP_SCREEN_ADMIN') %}
                                <li>
                                <a href="{% if is_granted('ROLE_APP_SUB_MULTI_USER') %}{{url('app_screen_manage')}}{% else %}#{% endif %}"
                                   {% if not is_granted('ROLE_APP_SUB_MULTI_USER') %}class="disabled_text"{% endif %}>
                                    <i class="fa fa-book"></i>{{ 'right.screen_setting'|trans }}
                                </a>
                                </li>{% endif %}
                            <li><a href="{{ url('app_profile_view') }}"><i class="fa fa-user"></i>{{ 'right.my_profile'|trans }}</a></li>
                            {% if is_granted('ROLE_APP_USER_ADMIN') %}
                                <li>
                                    <a href="{% if is_granted('ROLE_APP_SUB_SUPPORT_EMAIL') %}{{ url('app_support_index') }}{% else %}#{% endif %}"
                                       {% if not is_granted('ROLE_APP_SUB_SUPPORT_EMAIL') %}class="disabled_text"{% endif %}>
                                        <i class="fa fa-users"></i>{{ 'right.support'|trans }}
                                    </a>
                                </li>
                            {% endif %}
                            <li><a href="{{ url('app_logout') }}"><i class="fa fa-power-off"></i>{{ 'right.logout'|trans }}</a></li>
                        </ul>
                    </li>
                    <li class="flag-sub-menu">
                        <a href="javascript:void(0)"><span class="flag-icon flag-icon-{{ flag }}"></span></a>
                        <ul class="menu vertical nested" style="min-width: auto">
                            {%  for language in ['fr', 'en'] %}
                                {% if language == 'en' %}
                                    {% set flag = 'gb' %}
                                {% elseif language == 'fr' %}
                                    {% set flag = 'fr' %}
                                {% endif %}
                                <li>
                                    <a href="javascript:void(0)" data-url="{{ url('app_profile_ajax_change_locale',{'locale': language, 'token': csrf_token('app_profile_ajax_change_locale')}) }}" class="change_locale"><span class="flag-icon flag-icon-{{ flag }}"></span></a>
                                </li>
                            {% endfor %}
                        </ul>
                    </li>
                </ul>
            </div>
        </div>

    </div>
</div>

{% block javascript_footer %}
    {% if is_granted('ROLE_APP_SUB_KB_ELECTRONIQUE') %}
    <script>
        {% include "App/_include/_check_print_order.js.twig" %}
    </script>
    {% endif %}
{% endblock %}