{{-- Header específico para demo-product-landing - Adaptado desde Radoc Bikes --}}
@php
    $headerClassesSection = trim(View::yieldContent('header_classes', ''));
    $isTransparent = strpos($headerClassesSection, 'header-transparent') !== false;
@endphp
<header id="header" class="header-effect-shrink{{ $isTransparent ? ' ' . $headerClassesSection : ' header-dark ' . $headerClassesSection }}" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyChangeLogo': true, 'stickyStartAt': 30, 'stickyHeaderContainerHeight': 70}">
    <div class="header-body header-body-bottom-border border-top-0">
        <div class="header-container container">
            <div class="header-row">
                <div class="header-column">
                    <div class="header-row">
                        <div class="header-logo">
                            <a href="{{ front_homepage_url() }}">
                                <img alt="{{ config('site.assets.main_logo_alt') }}" src="{{ site_asset_url('main_logo') }}" class="img-fluid" width="123" />
                            </a>
                        </div>
                    </div>
                </div>
                <div class="header-column justify-content-end">
                    <div class="header-row">
                        <div class="header-nav header-nav-links{{ $isTransparent ? ' header-nav-light-text' : '' }}">
                            <div class="header-nav-main header-nav-main-mobile-dark header-nav-main-square header-nav-main-dropdown-no-borders header-nav-main-text-capitalize header-nav-main-effect-2 header-nav-main-sub-effect-1">
                                <nav class="collapse">
                                    <ul class="nav nav-pills" id="mainNav">
                                        {{-- Inicio --}}
                                        <li class="dropdown dropdown-primary {{ request()->is('/') || request()->routeIs('front.homepage') || request()->routeIs('front.welcome') ? 'active' : '' }}">
                                            <a class="nav-link text-uppercase font-weight-semi-bold {{ request()->is('/') || request()->routeIs('front.homepage') || request()->routeIs('front.welcome') ? 'active' : '' }}" href="{{ front_homepage_url() }}">
                                                {{ __('Inicio') }}
                                            </a>
                                        </li>

                                        {{-- One Factory --}}
                                        <li class="dropdown dropdown-primary {{ request()->is('one-factory') || request()->is('one-factory/*') ? 'active' : '' }}">
                                            <a class="nav-link text-uppercase font-weight-semi-bold {{ request()->is('one-factory') || request()->is('one-factory/*') ? 'active' : '' }}" href="{{ route('front.one-factory') }}">
                                                One Factory
                                            </a>
                                        </li>

                                        {{-- One Select --}}
                                        <li class="dropdown dropdown-primary {{ request()->is('one-select') || request()->is('one-select/*') ? 'active' : '' }}">
                                            <a class="nav-link text-uppercase font-weight-semi-bold {{ request()->is('one-select') || request()->is('one-select/*') ? 'active' : '' }}" href="{{ route('front.one-select') }}">
                                                One Select
                                            </a>
                                        </li>

                                        {{-- One Ultra --}}
                                        <li class="dropdown dropdown-primary {{ request()->is('one-ultra') || request()->is('one-ultra/*') ? 'active' : '' }}">
                                            <a class="nav-link text-uppercase font-weight-semi-bold {{ request()->is('one-ultra') || request()->is('one-ultra/*') ? 'active' : '' }}" href="{{ route('front.one-ultra') }}">
                                                One Ultra
                                            </a>
                                        </li>

                                        {{-- Explorar (Dropdown) - Bootstrap Collapse en móvil para garantizar que funcione --}}
                                        <li class="dropdown dropdown-primary {{ request()->is('about*') || request()->is('blog*') ? 'active' : '' }}">
                                            <a class="nav-link text-uppercase font-weight-semi-bold dropdown-toggle {{ request()->is('about*') || request()->is('blog*') ? 'active' : '' }}" href="javascript:void(0)" role="button" data-bs-toggle="collapse" data-bs-target="#navExplorarCollapse" aria-expanded="false" aria-controls="navExplorarCollapse">
                                                Explorar
                                            </a>
                                            <div class="collapse header-dropdown-collapse" id="navExplorarCollapse">
                                                <ul class="dropdown-menu list-unstyled mb-0">
                                                    <li>
                                                        <a class="dropdown-item" href="{{ route('front.about') }}">{{ __('Historia de la marca') }}</a>
                                                    </li>
                                                    @if(is_module_active('blog'))
                                                        <li>
                                                            <a class="dropdown-item" href="{{ route('blog.index') }}">{{ __('Radoc Hub') }}</a>
                                                        </li>
                                                    @endif
                                                </ul>
                                            </div>
                                        </li>

                                        {{-- Conviértete en Partner (Contacto) --}}
                                        <li class="dropdown dropdown-primary {{ request()->is('contact*') ? 'active' : '' }}">
                                            <a class="nav-link text-uppercase font-weight-semi-bold {{ request()->is('contact*') ? 'active' : '' }}" href="{{ route('front.contact') }}">
                                                Conviértete en Partner
                                            </a>
                                        </li>

                                        @guest
                                        @else
                                            <li class="dropdown dropdown-primary">
                                                <a class="nav-link font-weight-bold text-uppercase dropdown-toggle" href="javascript:void(0)" role="button" data-bs-toggle="collapse" data-bs-target="#navUserCollapse" aria-expanded="false" aria-controls="navUserCollapse">
                                                    {{ Auth::user()->name }}
                                                </a>
                                                <div class="collapse header-dropdown-collapse" id="navUserCollapse">
                                                <ul class="dropdown-menu list-unstyled mb-0">
                                                    <li>
                                                        <a class="dropdown-item" href="{{ url('home') }}">
                                                            {{ __('header_my_dashboard') }}
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a class="dropdown-item" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                                                            {{ __('header_logout') }}
                                                        </a>
                                                        <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                                                            @csrf
                                                        </form>
                                                    </li>
                                                </ul>
                                                </div>
                                            </li>
                                        @endguest
                                    </ul>
                                </nav>
                            </div>

                            <button class="btn header-btn-collapse-nav" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav">
                                <i class="fas fa-bars"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

{{-- WhatsApp Float Button (opcional) --}}
@if(config('site.social_media.whatsapp.active') ?? false)
    <a href="{{ config('site.social_media.whatsapp.url') }}" class="float-wsp" target="_blank">
        <i class="{{ config('site.social_media.whatsapp.icon') }} my-float-wsp"></i>
    </a>
@endif