@php
    $isPf = request()->routeIs('landing.pf');
    $isPj = request()->routeIs('landing.pj');
    $isOportunidade = request()->routeIs('landing.oportunidade');
    $headerLight = ! $isOportunidade;
@endphp

<header data-landing-header @if($headerLight) data-landing-header="light" class="is-scrolled" @endif>
    <nav class="mx-auto flex max-w-7xl items-center justify-between px-6 py-4 lg:px-8" aria-label="Navegação principal">
        <a href="{{ route('home') }}" class="flex items-center gap-3" aria-label="BioVida e Você">
            <span class="flex size-10 items-center justify-center rounded-xl bg-[#006948] text-white shadow-md">
                <svg class="size-5" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                    <path d="M36.7273 44C33.9891 44 31.6043 39.8386 30.3636 33.69C29.123 39.8386 26.7382 44 24 44C21.2618 44 18.877 39.8386 17.6364 33.69C16.3957 39.8386 14.0109 44 11.2727 44C7.25611 44 4 35.0457 4 24C4 12.9543 7.25611 4 11.2727 4C14.0109 4 16.3957 8.16144 17.6364 14.31C18.877 8.16144 21.2618 4 24 4C26.7382 4 29.123 8.16144 30.3636 14.31C31.6043 8.16144 33.9891 4 36.7273 4C40.7439 4 44 12.9543 44 24C44 35.0457 40.7439 44 36.7273 44Z" fill="currentColor"/>
                </svg>
            </span>
            <span class="landing-brand-text text-lg font-extrabold tracking-tight {{ $isOportunidade ? '' : 'text-[#006948]' }}">BioVida</span>
        </a>

        <div class="hidden items-center gap-8 text-sm font-semibold md:flex">
            @yield('nav_links')
        </div>

        <div class="flex items-center gap-3">
            @unless($isOportunidade)
                <a href="{{ $isPf ? route('landing.pj') : route('landing.pf') }}" class="hidden text-sm font-semibold text-[#3d4a42] transition hover:text-[#006948] sm:inline">
                    {{ $isPf ? 'Para Empresas' : 'Para Você' }}
                </a>
            @endunless
            @if (Route::has('login'))
                <a href="{{ route('login') }}" class="landing-nav-cta-secondary hidden text-sm font-semibold transition lg:inline {{ $isOportunidade ? 'text-white/80 hover:text-white' : 'text-[#3d4a42] hover:text-[#006948]' }}">Área do Cliente</a>
                <a href="{{ $isOportunidade ? '#cadastro' : route('login') }}" class="landing-nav-cta inline-flex items-center justify-center rounded-full px-5 py-2.5 text-sm font-bold shadow-md transition hover:-translate-y-0.5 {{ $isOportunidade ? 'bg-primary text-white hover:bg-primary/90' : 'bg-[#006948] text-white hover:bg-[#005a3d]' }}">
                    {{ $isOportunidade ? 'Quero começar' : 'Cotação Rápida' }}
                </a>
            @endif
        </div>
    </nav>
</header>