117 lines
6.3 KiB
PHP
117 lines
6.3 KiB
PHP
<header class="navbar navbar-expand-lg navbar-light bg-white 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">
|
|
<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>
|