{# <nav class="navbar navbar-expand navbar-dark bg-dark" aria-label="Second navbar example"> #}
<nav class="container-xxl flex-wrap flex-md-nowrap" aria-label="Main navigation">
{# <div class="container-fluid"> #}
{# <a class="navbar-brand" href="{{ path('callcenter') }}">CallCenter C&W</a> #}
{% if is_granted('ROLE_DELIVERY') and app.request.attributes.get('_route') == 'domicilios' %}
<a class="navbar-brand p-0 me-2" href="{{ path('domicilios') }}" aria-label="Bootstrap">CallCenter C&W</a>
{% else %}
<a class="navbar-brand p-0 me-2" href="{{ path('callcenter') }}" aria-label="Bootstrap">CallCenter C&W</a>
{% endif %}
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbars" aria-controls="navbars" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbars">
<ul class="navbar-nav flex-row flex-wrap bd-navbar-nav pt-2 py-md-0">
{% if app.request.attributes.get('_route') == 'callcenter' or app.request.attributes.get('_route') == 'domicilios'%}
{% if is_granted('ROLE_ADMIN') %}
<li class="nav-item col-6 col-md-auto">
<a class="nav-link p-2" aria-current="page" href="{{ path('admin') }}">Administrador</a>
</li>
{% elseif is_granted('ROLE_USER') %}
<li class="nav-item col-6 col-md-auto">
<a class="nav-link p-2" aria-current="page" href="{{ path('admin') }}">Dashboard</a>
</li>
{% endif %}
{% if (is_granted('ROLE_USER') or is_granted('ROLE_ADMIN')) and app.request.attributes.get('_route') != 'callcenter' %}
<li class="nav-item col-6 col-md-auto">
<a class="nav-link p-2" aria-current="page" href="{{ path('callcenter') }}">Callcenter</a>
</li>
{% endif %}
{% if is_granted('ROLE_DELIVERY') and app.request.attributes.get('_route') != 'domicilios' %}
<li class="nav-item col-6 col-md-auto">
<a class="nav-link p-2" aria-current="page" href="{{ path('domicilios') }}">Domicilios</a>
</li>
{% endif %}
{% endif %}
</ul>
<hr class="d-md-none text-white-50">
<ul class="navbar-nav flex-row flex-wrap ms-md-auto">
<li class="nav-item col-6 col-md-auto">
<a class="nav-link p-2" href="#"><i class="bi bi-person-fill"></i><span class="px-2">{{ app.user.nombre }}</span></a>
</li>
</ul>
<a class="btn btn-secondary d-lg-inline-block my-2 my-md-0 ms-md-3" href="{{ path('app_logout') }}">Salir</a>
</div>
{# </div> #}
</nav>