some progress
This commit is contained in:
@@ -37,5 +37,8 @@
|
||||
</div>
|
||||
@livewireScripts
|
||||
@bukScripts
|
||||
<script src="{{ asset('js/app.js') }}" defer></script>
|
||||
<script src="{{ asset('js/theme-switcher.js') }}" defer></script>
|
||||
@stack('scripts')
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,51 +1,110 @@
|
||||
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
|
||||
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none">
|
||||
<svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"></use></svg>
|
||||
<span class="fs-4">Simple header</span>
|
||||
</a>
|
||||
<form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search">
|
||||
<input type="search" class="form-control form-control-dark text-bg-dark" placeholder="Search..." aria-label="Search">
|
||||
</form>
|
||||
<ul class="nav nav-pills">
|
||||
<li class="nav-item"><a href="/" class="nav-link">Home</a></li>
|
||||
<li class="nav-item"><a href="{{ route('movie.index') }}" class="nav-link">Movies</a></li>
|
||||
<li class="nav-item"><a href="{{ route('show.index') }}" class="nav-link">Tv Shows</a></li>
|
||||
<li class="nav-item"><a href="{{ route('celebrity.index') }}" class="nav-link">Celebrities</a></li>
|
||||
<li class="nav-item"><a href="{{ route('forums.index') }}" class="nav-link">Forums</a></li>
|
||||
<li class="nav-item"><a href="#" class="nav-link">Contact</a></li>
|
||||
@guest
|
||||
@if (Route::has('login'))
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
|
||||
</li>
|
||||
@endif
|
||||
<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>
|
||||
|
||||
@if (Route::has('register'))
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="{{ route('register') }}">{{ __('Register') }}</a>
|
||||
</li>
|
||||
@endif
|
||||
@else
|
||||
<li class="nav-item dropdown">
|
||||
<a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
|
||||
{{ Auth::user()->name }}
|
||||
</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="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
|
||||
<a href="{{ route('profile.list.index', Auth::user()->slug) }}" class="dropdown-item">
|
||||
Lists
|
||||
</a>
|
||||
<a class="dropdown-item" href="{{ route('logout') }}"
|
||||
onclick="event.preventDefault();
|
||||
document.getElementById('logout-form').submit();">
|
||||
{{ __('Logout') }}
|
||||
</a>
|
||||
|
||||
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
|
||||
@csrf
|
||||
</form>
|
||||
<div class="collapse navbar-collapse" id="navbarContent">
|
||||
<form class="d-flex mx-auto my-2 my-lg-0" role="search">
|
||||
<div class="input-group">
|
||||
<input type="search" 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>
|
||||
</li>
|
||||
@endguest
|
||||
</ul>
|
||||
</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>
|
||||
|
||||
Reference in New Issue
Block a user