{% set route = app.request.get('_route') %}
{% set user = app.user %}
<div class="tqm-header hide-on-mobile">
    {% if route == 'index' %}
	<div class="d-flex align-items-center">
		<span class="font-dark-blue tqm-title-header mr-2">
			<strong>TQM</strong> Tool Box
		</span>
	    {% if app.user.client and app.user.client.logo %}
			<img class="ml-2" src="{{ asset(app.user.client.logo) }}" width="100px" />
		{% endif %}
	</div>
    {% endif %}
    <img src="{{ asset('/build/images/logo.png') }}" width="70px" />
</div>
<div class="sidebar-menu hide-on-mobile">
	<div class="user-content mb-4">
		<div class="btn-group">
		    <button aria-expanded="false" aria-haspopup="true" class="btn dropdown-toggle" data-toggle="dropdown" type="button">
		        <span class="user-icon">
					<img width="30px" src="{{ asset('/build/images/user.svg') }}" />
		        </span>
				<span class="user-info">
		            <span class="user-name pt-2">{{app.user.fullname}}</span>
		        </span>
		    </button>
		    <div class="dropdown-menu">
		        <a class="" href="{{path('user_my_account')}}">
		            Minha conta
		        </a>
		        <a class="" href="{{path('app_logout')}}">
		            Sair
		        </a>
		    </div>
		</div>
	</div>
    <a class="{{ route == 'index' ? 'active' : ''}}" href="/">
      <i class="fas fa-home font-20"></i> <span>Home</span>
    </a>
    {% if user.isAdmin or user.isMaster %}
        <a class="{{ route in ['client_index','user_index'] ? 'active' : ''}}" data-toggle="crud" href="#">
    		<img class="ic-w" src="{{ asset('/build/images/ic-edit.png') }}" /> <span>Cadastros</span>
    	</a>
    	<div data-toggle="crud" class="sub-menu">
            {% if user.isAdmin or user.isMaster %}
                <a href="{{ path('client_index') }}">Empresa</a>
                <a href="{{ path('strat_objective_index') }}">Objetivos</a>
				<a href="{{ path('user_index') }}">Usuário</a>
            {% endif %}
    	</div>
    {% endif %}
    {% if route != 'index' and route != 'without-permission' and not (route starts with 'client') and not (route starts with 'user') and not (route starts with 'pdp') and not (route starts with 'grd') and not (route starts with 'mokpi') and not (route starts with 'ccm') %}
    	<a class="{{ route in ['initiative_new','doi_index','financial_index','initiative_panel'] ? 'active' : ''}}" data-toggle="strategic" href="#">
    		<img class="ic-w" src="{{ asset('/build/images/ic-circles.png') }}" /> <span>Iniciativas</span></span>
    	</a>
    	<div data-toggle="strategic" class="sub-menu">
			<a href="{{ path('initiative_panel') }}">Minhas iniciativas</a>
    		<a href="{{ path('initiative_new') }}"><i class="fas fa-plus"></i> Nova iniciativa</a>
    	</div>
		{% if user.isCollaborator == false %}
        	<a class="{{ route == 'dashboard' ? 'active' : ''}}" href="/dashboard">
        		<img class="ic-h" src="{{ asset('/build/images/ic-dash.png') }}" /> <span>Dashboard</span>
        	</a>
        {% endif %}
        {% if user.isCollaborator == false and route starts with 'tnc' %}
        	<a class="{{ route == 'dashboard' ? 'active' : ''}}" href="{{ path('tnc_dashboard') }}">
        		<img class="ic-h" src="{{ asset('/build/images/ic-dash.png') }}" /> <span>Dashboard</span>
        	</a>
        {% endif %}
    {% elseif route starts with 'grd' %}
		{# <a href="{{ path('grd_action_index') }}">
			<img class="ic-h" src="{{ asset('build/images/ic-edit.png') }}" /> <span>Ações</span>
		</a> #}
		<a href="{{ path('grd_action_dashboard') }}">
			<img class="ic-h" src="{{ asset('/build/images/ic-dash.png') }}" /> <span>Dashboard</span>
		</a>
	{% elseif route starts with 'mokpi' %}
		<a href="{{ path('mokpi_dashboard') }}">
			<img class="ic-h" src="{{ asset('/build/images/ic-dash.png') }}" /> <span>Dashboard</span>
		</a>
	{% endif %}
    <div class="fixed-bottom pb-4">
		<a class="logo-menu" href="/">
			<img src="{{ asset(app.user.client and app.user.client.logo ? app.user.client.logo : '/build/images/logo.png') }}" />
		</a>
    	<a class="icon-toggle mt-3" href="#">
    		<i class="fas fa-angle-double-right"></i> <span>Minimizar</span>
    	</a>
    </div>
</div>
<section class="mb-3 show-on-mobile">
	<nav class="navbar navbar-info bg-tqm navbar-padding">
	  <div class="container-fluid">
		<a href="/">
			<img class="float-right mt-2 mr-5" src="{{ asset('/build/images/logo.png') }}" width="135px" />
		</a>
		<button class="navbar-toggler third-button" type="button" data-mdb-toggle="collapse"
		  data-mdb-target="#navbarToggleExternalContent11"
		  aria-controls="navbarToggleExternalContent11" aria-expanded="false"
		  aria-label="Toggle navigation">
		  <div class="animated-icon3"><span></span><span></span><span></span></div>
		</button>
	  </div>
	</nav>
	<div class="collapse" id="navbarToggleExternalContent11">
	  <div class="bg-tqm shadow-3 p-4">
		<a href="/" class="btn btn-link btn-block my-4 mobile-menu-links">
			<i class="fas fa-home fz-2 mr-3"></i> <span>Home</span>
		</a>
		<a href="{{ path('grd_action_dashboard') }}" class="btn btn-link btn-block my-4 mobile-menu-links">
			<img class="ic-w mr-3" src="{{ asset('/build/images/ic-dash.png') }}" /> <span>Dashboard</span></span>
		</a>
		<a href="{{ path('user_my_account') }}" class="btn btn-link btn-block my-4 mobile-menu-links">
			<span>Minha conta</span>
		</a>
	  </div>
	</div>
  </section>
{% block javascripts %}
	{{ encore_entry_script_tags('menu') }}
{% endblock %}