@php
    $user = Auth::user();    

    $currentRoute = request()->route();
    $routeUri = $currentRoute->uri();

    $isActive = $routeUri == 'home' || $routeUri == '/';
    $aboutActive = $routeUri == 'sellers/aboutus';
    $contactActive = $routeUri == 'sellers/contactus';
    $listingIsActive = $routeUri == 'listing' || request()->is('seller/category-ads/*') || request()->is('seller/viewad/*');

    $subscriptionStatus = subscriptionAdsCount();

@endphp
<header class="header d-none">
    <div class="container">
        <nav class="navbar navbar-expand-lg header-nav">
            <div class="navbar-header">
                <a id="mobile_btn" href="javascript:void(0);">
                    <span class="bar-icon">
                        <span></span>
                        <span></span>
                        <span></span>
                    </span>
                </a>
                <a class="navbar-brand logo" href="{{ route('home') }}">
                 
                     <img class="img-fluid" src="{{ settings()->site_logo_url }}" alt="Logo">
                </a>
            </div>
            <div class="main-menu-wrapper">
                <div class="menu-header">
                    <a class="menu-logo" href="{{ route('home') }}">
                        <!-- <img class="img-fluid" src="{{ asset('sellers/assets/img/logo.svg') }}" alt="Logo"> -->
                        <img class="img-fluid" src="{{ settings()->site_logo_url }}" alt="Logo">
                    </a>
                    <a class="menu-close" id="menu_close" href="javascript:void(0);"> <i class="fas fa-times"></i></a>
                </div>
                <ul class="main-nav">
                    <li class="{{ $isActive ? 'active' : '' }}"><a href="{{ route('home') }}">Home</a></li>
                    <li class="{{ $aboutActive ? 'active' : '' }}"><a href="{{ route('aboutus') }}">About Us</a></li>
                    <li class="{{ $listingIsActive ? 'active' : '' }}"><a href="{{ route('listing', '') }}">Listings</a></li>
                    <li class="{{ $contactActive ? 'active' : '' }}"><a href="{{ route('contactus') }}">Contact</a></li>
                </ul>
            </div>
            
            <ul class="nav header-navbar-rht">
                <li class="dark-mode-list">
                    <a href="javascript:void(0);" id="dark-mode-toggle" class="dark-mode-toggle">
                        <i class="fa fa-sun light-mode @if((session('site_mode') && session('site_mode') == 'light') || !session('site_mode')) active @endif"></i>
                        <i class="fa fa-moon dark-mode @if(session('site_mode') && session('site_mode') == 'dark') active @endif"></i>
                    </a>
                </li>
                @if ($user && $user->role_id == 1)
                    <li class="login-link">
                        <a data-bs-toggle="modal" data-bs-target="#admin-item-s" href="javascript:void(0);">Sign Up</a>
                    </li>
                    <li class="login-link">
                        <a data-bs-toggle="modal" data-bs-target="#admin-item" href="javascript:void(0);">Sign In</a>
                    </li>
                @endif
                @if (!$user)
                    <li class="login-link">
                        <a href="{{ route('seller.register') }}">Sign Up</a>
                    </li>
                    <li class="login-link">
                        <a href="{{ route('seller.login') }}">Sign In</a>
                    </li>
                @endif
                <li class="nav-item">
                    @if ($user && $user->role_id == 1)
                        <a class="nav-link add-listing" href="{{ route('admin.addads') }}">
                            <span><i class="fa-solid fa-plus"></i></span>Post Your Ad
                        </a> &nbsp; &nbsp;
                    @endif
                    @if ($user && $user->role_id != 1)
                    <input type="hidden" id="hidsubscriptionStatus" name="hidsubscriptionStatus" value="{{ $subscriptionStatus }}">
                    <a href="{{ route('seller.post.form') }}" id="post-ad-btn" class="nav-link add-listing m-2">
                        <span><i class="fa-solid fa-plus"></i></span>Post Your Ad
                    </a> <span class="starcolor"></span>
                    @endif
                      
                    @if ($user && $user->role_id != 1)
                        <header class="seller-header">
                            <div class="user-profile dropdown">
                                <a href="#" class="user-name" data-bs-toggle="dropdown" aria-expanded="false">
                                    <div class="avatar avatar-xs">
                                        <img src="{{ auth()->user()->profile_image_url }}" alt="User Avatar">
                                    </div>
                                    <div class="username ms-2">{{ $user->name }}</div>
                                </a>
                                <div class="dropdown-menu drop-set">
                                    <a class="w-100" href="{{ route('seller.dashboard') }}">Dashboard</a>
                                    <a class="w-100" href="{{ route('seller.logout') }}">Logout</a>
                                </div>
                            </div>
                        </header>
                    @endif
                </li>
            </ul>
        </nav>
    </div>

    
</header>

<style type="text/css">
    .starcolor {
        color: red;
    }
</style>