<%var home="" , noticias="" ,contabilidad="" ,incidencias="" , usuarios="", buzon="", problema="" ; switch(tituloWeb){ case "Inicio" : home="active"
    ; break;case "Noticias" : noticias="active" ; break; case "Contabilidad" : contabilidad="active" ;
    break;case "Incidencias" : incidencias="active" ; break; case "Usuarios" : usuarios="active" ; break;  case "Buzon de Problemas" : buzon="active" ; break;  case "Problema" : problema="active" ; break; } %>

    <nav class="navbar navbar-expand-lg navbar-dark bg-secondary">
        <div class="container-fluid">
            <div class="col-1 align-items-center text-center px-0 py-0 foto1"><img class="bd-placeholder-img bd-placeholder-img-lg featurette image
        img-fluid mx-auto;" src="/img/favicon.png" alt="logo empresa" style="max-width: 80px;"></div>
            <a class="navbar-brand" href="/">KOJIMA PRODUCTIONS</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor01"
                aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarColor01">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                        <a class="nav-link <%=home%>" data-toggle="tooltip" data-placement="bottom"
                            title="Proyectos en Desarrollo" href="/">Proyectos</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link <%=noticias%>" data-toggle="tooltip" data-placement="bottom"
                            title="Noticias de la Empresa" href="/news">Noticias</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link <%=contabilidad%>" data-toggle="tooltip" data-placement="bottom"
                            title="Gastos Actuales" href="/wallet">Contabilidad</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link <%=incidencias%>" data-toggle="tooltip" data-placement="bottom"
                            title="Avisos o Incidencias" href="/incidents">Incidencias</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link <%=usuarios%>" data-toggle="tooltip" data-placement="bottom"
                            title="Trabajadores Registrados" href="/users">Usuarios</a>
                    </li>
                    <%if (usuario.rol=="Profesor" ){%>
                        <li class="nav-item">
                            <a class="nav-link <%=buzon%>" data-toggle="tooltip" data-placement="bottom"
                                title="Buzon de Peticiones" href="/mailbox">Buzón</a>
                        </li>
                        <%}%>
                            <%if (usuario.rol=="Alumno" ){%>
                                <li class="nav-item">
                                    <a class="nav-link <%=problema%>" data-toggle="tooltip" data-placement="right"
                                        title="Problema o Petición" href="/problem">Problema</a>
                                </li>
                                <%}%>
                </ul>
                <form class="d-flex gap-3">
                    <a class="btn fw-bolder">Bienvenido <%=usuario.rol%>, <%=usuario.nombre%>
                    </a>
                    <a class="btn btn-outline-light" href="/login">Cerrar Sesión</a>
                </form>
            </div>
        </div>
    </nav>