File: /var/www/html/spion/resources/views/front/partial/header.blade.php
<header class="page-header">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark position-static">
{{-- <img width="" height="50" src="img/logo-black-trnsprnt.png" alt=""> --}}
{{-- <a href="">
<img src="{{ asset('assets/front/website/img/logo-black-trnsprnt.png') }}" height="50" alt="">
</a> --}}
<a href="/">
@php
$logoUrls = App\Models\Setting::getLogoUrl();
$logoUrl = $logoUrls['website_logo'];
$footerLogoUrl = $logoUrls['website_footer_logo'];
@endphp
@if ($logoUrl)
<img src="{{ $logoUrl }}" alt="Website Logo "height="50" alt="">
</a>
@else
<img src="{{ asset('assets/front/website/img/logo-orbi-black-transparent.png') }}" alt="Default Logo"
height="50">
@endif
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="fas fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="{{ route('home.website') }}">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('about.website') }}">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="{{ route('template') }}" role="button">
Template
</a>
{{-- <div class="dropdown-menu dropp">
<ul>
<li><a class="dropdown-item" href="#">About Us</a></li>
<li><a class="dropdown-item" href="#">Our Service One</a></li>
<li><a class="dropdown-item" href="#">Our Service Two </a></li>
<li><a class="dropdown-item" href="#">Our Features One</a></li>
<li><a class="dropdown-item" href="#">Our Features Two</a></li>
<li><a class="dropdown-item" href="#">Our Team</a></li>
<li><a class="dropdown-item" href="#">Our Pricing</a></li>
<li><a class="dropdown-item" href="#">404</a></li>
</ul>
</div> --}}
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('blog.website') }}">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('pricing.website') }}">Pricing</a>
</li>
<li class="nav-item dropdown position-static">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Portfolio
</a>
<div class="dropdown-menu">
<ul>
<h4 class="dropdown-item">Portfolio Layouts</h4>
<li><a class="dropdown-item" href="#">Horizontal Carousel</a></li>
<li><a class="dropdown-item" href="#">Parallax Slider</a></li>
<li><a class="dropdown-item" href="#">Classic Carousel</a></li>
<li><a class="dropdown-item" href="#">Fancy Slider</a></li>
</ul>
<ul>
<h4 class="dropdown-item">Portfolio Layouts</h4>
<li><a class="dropdown-item" href="#">Three Columns Box</a></li>
<li><a class="dropdown-item" href="#">Four Columns Box</a></li>
<li><a class="dropdown-item" href="#">Marquee Portfolio</a></li>
<li><a class="dropdown-item" href="#">Masonry Overlay</a></li>
</ul>
<ul>
<h4 class="dropdown-item">Portfolio Layouts</h4>
<li><a class="dropdown-item" href="#">Masonry Creative</a></li>
<li><a class="dropdown-item" href="#">Simple Zoom Out</a></li>
<li><a class="dropdown-item" href="#">Metro Masonry</a></li>
<li><a class="dropdown-item" href="#">Three Column Metro</a></li>
</ul>
<ul>
<h4 class="dropdown-item">Portfolio Layouts</h4>
<li><a class="dropdown-item" href="#">Style One</a></li>
<li><a class="dropdown-item" href="#">Style Two</a></li>
<li><a class="dropdown-item" href="#">Style Three</a></li>
<li><a class="dropdown-item" href="#">Style Four</a></li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('contact') }}">Contact</a>
</li>
{{-- <li class="nav-item">
<a class="nav-link" href="{{ route('contact_us.website') }}">Contact 2</a>
</li> --}}
{{-- <li class="nav-item d-lg-block d-xl-none">
<a href="{{ route('search.website') }}" class="btn btn-sm btn-000"><i
class="fas fa-search"></i></a>
</li>
<div class="buttons d-lg-none d-block">
<a href="#" class="btn btn-sm w-full w-lg-auto btn2" data-bs-toggle="modal"
data-bs-target="#exampleModal0">LOGIN</a>
<a href="#" class="btn btn-sm w-full w-lg-auto btn1 around" data-bs-toggle="modal"
data-bs-target="#exampleModal">Sign Up Free</a>
</div> --}}
</ul>
</div>
<li class="nav-item d-none d-xl-block">
<a href="{{ route('search.website') }}" class="btn btn-sm btn-000"><i class="fas fa-search"></i></a>
</li>
<div class="buttons d-lg-block d-none">
@guest
<!-- Show Login and Sign-Up buttons if the user is not logged in -->
<a href="#" class="btn btn-sm w-full w-lg-auto btn2" data-bs-toggle="modal"
data-bs-target="#exampleModal0">LOGIN</a>
<a href="#" class="btn btn-sm w-full w-lg-auto btn1 around" data-bs-toggle="modal"
data-bs-target="#exampleModal">Sign Up Free</a>
@else
<!-- Show Logout button if the user is logged in -->
{{-- <div class="d-flex justify-content-end">
<a href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();"
class="btn btn-sm w-full w-lg-auto btn2">Logout</a>
<form id="logout-form" action="{{ route('user.logout') }}" method="POST" style="display: none;">
@csrf
</form>
</div> --}}
<div class="dropdown profile_dropdown">
<button type="button" class="btn dropdown-toggle" data-bs-toggle="dropdown">
<img src="{{ asset('assets/front/website/img/simple-user.webp') }}" height="50"
alt="">
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="{{route('user.profile')}}">Profile</a></li>
<li>
<a href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();"
class="dropdown-item" >Logout</a>
<form id="logout-form" action="{{ route('user.logout') }}" method="POST" style="display: none;">
@csrf
</form>
</li>
{{-- <li><a class="dropdown-item" href="#">Link 3</a></li> --}}
</ul>
</div>
@endguest
</div>
</nav>
</div>
</header>