movies/resources/views/layouts/header.blade.php

<header class="navbar navbar-expand-lg shadow-sm">
    <div class="container-fluid px-4">
        <a href="/" class="navbar-brand d-flex align-items-center">
            <span class="fs-4 fw-bold" style="font-family: 'Lobster', cursive;">MovieAddict</span>
        </a>

        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarContent">
            <form class="d-flex mx-auto my-2 my-lg-0" role="search" action="{{ route('search') }}" method="GET">
                <div class="input-group">
                    <select name="type" class="form-select" style="max-width: 140px;">
                        <option value="all" selected>Movies & TV</option>
                        <option value="movie">Movies</option>
                        <option value="tv">TV Shows</option>
                        <option value="person">People</option>
                    </select>
                    <input type="search" name="query" class="form-control" placeholder="Search movies, shows, celebrities..." aria-label="Search">
                    <button class="btn btn-outline-primary" type="submit">
                        <span class="iconify" data-icon="mdi-magnify"></span>
                    </button>
                </div>
            </form>

            <ul class="navbar-nav ms-auto">
                <li class="nav-item">
                    <a href="/" class="nav-link d-flex align-items-center">
                        <span class="iconify me-1" data-icon="mdi-home"></span>
                        Home
                    </a>
                </li>
                <li class="nav-item">
                    <a href="{{ route('movie.index') }}" class="nav-link d-flex align-items-center">
                        <span class="iconify me-1" data-icon="mdi-movie"></span>
                        Movies
                    </a>
                </li>
                <li class="nav-item">
                    <a href="{{ route('show.index') }}" class="nav-link d-flex align-items-center">
                        <span class="iconify me-1" data-icon="mdi-television"></span>
                        TV Shows
                    </a>
                </li>
                <li class="nav-item">
                    <a href="{{ route('celebrity.index') }}" class="nav-link d-flex align-items-center">
                        <span class="iconify me-1" data-icon="mdi-account-group"></span>
                        Celebrities
                    </a>
                </li>
                <li class="nav-item">
                    <a href="{{ route('forums.index') }}" class="nav-link d-flex align-items-center">
                        <span class="iconify me-1" data-icon="mdi-forum"></span>
                        Forums
                    </a>
                </li>
                <li class="nav-item">
                    <a href="{{ route('lists.public') }}" class="nav-link d-flex align-items-center">
                        <span class="iconify me-1" data-icon="mdi-playlist-play"></span>
                        Lists
                    </a>
                </li>
                <li class="nav-item">
                    <button id="themeSwitcher" class="nav-link d-flex align-items-center theme-switcher">
                        <span class="iconify me-1" data-icon="mdi-weather-sunny"></span>
                        <span class="theme-text">Light Mode</span>
                    </button>
                </li>

                @guest
                    @if (Route::has('login'))
                        <li class="nav-item">
                            <a class="nav-link d-flex align-items-center" href="{{ route('login') }}">
                                <span class="iconify me-1" data-icon="mdi-login"></span>
                                {{ __('Login') }}
                            </a>
                        </li>
                    @endif

                    @if (Route::has('register'))
                        <li class="nav-item">
                            <a class="btn btn-primary text-white ms-2" href="{{ route('register') }}">
                                <span class="iconify me-1" data-icon="mdi-account-plus"></span>
                                {{ __('Register') }}
                            </a>
                        </li>
                    @endif
                @else
                    <li class="nav-item dropdown">
                        <a id="navbarDropdown" class="nav-link dropdown-toggle d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
                            <img src="{{ Auth::user()->avatar ?? 'https://ui-avatars.com/api/?name=' . urlencode(Auth::user()->name) }}" alt="{{ Auth::user()->name }}" class="rounded-circle me-2" width="32" height="32">
                            {{ Auth::user()->name }}
                        </a>

                        <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
                            <a href="{{ route('profile.show', Auth::user()->slug) }}" class="dropdown-item d-flex align-items-center">
                                <span class="iconify me-2" data-icon="mdi-account"></span>
                                Profile
                            </a>
                            <a href="{{ route('profile.list.index', Auth::user()->slug) }}" class="dropdown-item d-flex align-items-center">
                                <span class="iconify me-2" data-icon="mdi-playlist-check"></span>
                                My Lists
                            </a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item d-flex align-items-center" href="{{ route('logout') }}"
                               onclick="event.preventDefault();
                                             document.getElementById('logout-form').submit();">
                                <span class="iconify me-2" data-icon="mdi-logout"></span>
                                {{ __('Logout') }}
                            </a>

                            <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                @csrf
                            </form>
                        </div>
                    </li>
                @endguest
            </ul>
        </div>
    </div>
</header>