{% use('::feedbackBox.html.twig') %}
<div class="header">
    {% include '::flash_message.html.twig' %}
    <div class="inner-header margin-auto row" >
        <div class="col-md-6">

            <a href="{{path('homepage')}}" title="Plan de acogida BSH">
            <img src="/images/logo.png"/>
            </a>
        </div>
        <div class="col-md-6 text-right">
            <img src="/images/bsh.png" class="bsh"/>
        </div>
    </div>
    {% include '::flash_message.html.twig' %}
    <div class="menu text-center">
        {% set ruta = app.request.pathInfo %}
        <ul class="">
            <li class="profile-menu">
                {% set over = "" %}
                {% if "/user" in ruta %}
                    {% set over = "-over" %}
                    <div class="indicator"></div>
                {% endif %}
                <a href="{{ path('us_bsh_user_profile') }}">
                    <img src="/images/menu/icons45x45/miperfil{{over}}.png" onmouseover="$(this).attr('src', '/images/menu/icons45x45/miperfil-over.png')" onmouseout="{%if over == ""%}$(this).attr('src', '/images/menu/icons45x45/miperfil.png'){%endif%}"/>
                </a>
            </li>
            <li class=""></li>
            <li class="calendar-menu">
                {% set over = "" %}
                {% if "/calendar" in ruta %}
                    {% set over = "-over" %}
                    <div class="indicator"></div>
                {% endif %}
                <a href="{{ path('calendar_index') }}">
                    <img src="/images/menu/icons45x45/calendario{{over}}.png" onmouseover="$(this).attr('src', '/images/menu/icons45x45/calendario-over.png')" onmouseout="{%if over == ""%}$(this).attr('src', '/images/menu/icons45x45/calendario.png'){%endif%}"/>
                </a>
            </li>
            <li class=""></li>
            <li class="documents-menu">
                {% set over = "" %}
                {% if "/drive" in ruta %}
                    {% set over = "-over" %}
                    <div class="indicator"></div>
                {% endif %}
                <a href="{{ path('us_bsh_drive_index') }}">
                    <img src="/images/menu/icons45x45/documentos{{over}}.png" onmouseover="$(this).attr('src', '/images/menu/icons45x45/documentos-over.png')" onmouseout="{%if over == ""%}$(this).attr('src', '/images/menu/icons45x45/documentos.png'){%endif%}"/>
                </a>
            </li>
            <li class=""></li>
            <li class="notifications-menu">
                {% set over = "" %}
                {% if "/notification" in ruta %}
                    {% set over = "-over" %}
                    <div class="indicator"></div>
                {% endif %}
                <a href="{{ path('us_bsh_notification_index') }}">
                    <img src="/images/menu/icons45x45/notificaciones{{over}}.png" onmouseover="$(this).attr('src', '/images/menu/icons45x45/notificaciones-over.png')" onmouseout="{%if over == ""%}$(this).attr('src', '/images/menu/icons45x45/notificaciones.png'){%endif%}"/>
                </a>
            </li>
            <li class="activeNotifications">
                <span class="active">{{ render(controller('USBSHBundle:Notification:active')) }}</span>
            </li>
            <li class="logout-menu">
                <a href="{{ path('fos_user_security_logout') }}">
                    <img src="/images/menu/icons45x45/desconectar.png" onmouseover="$(this).attr('src', '/images/menu/icons45x45/desconectar-over.png')" onmouseout="$(this).attr('src', '/images/menu/icons45x45/desconectar.png')"/>
                </a>
            </li>
        </ul>
    </div>
</div>