<button class="mobile-toggle">
    <i class="fas fa-bars"></i> Menu
</button>

<!-- Header -->
<div class="header">
    <div class="page-title">
        <h1>@yield('title', 'User Dashboard')</h1>
    </div>
    <div class="user-actions">
        <form class="search-bar" method="GET" action="{{ route('user.search') }}">
            <i class="fas fa-search"></i>
            <input type="text" name="q" placeholder="Search..." value="{{ request('q') }}">
        </form>
        <div class="user-profile">
            <img src="{{ Auth::user()->avatar ?? 'https://ui-avatars.com/api/?name=' . urlencode(Auth::user()->name) }}" alt="User">
            <div class="user-info">
                <h4>{{ Auth::user()->name }}</h4>
                <p>User Account</p>
            </div>
        </div>
        <form method="POST" action="{{ route('logout') }}">
            @csrf
            <button type="submit" class="btn-logout">
                <i class="fas fa-sign-out-alt"></i> Logout
            </button>
        </form>
    </div>
</div>