Sindbad~EG File Manager

<div>@if (Auth::check())
    <link rel="stylesheet" href="/css/Aileron.css">
    <style>
        .nav-link {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 15px;
            color: white !important;
            background-color: #c29e52;
            border-radius: 25px;
            padding: 10px 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 10px; /* Added margin-top for distance from the top */
	}
	.dropdown-menu a {
	    text-decoration:none !important;
        }
        /* Estilo base para el contenedor */
        .nav-dropdown-toggle {
            display: flex;
            align-items: center;
            cursor: pointer;
            text-decoration: none;
        }

        .nav-dropdown-toggle:hover {
            text-decoration: none;
        }
        /* Estilo del texto */
        .nav-dropdown-toggle .dropdown-text {
            font-size: 16px;
            color: white !important;
            padding: 4px 4px;
            background-color: #c29e52;
            border-radius: 25px;
            color: white;
            margin-right: 2px; /* Espaciado entre texto e imagen */
            text-decoration: none; /* Elimina el subrayado */
        }
        .nav-dropdown-toggle .dropdown-text:hover {
            text-decoration: none;
        }
        .nav-dropdown-toggle .dropdown-icon {
            height: 25px;
            transition: transform 0.3s ease; /* Suaviza la rotación */
        }
        /* Cambia el ícono cuando el menú está desplegado */
        .nav-dropdown-toggle[aria-expanded="true"] .dropdown-icon {
            transform: rotate(180deg); /* Voltea la imagen (arriba) */
        }

    </style>
    <nav class="navbar navbar-expand-lg navbar-light" >
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" style="border-color: white;">
            <i class="fa fa-bars" style="color:white;"></i>
        </button>
        <div class="collapse navbar-collapse justify-content-center" id="collapsibleNavbar">
            <ul class="navbar-nav menu">
                <li class="nav-item active">
                    <a class="" href="/"><img src="/frontend/inicio_logo.png" alt="Inicio Logo" style="max-height: 60px;"></a>
                </li>
                <li class="nav-item dropdown">
                    <a id="navbardrop" class="nav-dropdown-toggle" data-toggle="dropdown" href="#" >
                        <span class="dropdown-text">NOSOTROS</span>
                        <img class="dropdown-icon" src="/imgsystem/abajo.png" alt="Ícono Flecha"/>
                    </a>
                    <div class="dropdown-menu" style="background-color: rgba(255, 255, 255, 0.8) !important;">
                        <a class="" href="/aventura" style="color: black !important;">
                            &#8226; Bases y condiciones
                        </a>
                        <a class="" href="/reglamento" style="color: black !important;">
                            &#8226; Informes
                        </a>
                        <a class="" href="/contacto" style="color: black !important;">
                            &#8226; Contacto
                        </a>
                    </div>
                </li>

                <li class="nav-item dropdown">
                    <a id="navbardrop" class="nav-dropdown-toggle" data-toggle="dropdown" href="#" >
                        <span class="dropdown-text">MI EQUIPO</span>
                        <img class="dropdown-icon" src="/imgsystem/abajo.png" alt="Ícono Flecha"/>
                    </a>
                    <div class="dropdown-menu" style="background-color: rgba(255, 255, 255, 0.8) !important;">
                        <a class="" style="color: black !important;" href="/equipo">  &#8226; Integrantes</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a id="navbardrop" class="nav-dropdown-toggle" data-toggle="dropdown" href="#" >
                        <span class="dropdown-text">LA COMPETENCIA</span>
                        <img class="dropdown-icon" src="/imgsystem/abajo.png" alt="Ícono Flecha"/>
                    </a>
                    <div class="dropdown-menu" style="background-color: rgba(255, 255, 255, 0.8) !important;">
                        <a class="" style="color: black !important;" href="/misiones">  &#8226; Misiones</a>
                        <a class="" style="color: black !important;" href="/calendario">  &#8226; Calendario</a>
                        <a class="" style="color: black !important;" href="/puntaje">  &#8226; Puntaje</a>
                        <a class="" style="color: black !important;" href="/ranking">  &#8226; Ranking</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a id="navbardrop" class="nav-dropdown-toggle" data-toggle="dropdown" href="#" >
                        <span class="dropdown-text">MIS DESAFIOS</span>
                        <img class="dropdown-icon" src="/imgsystem/abajo.png" alt="Ícono Flecha"/>
                    </a>
                    <div class="dropdown-menu" style="background-color: rgba(255, 255, 255, 0.8) !important;">
                        <a class="" href="/misionesindividuales" style="color: black !important;">  &#8226; Desafíos Individuales</a>
                        <a class="" href="/catalogo" style="color: black !important;"> &#8226; Catálogo</a>
                    </div>
                </li>
                @if (Auth::check())
                    <li class="nav-item dropdown">
                        <a id="navbardrop" class="nav-dropdown-toggle" data-toggle="dropdown" href="#" >
                            <span class="dropdown-text"> {{Auth::user()->name}}</span>
                            <img class="dropdown-icon" src="/imgsystem/abajo.png" alt="Ícono Flecha"/>
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown" style="background-color: rgba(255, 255, 255, 0.8) !important;">
                            <a class="" style="color: #001a57">
                                Mi ID: {{ Auth::user()->id }}
                            </a>
                            @if (Auth::user()->nivel == 1)
                                <a class="" style="color: #001a57" href="{{ url('/dashboard') }}">
                                    Panel de Control
                                </a>
                            @endif
                            <a class="" style="color: #001a57" href="/transacciones">
                                Mis transacciones
                            </a>
                            <a class="" style="color: #001a57" href="/miperfil">
                                Mi Perfil
                            </a>
                            <a class="" style="color: #001a57" href="/missolicitudes">
                                Mis Solicitudes
                            </a>
                            <a class="" style="color: #001a57" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                                Cerrar Sesión
                            </a>
                            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                                {{ csrf_field() }}
                            </form>
                        </div>
                    </li>
                @else
                    <li class="nav-item">
                        <a href="{{ url('/login') }}" class="nav-link inicio">Ingresar</a>
                    </li>
                @endif
            </ul>
        </div>
    </nav>
    @endif
</div>