<div class="col-md-3 left_col">
    <div class="left_col scroll-view">
        <div class="navbar nav_title" style="border: 0;">
            <a class="site_title">
                {% if ("" | empresa_registrada == false) %}
                    <i class="fa fa-certificate"></i>
                {% else %}
                    <img width="45px" style="background-color: ghostwhite;" height="45px" src="{{ asset('uploads/empresa/logo/logo.png') }}" class="img-circle">
                {% endif %}
                <span>{{ "" | nombre_empresa }}</span>
            </a>
        </div>

        <div class="clearfix"></div>

        <!-- menu profile quick info -->
        <div class="profile">
            <div class="profile_pic">
                {% if app.user.rutaimagen == null %}
                    <img src="{{ asset('assets/images/imgdefault.png') }}" alt="..." class="img-circle profile_img">
                {% else %}
                    <img src="{{ asset(app.user.rutaimagen~app.user.nombreimagen) }}"  class="img-circle profile_img">
                {% endif %}

            </div>
            <div class="profile_info">
                <span>¡Hola!,</span>
                <h2>{{ app.user.username }}</h2>
            </div>
        </div>
        <!-- /menu profile quick info -->

        <div class="clearfix"></div>

        <!-- sidebar menu -->
        <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
            <div class="menu_section">
                <h3>Menu</h3>
                <ul class="nav side-menu">
                    <li><a href="{{ path('citas_index') }}"><i class="fa fa-home"></i> Página principal</a></li>
                </ul>
            </div>

            {% if is_granted('ROLE_ADMIN') or  is_granted('ROLE_USER')%}
            <div class="menu_section">
                <h3>Negocio</h3>
                <ul class="nav side-menu">
                    <li><a href="{{ path('citas_index') }}"><i class="fa fa-calendar-check-o"></i> Citas</a></li>
                    <li><a href="{{ path('clientes_index') }}"><i class="fa fa-users"></i> Clientes</a></li>
                    <li><a href="{{ path('citas_cobranza') }}"><i class="fa fa-money"></i> Cobranza</a></li>
                    <li><a href="{{ path('citas_historial') }}"><i class="fa fa-calendar-o"></i> Historial de Citas</a></li>
                </ul>
            </div>
            {% endif %}

            {% if is_granted('ROLE_ADMIN') %}
            <div class="menu_section">
                <h3>Administración</h3>
                <ul class="nav side-menu">
                    <li><a href="{{ path('servicio_index') }}"><i class="fa fa-list"></i> Servicios</a></li>
                    <li><a href="{{ path('producto_index') }}"><i class="fa fa-list"></i> Productos</a></li>
                    <li><a href="{{ path('cortesia_index') }}"><i class="fa fa-glass"></i> Cortesías</a></li>
                    <li><a href="{{ path('sucursal_index') }}"><i class="fa fa-building"></i> Sucursales</a></li>
                    <li><a href="{{ path('empleado_index') }}"><i class="fa fa-user"></i> Empleados</a></li>
                    <li><a href="{{ path('users_index') }}"><i class="fa fa-users"></i> Usuarios</a></li>
                    <li><a href="{{ path('empresa_index') }}"><i class="fa fa-cog"></i> Configuración Empresa</a></li>
                    <li><a href="{{ path('galeria_index') }}"><i class="fa fa-picture-o"></i> Galería App</a></li>
                </ul>
            </div>
            {% endif %}
            
        </div>
        <!-- /sidebar menu -->

        <!-- /menu footer buttons -->
        <div class="sidebar-footer hidden-small">
            <a href="#" data-toggle="tooltip" data-placement="top" title="Settings">
                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
            </a>
            <a data-toggle="tooltip" data-placement="top" title="FullScreen">
                <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
            </a>
            <a data-toggle="tooltip" data-placement="top" title="Lock">
                <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
            </a>
            <a data-toggle="tooltip" data-placement="top" title="Logout" href="{{ path('fos_user_security_logout') }}">
                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
            </a>
        </div>
        <!-- /menu footer buttons -->
    </div>
</div>