@if ($menus->count() > 1 || $hayProductos)
    <header class="text-white shadow-sm">
        <nav class="navbar navbar-expand-lg navbar-dark container py-0">
            <div class="container-fluid">
                {{-- Logo --}}
                <a class="navbar-brand d-flex align-items-center gap-2" href="#">
                    @if ($website->logo)
                        <img src="{{ asset('storage/' . $website->logo) }}" alt="Logo {{ $website->domain }}" style="height: 30px;">

                    @else
                        {{ $website->domain }}
                    @endif
                </a>

                {{-- Botón hamburguesa --}}
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar"
                    aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                {{-- Menú principal --}}
                <div class="collapse navbar-collapse" id="mainNavbar">
                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                        @foreach ($menus as $menu)
                            @php
                                $pageSlug = optional($website->pages->firstWhere('menu_id', $menu->id))->slug;
                                $menuHref = $pageSlug ? url('/sitios/' . $website->domain . '/' . $pageSlug) : '#';
                            @endphp

                            @if ($menu->submenus->count())
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="{{ $menuHref }}" role="button"
                                        data-bs-toggle="dropdown" aria-expanded="false">
                                        {{ $menu->title }}
                                    </a>
                                    <ul class="dropdown-menu">
                                        @foreach ($menu->submenus as $submenu)
                                            @php
                                                $submenuSlug = optional($submenu->page)->slug;
                                                $submenuHref = $submenuSlug ? url('/sitios/' . $website->domain . '/' . $submenuSlug) : '#';
                                            @endphp
                                            <li>
                                                <a class="dropdown-item" href="{{ $submenuHref }}">{{ $submenu->title }}</a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </li>
                            @else
                                <li class="nav-item">
                                    <a class="nav-link" href="{{ $menuHref }}">{{ $menu->title }}</a>
                                </li>
                            @endif
                        @endforeach

                        @if ($hayProductos)
                            <li class="nav-item">
                                <a class="nav-link position-relative" href="#" id="abrirCarritoModal">
                                    <i class="fas fa-shopping-cart"></i>
                                </a>
                            </li>
                        @endif

                        @if (!$clienteAutenticado && $hayProductos)
                            {{-- Botón Iniciar sesión --}}
                            <li class="nav-item">
                                <a class="nav-link" href="{{ route('cliente.login') }}">
                                    <i class="fas fa-sign-in-alt me-1"></i> Iniciar sesión
                                </a>
                            </li>
                        @endif

                        @if ($clienteAutenticado)
                            {{-- Perfil del cliente --}}
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle d-flex align-items-center gap-1" href="#"
                                    id="navbarDropdownPerfil" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                    <i class="fas fa-user-circle me-1"></i>
                                    {{ Str::limit($clienteAutenticado->name, 10) }}
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end shadow-sm border-0"
                                    aria-labelledby="navbarDropdownPerfil">
                                    <li>
                                        <a class="dropdown-item d-flex align-items-center gap-2"
                                            href="{{ route('cliente.perfil.perfil') }}">
                                            <i class="fas fa-id-card text-primary"></i> Ver perfil
                                        </a>
                                    </li>
                                    <li>
                                        <hr class="dropdown-divider">
                                    </li>
                                    <li>
                                        <form method="POST" action="{{ url('/logout-cliente') }}">
                                            @csrf
                                            <button class="dropdown-item text-danger d-flex align-items-center gap-2"
                                                type="submit">
                                                <i class="fas fa-sign-out-alt"></i> Cerrar sesión
                                            </button>
                                        </form>
                                    </li>
                                </ul>
                            </li>

                        @endif
                    </ul>
                </div>
            </div>
        </nav>
    </header>
@endif