<div class="tabletNavigation mr-auto tabletNavigation-closed">
<div class="tabletNavigation-content">
<ul class="d-flex align-items-center mt-2 mt-lg-2 mt-md-2 mb-0 pl-5 d-md-none">
<li class="p-0">
{% if app.user %}
<a class="pl-0 nav-link" href="{{ path('account_show_dashboard', {'division': getSiteDivision()}) }}" style="text-transform: none;">
<div class="d-flex align-items-center">
<img src="{{ asset('static/images/icons/icon_user.svg') }}" class=" mr-2 mr-lg-2 mr-md-2" alt="Icon user" style="width: 22px;">
{{ app.user.firstname }}
</div>
</a>
{% else %}
<a class="pl-0 nav-link mr-1 mr-lg-1 mr-md-1" href="{{ path('login', {'division': getSiteDivision(), '_target_path' : requestUri}) }}" style="text-transform: none;">
<div class="d-flex align-items-center">
<img src="{{ asset('static/images/icons/icon_user.svg') }}" class=" mr-2 mr-lg-2 mr-md-2" alt="Icon user" style="width: 22px;">
{{ 'Login' }}
</div>
</a>
{% endif %}
</li>
{% if app.user %}
<li class="p-0 vertical-line-after ml-auto">
<a class="nav-link text-capitalize" href="{{ path('account_quoute_index', {'division': getSiteDivision()}) }}">Quotes</a>
</li>
<li class="p-0 pr-4">
<a class="nav-link text-capitalize" href="{{ path('account_order_index', {'division': getSiteDivision()}) }}">Orders</a>
</li>
{% endif %}
</ul>
<ul class="mt-1 mt-lg-1 mt-md-1">
<li class="active">
<a href="#productsSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">Products</a>
<ul class="list-unstyled collapse menu" id="productsSubmenu">
{% if mainNavigation.products is defined %}
{% for i,productPage in mainNavigation.products %}
{% if productPage.exclude == null %}
<li>
<a href="#productsSubmenu-{{ i }}" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">
{{ productPage.label }}
</a>
<ul class="list-unstyled collapse submenu" id="productsSubmenu-{{ i }}">
{% for subProductPage in productPage.pages %}
{% if subProductPage.exclude == null %}
<li>
<a href="{{ subProductPage.url }}">{{ subProductPage.label }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
</li>
{% endif %}
{% endfor %}
{% endif %}
</ul>
</li>
{% if resourceMenuLinks is defined and resourceMenuLinks | length > 0 %}
<li>
<a href="#tabletMenu-resourceMenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">Resources</a>
<ul class="list-unstyled collapse menu" id="tabletMenu-resourceMenu">
{% if resourceMenuLinks is defined %}
{% for i,page in resourceMenuLinks %}
<li>
<a href="{{ page.link }}">{{ page.name }}</a>
</li>
{% endfor %}
{% endif %}
</ul>
</li>
{% endif %}
{% if getSiteDivision() | lower == 'psychological-testing' %}
{% if researchMenuLinks is defined and researchMenuLinks | length > 0 %}
<li>
<a href="#tabletMenu-researchMenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">Research</a>
<ul class="list-unstyled collapse menu" id="tabletMenu-researchMenu">
{% if researchMenuLinks is defined %}
{% for i,page in researchMenuLinks %}
<li>
<a href="{{ page.link }}">{{ page.name }}</a>
</li>
{% endfor %}
{% endif %}
</ul>
</li>
{% endif %}
{% if educationMenuLinks is defined and educationMenuLinks | length > 0 %}
<li>
<a href="#tabletMenu-reducationMenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">Education</a>
<ul class="list-unstyled collapse menu" id="tabletMenu-reducationMenu">
{% if educationMenuLinks is defined %}
{% for i,page in educationMenuLinks %}
<li>
<a href="{{ page.link }}">{{ page.name }}</a>
</li>
{% endfor %}
{% endif %}
</ul>
</li>
{% endif %}
{% else %}
{% if supportMenuLinks is defined and supportMenuLinks | length > 0 %}
<li>
<a href="#tabletMenu-supportMenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">Support</a>
<ul class="list-unstyled collapse menu" id="tabletMenu-supportMenu">
{% if supportMenuLinks is defined %}
{% for i,page in supportMenuLinks %}
<li>
<a href="{{ page.link }}">{{ page.name }}</a>
</li>
{% endfor %}
{% endif %}
</ul>
</li>
{% endif %}
{% if aboutMenuLinks is defined and aboutMenuLinks | length > 0 %}
<li>
<a href="#tabletMenu-aboutMenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">About</a>
<ul class="list-unstyled collapse menu" id="tabletMenu-aboutMenu">
{% if aboutMenuLinks is defined %}
{% for i,page in aboutMenuLinks %}
<li>
<a href="{{ page.link }}">{{ page.name }}</a>
</li>
{% endfor %}
{% endif %}
</ul>
</li>
{% endif %}
{% endif %}
</ul>
</div>
</div>