{# layout.html.twig #}
{# Base layout #}
{% extends 'itop-portal-base/portal/templates/layout.html.twig' %}

{% block pNavigationWrapper %}
{# Topbar navigation menu for mobile screens #}
<nav class="navbar navbar-fixed-top navbar-default visible-xs" id="topbar" role="navigation">
	<div class="container-fluid">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand pull-right" href="{{ app.url_generator.generate('p_home') }}">
				{% if app['combodo.portal.instance.conf'].properties.logo is not null %}
					<img src="{{ app['combodo.portal.instance.conf'].properties.logo }}" alt="{{ app['combodo.portal.instance.conf'].properties.name|dict_s }}" />
				{% else %}				
					iTop
				{% endif %}
			</a>
			<p class="navbar-text">
				<a class="navbar-link user_infos" href="{{ app.url_generator.generate('p_user_profile_brick') }}">
					<span class="user_photo" style="background-image: url('{{ sUserPhotoUrl }}');"></span>
					<span class="user_fullname">{{ sUserFullname }}</span>
				</a>
			</p>
		</div>
		<div class="collapse navbar-collapse" id="navbar">
			<ul class="nav navbar-nav">
				{% block pNavigationTopBricks %}
					<li class="{% if oBrick is not defined %}active{% endif %}">
						<a href="{{ app.url_generator.generate('p_home') }}">
							<span class="brick_icon fa fa-home fa-2x"></span>
							{{ 'Page:Home'|dict_s }}
						</a>
					</li>
					{% for brick in app['brick_collection'].navigation_menu_ordering %}
						{% if brick.GetActive and brick.GetVisibleNavigationMenu and brick.GetRouteName is not null %}
							<li class="{% if oBrick is defined and brick.id == oBrick.id %}active{% endif %}">
								<a href="{{ app.url_generator.generate(brick.GetRouteName, {sBrickId: brick.GetId}) }}{% if app['combodo.portal.instance.routes'][brick.GetRouteName]['hash'] is defined %}#{{ app['combodo.portal.instance.routes'][brick.GetRouteName]['hash'] }}{% endif %}" {% if app['combodo.portal.instance.routes'][brick.GetRouteName]['navigation_menu_attr'] is defined %}{% for key, value in app['combodo.portal.instance.routes'][brick.GetRouteName]['navigation_menu_attr'] %} {{ key }}="{{ value }}"{% endfor %}{% endif %} {% if brick.GetModal %}data-toggle="modal" data-target="#modal-for-all"{% endif %}>
									<span class="brick_icon {{ brick.GetDecorationClassNavigationMenu }}"></span>
									{{ brick.GetTitleNavigationMenu|dict_s }}
								</a>
							</li>
						{% endif %}
					{% endfor %}
				{% endblock %}
				{% if bUserConnected %}
					<li role="separator" class="divider"></li>
					<!--<li><a href="{{ app.url_generator.generate('p_user_profile_brick') }}"><span class="brick_icon fa fa-user fa-2x fa-fw"></span>{{ 'Brick:Portal:UserProfile:Navigation:Dropdown:MyProfil'|dict_s }}</a></li>-->
					{# We display the separator only if the user has more then 1 portal. Meaning default portal + console or several portal at least #}
					{% if app['combodo.portal.instance.conf'].portals|length > 1 %}
						<li role="separator" class="divider"></li>
					{% endif %}
					<li><a href="{{ app['combodo.absolute_url'] }}pages/logoff.php"><span class="brick_icon fa fa-sign-out fa-2x fa-fw"></span>{{ 'Brick:Portal:UserProfile:Navigation:Dropdown:Logout'|dict_s }}</a></li>
				{% endif %}
			</ul>
		</div>
	</div>
</nav>

{# Top navigation menu for normal screens #}
<nav class="navbar navbar-fixed-top navbar-inverse hidden-xs" id="sidebar" role="navigation">
	<div class="container-fluid" id="container_navbar">
		<div class="navbar-header">
			<a class="navbar-brand pull-right" href="{{ app.url_generator.generate('p_home') }}">
				{% if app['combodo.portal.instance.conf'].properties.logo is not null %}
					<img src="{{ app['combodo.portal.instance.conf'].properties.logo }}" alt="{{ app['combodo.portal.instance.conf'].properties.name|dict_s }}" />
				{% else %}
					iTop
				{% endif %}
			</a>
			<p class="navbar-text">
				<a class="navbar-link user_infos" href="{{ app.url_generator.generate('p_user_profile_brick') }}">
					<span class="user_photo" style="background-image: url('{{ sUserPhotoUrl }}');"></span>
					<span class="user_fullname">{{ sUserFullname }}</span>
				</a>
			</p>
		</div>
		<div class="collapse navbar-collapse" id="navbar">
		<div class="user_email dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="user_options">
									<span class="caret"></span>
								</a>
								<ul class="dropdown-menu user_options" aria-labelledby="user_options">
									<li><a href="{{ app.url_generator.generate('p_user_profile_brick') }}"><span class="brick_icon fa fa-user fa-lg fa-fw"></span>{{ 'Brick:Portal:UserProfile:Navigation:Dropdown:MyProfil'|dict_s }}</a></li>
									{% for aPortal in app['combodo.portal.instance.conf'].portals %}
										{% if aPortal.id != app['combodo.portal.instance.conf'].properties.id %}
											{% set sGlyphiconClass = (aPortal.id == 'backoffice') ? 'fa-list-alt' : 'fa-external-link' %}
											<li><a href="{{ aPortal.url }}" {% if app['combodo.portal.instance.conf'].properties.allowed_portals.opening_mode == 'tab' %}target="_blank"{% endif %} title="{{ aPortal.label|dict_s }}"><span class="brick_icon fa {{ sGlyphiconClass }} fa-lg fa-fw"></span>{{ aPortal.label|dict_s }}</a></li>
										{% endif %}
									{% endfor %}
									{# We display the separator only if the user has more then 1 portal. Meaning default portal + console or several portal at least #}
									{% if app['combodo.portal.instance.conf'].portals|length > 1 %}
										<li role="separator" class="divider"></li>
									{% endif %}
									<li><a href="{{ app['combodo.absolute_url'] }}pages/logoff.php"><span class="brick_icon fa fa-sign-out fa-lg fa-fw"></span>{{ 'Brick:Portal:UserProfile:Navigation:Dropdown:Logout'|dict_s }}</a></li>
								</ul>
							</div>
			<ul class="nav navbar-nav navbar-right">
					<li class="{% if oBrick is not defined %}active{% endif %}">
						<a href="{{ app.url_generator.generate('p_home') }}">
							<span class="brick_icon fa fa-home fa-2x"></span>
							{{ 'Page:Home'|dict_s }}
						</a>
					</li>
					{% set iCurrentBrickIndex = 0 %}
					{% set iDisplayedItems = 1 %}{# 1 because of Home #}
					{% set iMaxDisplayedItems = 1 %}
					{% for brick in app['brick_collection'].navigation_menu_ordering and iDisplayedItems < iMaxDisplayedItems %}
						{% if brick.GetActive and brick.GetVisibleNavigationMenu and brick.GetRouteName is not null %}
							<li class="{% if oBrick is defined and brick.id == oBrick.id %}active{% endif %}">
								<a href="{{ app.url_generator.generate(brick.GetRouteName, {sBrickId: brick.GetId}) }}{% if app['combodo.portal.instance.routes'][brick.GetRouteName]['hash'] is defined %}#{{ app['combodo.portal.instance.routes'][brick.GetRouteName]['hash'] }}{% endif %}" {% if app['combodo.portal.instance.routes'][brick.GetRouteName]['navigation_menu_attr'] is defined %}{% for key, value in app['combodo.portal.instance.routes'][brick.GetRouteName]['navigation_menu_attr'] %} {{ key }}="{{ value }}"{% endfor %}{% endif %} {% if brick.GetModal %}data-toggle="modal" data-target="#modal-for-all"{% endif %}>
									<span class="brick_icon {{ brick.GetDecorationClassNavigationMenu }}"></span>
									{{ brick.GetTitleNavigationMenu|dict_s }}
								</a>
							</li>
							{% set iDisplayedItems = iDisplayedItems + 1 %}
						{% endif %}
						{% set iCurrentBrickIndex = iCurrentBrickIndex + 1 %}
					{% endfor %}


							{% for brick in app['brick_collection'].navigation_menu_ordering|slice(iCurrentBrickIndex) %}
								{% if brick.GetActive and brick.GetVisibleNavigationMenu and brick.GetRouteName is not null %}
									<li class="{% if oBrick is defined and brick.id == oBrick.id %}active{% endif %}">
										<a href="{{ app.url_generator.generate(brick.GetRouteName, {sBrickId: brick.GetId}) }}{% if app['combodo.portal.instance.routes'][brick.GetRouteName]['hash'] is defined %}#{{ app['combodo.portal.instance.routes'][brick.GetRouteName]['hash'] }}{% endif %}" {% if app['combodo.portal.instance.routes'][brick.GetRouteName]['navigation_menu_attr'] is defined %}{% for key, value in app['combodo.portal.instance.routes'][brick.GetRouteName]['navigation_menu_attr'] %} {{ key }}="{{ value }}"{% endfor %}{% endif %} {% if brick.GetModal %}data-toggle="modal" data-target="#modal-for-all"{% endif %}>
											<span class="brick_icon {{ brick.GetDecorationClassNavigationMenu }}"></span>
											{{ brick.GetTitleNavigationMenu|dict_s }}
										</a>
									</li>
								{% endif %}
								{% set iCurrentBrickIndex = iCurrentBrickIndex + 1 %}
							{% endfor %}

							{% if bUserConnected %}
								<li role="separator" class="divider"></li>
								<!--<li><a href="{{ app.url_generator.generate('p_user_profile_brick') }}"><span class="brick_icon fa fa-user fa-2x fa-fw"></span>{{ 'Brick:Portal:UserProfile:Navigation:Dropdown:MyProfil'|dict_s }}</a></li>-->
								{% if app['combodo.portal.instance.conf'].portals|length > 1 %}
									<li role="separator" class="divider"></li>
								{% endif %}
								<li><a href="#" class="deconnexionButton" onclick="window.location.href = '{{ app['combodo.absolute_url'] }}pages/logoff.php'"><span class="brick_icon fa fa-times fa-2x fa-fw"></span></a></li>
							{% endif %}

			</ul>
		</div>
	</div>
</nav>
{% endblock %}
		
{% block pMainWrapper %}
<div class="container-fluid" id="main-wrapper">
	<section class="row" id="main-header">
		{% block pMainHeader %}
		{% endblock %}
	</section>

	<section class="row" id="main-content">
		{% block pMainContent %}
		{% endblock %}
	</section>
</div>
{% endblock %}