@vite(['resources/css/app.css','resources/scss/config/default/app.scss', 'resources/scss/config/default/bootstrap.scss'])

<!-- Topbar Start -->
<div class="navbar-custom">
    <div class="container-fluid">
        <ul class="list-unstyled topnav-menu float-end mb-0">
            <li class="dropdown d-none d-lg-inline-block">
                <a class="nav-link arrow-none waves-effect waves-light" id="fullscreen" href="#">
                    <i class="fe-maximize noti-icon"></i>
                </a>
            </li>
            
            <li class="dropdown notification-list topbar-dropdown">
                <a class="nav-link dropdown-toggle nav-user me-0 waves-effect waves-light" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                    <span class="font-small text-xs text-gray-800">
                        {{ Auth::user()->name }}{{ Auth::user()->lastname ? ' ' . Auth::user()->lastname : '' }} - {{ Auth::user()->profile->name }}
                    </span>
                </a>
                <div class="dropdown-menu dropdown-menu-end profile-dropdown ">
                    <form id="logout-form" method="POST" action="{{ route('logout') }}" style="display: none;">
                        @csrf
                    </form>

                    <a href="javascript:void(0);" class="dropdown-item notify-item" 
                    onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                        <span>Salir</span>
                    </a>
                </div>
            </li>
        </ul>

        <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
            <li>
                <button class="button-menu-mobile waves-effect text-dark">
                    <i class="fe-menu"></i>
                </button>
            </li>
        </ul>
    </div>
</div>
<!-- end Topbar -->