<nav class="main-header navbar
    {{ config('adminlte.classes_topnav_nav', 'navbar-expand') }}
    {{ config('adminlte.classes_topnav', 'navbar-white navbar-light') }}">

    {{-- Navbar left links --}}
    <ul class="navbar-nav">
        {{-- Left sidebar toggler link --}}
        @include('adminlte::partials.navbar.menu-item-left-sidebar-toggler')

        {{-- Configured left links --}}
        @each('adminlte::partials.navbar.menu-item', $adminlte->menu('navbar-left'), 'item')

        {{-- Custom left links --}}
        @yield('content_top_nav_left')
    </ul>

    {{-- Navbar right links --}}
    <ul class="ml-auto navbar-nav">
        {{-- Custom right links --}}
        @yield('content_top_nav_right')

        {{-- Configured right links --}}
        @each('adminlte::partials.navbar.menu-item', $adminlte->menu('navbar-right'), 'item')

        {{-- User menu link --}}
        @if(Auth::user())
            @if(config('adminlte.usermenu_enabled'))
                @include('adminlte::partials.navbar.menu-item-dropdown-user-menu')
            @else
                @include('adminlte::partials.navbar.menu-item-logout-link')
            @endif
        @endif

        {{-- Right sidebar toggler link --}}
        @if(config('adminlte.right_sidebar'))
            @include('adminlte::partials.navbar.menu-item-right-sidebar-toggler')
        @endif

        <li class="nav-item dropdown">

            <a class="nav-link dropdown-toggle" data-toggle="dropdown">
                Opciones
            </a>

            <ul class="border-0 shadow dropdown-menu">
                <li>
                    <a class="dropdown-item" href="/home">Inicio</a>
                </li>
                <hr>
                    <li>
                        <p style="font-weight: 600; margin-top: -1rem; margin-bottom: -1rem; text-align: center">Hoteleria</p>
                    </li>
                <hr>
                <li>
                    <a class="dropdown-item" href="/clientes">Clientes</a>
                </li>
                <li>
                    <a class="dropdown-item" href="/calendario">Calendario</a>
                </li>
                <li>
                    <a class="dropdown-item" href="/reservation">Reservas</a>
                </li>
                <li>
                    <a class="dropdown-item" href="/Pedido">Consumos</a>
                </li>
                <li>
                    <a class="dropdown-item" href="/informes">Informes</a>
                </li>

                <hr>
                    <li>
                        <p style="font-weight: 600; margin-top: -1rem; margin-bottom: -1rem; text-align: center">Restaurante</p>
                    </li>
                <hr>

                <li>
                    <a class="dropdown-item" href="/Mesa">Mesas</a>
                </li>
                <li>
                    <a class="dropdown-item" href="/CategoriaProducto">Categorias</a>
                </li>
                <li>
                    <a class="dropdown-item" href="/producto">Producto</a>
                </li>
                <li>
                    <a class="dropdown-item" href="/Ordenes">Ordenes</a>
                </li>
                <li>
                    <a class="dropdown-item" href="/Grafica">Informes</a>
                </li>
            </ul>
        </li>

        <li class="nav-item">
            <a class="nav-link" href="/Settings">
                <i class="fas fa-cogs"></i>
            </a>
        </li>


    </ul>

</nav>
