<header class="site-header">
    <div class="container">
        <a class="logo" href="{{ route('home') }}">
            <img src="{{ asset('images/logo.png') }}" alt="{{ $siteSettings['site_name'] ?? 'Touchfoundation' }}" style="height: 60px; width: auto;">
        </a>
        <div class="header-right">
            <nav class="main-nav">
                <a href="{{ route('home') }}">Home</a>
                <a href="{{ route('about') }}">About</a>
                <a href="{{ route('gallery') }}">Gallery</a>
                <a href="{{ route('blog') }}">Blog</a>
                <a href="{{ route('events') }}">Events</a>
                <a href="{{ route('join') }}">Join Us</a>
                <a href="{{ route('sponsors') }}">Sponsors</a>
                @auth
                    <form action="{{ route('logout') }}" method="POST" style="display: inline;">
                        @csrf
                        <button type="submit" style="background: none; border: none; color: inherit; cursor: pointer; padding: 0; font: inherit;">Logout</button>
                    </form>
                @else
                    <a href="{{ route('login') }}">Login</a>
                @endauth
            </nav>
            <a href="#donate" class="btn-donate">💰 Donate Now</a>
        </div>
    </div>
</header>
