@php
    $navItems = [
        ['label' => 'Home', 'url' => url('/')],
        ['label' => 'About', 'url' => url('/about')],
        ['label' => 'Product', 'url' => url('/product')],
        ['label' => 'Solar for Home', 'url' => url('/solar-home')],
        ['label' => 'Solar for Business', 'url' => url('/solar-business')],
        ['label' => 'Contact', 'url' => url('/contact')],
    ];
@endphp

<header class="site-header">
    <div class="container header-inner">
        <a href="{{ url('/') }}" class="brand brand-logo-link" aria-label="Solar 24 Solutions home">
            <img src="{{ asset('logo.png') }}" alt="Solar 24 Solutions" class="site-logo">
        </a>

        <input type="checkbox" id="nav-toggle" class="nav-toggle" aria-hidden="true">
        <label for="nav-toggle" class="nav-toggle-button" aria-label="Toggle navigation" role="button" tabindex="0">
            <span></span>
            <span></span>
            <span></span>
        </label>

        <nav class="site-nav" aria-label="Primary navigation">
            <ul>
                @foreach ($navItems as $item)
                    @php
                        $isActive = request()->url() === $item['url'];
                    @endphp
                    <li>
                        <a href="{{ $item['url'] }}" class="{{ $isActive ? 'active' : '' }}">
                            {{ $item['label'] }}
                        </a>
                    </li>
                @endforeach
            </ul>
        </nav>
    </div>
</header>