{% extends '::baseAjax.html.twig' %}
{% block ajax_body %}

{% if app.request.get('allow_override') == 1 %}
	{% include ob_project_instance_theme_folder~':Cms/cmsMenuLayout.html.twig' %}
{% else %}
	{% macro recursiveMenu(item, languageId, level, ob_project_base_url, mediaLocation) %}
		{% set liClass = 'dropdown' %}
		{% set ulClass = 'dropdown-menu' %}
		{% set hasMoreChild = 0 %}
		{% if item.children is defined and item.children|length %}
			{% set hasMoreChild = 1 %}
		{% endif %}
	
		{% if level == 2 %}
			{% set liClass = liClass~'-submenu' %}
		{% endif %}
	 
		<li {% if hasMoreChild %} class="{{ liClass ~ ' ' ~ item.cssClasse }}" {% else %} class="{{ item.cssClasse }}" {% endif %}>
			{% for itemLanguage in item.languageMapping %}
				{% if itemLanguage.languageId == languageId %}
					<a href="{{ itemLanguage.url }}" {% if item.cssClasse == 'js-open-new-tab' or itemLanguage.urlTarget == 'new-tab'  %} target="_blank" {% endif %} {% if hasMoreChild %} class="dropdown-toggle product-add {% if itemLanguage.urlTarget == 'new-window' %}js-open-window{% endif %}" data-toggle="dropdown" {% else %} {% if itemLanguage.urlTarget == 'new-window' %}class="js-open-window"{% endif %} {% endif %} title="{{ itemLanguage.title }}">{% if item.cssIcon != '' %} <i class="{{ item.cssIcon }}"></i> {% endif %}{% if app.user.id is defined and app.user.id > 0 and (itemLanguage.itemLabel == "Flyers" or itemLanguage.itemLabel == "Order Catalog") %}{{ itemLanguage.itemLabel }}{% elseif(itemLanguage.itemLabel != "Flyers" and itemLanguage.itemLabel != "Order Catalog") %}{{ itemLanguage.itemLabel }}{% endif %}</a>
				{% endif %}
			{% endfor %}
	
	        {% if hasMoreChild %}
	        	{% set level = level + 1  %}
	        	<b class="menu-caret1" data-toggle="dropdown"></b>
	
	        	{% if level == 3 %}
	        		<div class="dropdown-menu">
						<div class="col-lg-6 col-md-8 col-sm-12 col-xs-12">
					{% set ulClass = '' %}
	        	{% endif %}
	
	        	<ul class="{{ ulClass }}">
	                {% for child in item.children %}
	                	{{ _self.recursiveMenu(child, languageId, level, ob_project_base_url, mediaLocation) }}
	                {% endfor %}
	            </ul>
	
	            {% if level == 3 %}
	        			</div>
	        			<div class="col-lg-2 hidden-xs hidden-md hidden-sm">
	        				{% if item.backgroundImage != '' %}
	        					<a href="javascript:void(0)"><img src="{{ asset(mediaLocation~item.backgroundImage)  }}" class="menu-pro-img" alt=""></a>
		                    {% endif %}
	        			</div>
					</div>
	        	{% endif %}
	        {% endif %}
	    </li>
	{% endmacro %}
	
	{% if menu %}
	    {% for item in menu %}
	    	{{ _self.recursiveMenu(item, languageId, 1, ob_project_base_url, mediaLocation) }}
		{% endfor %}
	{% endif %}
{% endif %}

{% endblock ajax_body %}