{#
 # ---------------------------------------------------------------------
 #
 # GLPI - Gestionnaire Libre de Parc Informatique
 #
 # http://glpi-project.org
 #
 # @copyright 2015-2023 Teclib' and contributors.
 # @copyright 2003-2014 by the INDEPNET Development Team.
 # @licence   https://www.gnu.org/licenses/gpl-3.0.html
 #
 # ---------------------------------------------------------------------
 #
 # LICENSE
 #
 # This file is part of GLPI.
 #
 # This program is free software: you can redistribute it and/or modify
 # it under the terms of the GNU General Public License as published by
 # the Free Software Foundation, either version 3 of the License, or
 # (at your option) any later version.
 #
 # This program is distributed in the hope that it will be useful,
 # but WITHOUT ANY WARRANTY; without even the implied warranty of
 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 # GNU General Public License for more details.
 #
 # You should have received a copy of the GNU General Public License
 # along with this program.  If not, see <https://www.gnu.org/licenses/>.
 #
 # ---------------------------------------------------------------------
 #}
	{# SETTING CONFIG FONTS #}
	{% set arrayMenuFonts = [{
               '1': 'fa-microchip',
               '2': 'fa-headset',
               '3': 'fa-chart-line',
               '4': 'fa-screwdriver-wrench',
               '5': 'fa-hammer',
               '6': 'fa-clipboard-check',  
   },{
               '1':  'fa-laptop',
               '2':  'fa-tv',
               '3':  'fa-terminal',
               '4':  'fa-network-wired',
               '5':  'fa-eye',
               '6':  'fa-print',
               '7':  'fa-fill-drip',
               '8':  'fa-droplet',
               '9':  'fa-mobile',
               '10': 'fa-server',
               '11': 'fa-person-shelter',
               '12': 'fa-car-battery',
               '13': 'fa-ethernet',
               '14': 'fa-user-secret',
               '15': 'fa-diagram-project',
               '16': 'fa-sim-card',
               '17': 'fa-globe',
               
   },{
               '1':  'fa-ticket-simple',
               '2':  'fa-file-invoice',
               '3':  'fa-bug',
               '4':  'fa-folder-tree',
               '5':  'fa-calendar-days',
               '6':  'fa-ranking-star',
               '7':  'fa-arrows-spin',
               '8':  'fa-arrows-to-circle',
   },{    
               '1':  'fa-id-card',
               '2':  'fa-money-bill-trend-up',
               '3':  'fa-truck-droplet',
               '4':  'fa-user',
               '5':  'fa-file-signature',
               '6':  'fa-file-lines',
               '7':  'fa-cable-car',
               '8':  'fa-file-invoice',
               '9':  'fa-hard-drive',
               '10':  'fa-people-group',
               '11':  'fa-creative-commons-pd-alt',
               '12':  'fa-walkie-talkie',
               '13':  'fa-database',
   },{
               '1':  'fa-hands-holding-circle',
               '2':  'fa-list-check',
               '3':  'fa-rss',
               '4':  'fa-book-bookmark',
               '5':  'fa-book-open-reader',
               '6':  'fa-flag',
               '7':  'fa-magnifying-glass-plus',
   },{
               '1':  'fa-user-tie',
               '2':  'fa-users-line',
               '3':  'fa-universal-access',
               '4':  'fa-ruler-combined',
               '5':  'fa-address-book',
               '6':  'fa-id-card-clip',
               '7':  'fa-check-double',
               '8':  'fa-book',
               '9':  'fa-warehouse',
   },
   {
               '1':  'fa-square-caret-down',
               '2':  'fa-screwdriver',
               '3':  'fa-star',
               '4':  'fa-layer-group',
               '5':  'fa-bell-concierge',
               '6':  'fa-tents',
               '7':  'fa-wand-sparkles',
               '8':  'fa-autoprefixer',
               '9':  'fa-satellite-dish',
               '10':  'fa-right-left',
               '11':  'fa-list-ol',
   }
   ] %}
	{% set counter1 = 0 %}
	{% set counter2 = 0 %}
{% set is_vertical = user_pref('page_layout') == 'vertical' %}
{% set is_horizontal = user_pref('page_layout') == 'horizontal' %}
{% set is_menu_folded = user_pref('fold_menu') == '1' %}
{% set rand = random() %}

<ul class="navbar-nav" id="menu_{{ rand }}">
{% for firstlevel in menu %}
   {% set firstlevel_active = menu[sector]['title'] == firstlevel['title'] %}
   {% set firstlevel_shown = (menu[sector]['title'] == firstlevel['title'] and is_vertical and is_menu_folded == false) %}
   {% set has_subitems = false %}
   {% if firstlevel['content'] is defined %}
      {# Are there any items under contents with a page property? #}
      {% for secondlevel in firstlevel['content'] %}
         {% if secondlevel['page'] is defined %}
            {% set has_subitems = true %}
         {% endif %}
      {% endfor %}
   {% endif %}
   {% if has_subitems %}
   <li class="nav-item dropdown {{ firstlevel_active ? '' : '' }}"
       title="{{ firstlevel['title'] }}">
      <a class="nav-link dropdown-toggle {{ firstlevel_active ? 'active' : '' }} {{ firstlevel_shown ? 'show' : '' }}"
         data-bs-toggle="dropdown" role="button"
         aria-expanded="{{ firstlevel_shown ? 'true' : 'false' }}">
         {% set counter1 = counter1+1 %}
         <i class="fa-solid {{arrayMenuFonts[0][counter1]}}" style="color:white;"></i>
         <span class="menu-label">{{ firstlevel['title'] }}</span>
      </a>
      <div class="dropdown-menu {{ firstlevel_active and is_vertical != false ? '' : 'animate__animated' }} {{ is_vertical ? 'animate__fadeInLeft' : 'animate__zoomIn' }} {{ firstlevel_shown ? 'show' : '' }}">
         <h6 class="dropdown-header">{{ firstlevel['title'] }}</h6>
         <div class="dropdown-menu-columns">
            <div class="dropdown-menu-column">
            {% set has_dashboard = firstlevel['default_dashboard'] is defined %}
            {% if has_dashboard %}
               <a class="dropdown-item"
                  href="{{ path(firstlevel['default_dashboard']) }}">
                  <span class='text-wrap'>
                  <i class="ti ti-dashboard"></i>
                  {{ __('Dashboard') }}
                  </span>
               </a>
            {% endif %}
            {% for sublevel in firstlevel['content'] %}
               {% if sublevel['page'] is defined %}
               <a class="dropdown-item {{ menu_active == sublevel['title'] ? 'active' : '' }}"
                  href="{{ path(sublevel['page']) }}"
                  accesskey="{{ sublevel['shortcut'] ?? '' }}" title="{{ sublevel['title'] }}">
                  
                  <span class='text-wrap'>
                  <i class="fa-fw {{ sublevel['icon'] ?? '' }}"></i>
                     {{ sublevel['title']|shortcut(sublevel['shortcut'] ?? '') }}
                  </span>
               </a>
               {% endif %}

               {% set count_per_column = 6 %}
               {% if loop.index % count_per_column == (has_dashboard ? count_per_column - 1 : 0) and not loop.last %}
                  </div>
                  <div class="dropdown-menu-column">
               {% endif %}
            {% endfor %}
            </div>
         </div>
      </div>
   </li>
   {% elseif firstlevel['default'] is defined and (firstlevel['display'] ?? true) != false %}
      <li class="nav-item dropdown {{ firstlevel_active ? 'active' : '' }}" data-bs-toggle="tooltip"
       title="{{ firstlevel['title'] }}">
         <a class="nav-link" href="{{ path(firstlevel['default']) }}">
            <i class="fa-fw {{ firstlevel['icon'] ?? '' }}"></i>
            <span class="menu-label">{{ firstlevel['title'] }}</span>
         </a>
      <li>
   {% endif %}
{% endfor %}
</ul>

{% if is_vertical %}
<script type="text/javascript">
$(function() {
   // below, some modifications of dropdowns menu behavior
   document.querySelectorAll('#menu_{{ rand }} > .dropdown').forEach(function(menuDropdown) {
      // prevent menu closes
      menuDropdown.addEventListener('hide.bs.dropdown', function (event) {
         var orig_event = event.clickEvent;
         if (typeof orig_event != "undefined"
             && typeof orig_event.target != "undefined") {
            // prevent body clicking to hide menu
            if (!document.getElementById('menu_{{ rand }}').contains(orig_event.target)) {
               event.preventDefault();
               return;
            }

            // prevent menu links to close menu (waiting the page redirection)
            if (orig_event.target.className.indexOf('dropdown-item') !== false) {
               for (var item of document.querySelectorAll('#menu_{{ rand }} .dropdown-item')) {
                  item.classList.remove('active');
               }
               orig_event.target.classList.add('active');
               event.preventDefault();
            }
         }
      });

      // opening a sub menu close others
      menuDropdown.addEventListener('show.bs.dropdown', function (event) {
         $('#menu_{{ rand }} .nav-link').removeClass('show active');
         $('#menu_{{ rand }} .nav-item').removeClass('active');
         $('#menu_{{ rand }} .dropdown-menu').removeClass('show');
      })
   });

});
</script>
{% endif %}