{{-- <nav class="offer-header">
    <div class="container d-flex justify-content-center">
        <img src="{{asset('assets/gz-page/icons/christmas-tree-2.png')}}" class="offer-icon">
        <p class="offer-text">Sign up and get a <span class="format">$500 Gift Card <img src="{{asset('assets/gz-page/icons/open-box.png')}}" class="offer-icon"></span> from Graphicszoo!</p>
        <img src="{{asset('assets/gz-page/icons/christmas-tree-2.png')}}" class="offer-icon">
    </div>
</nav> --}}
<nav class="navbar gz-nav navbar-expand-lg bg-theme">
    <div class="container">
        <a class="navbar-brand" href="https://www.graphicszoo.com" aria-label="logo">
            <img src="https://s3.ap-southeast-1.amazonaws.com/assets.graphicszoo.com/logo-white.svg"
                class="img-fluid web-logo" style="max-width: 200px;" alt="logo">
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll"
            aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"><i class="bi bi-list text-white"></i></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarScroll">

            <ul class="navbar-nav mx-auto mb-lg-0">
                @if(request()->route()->uri == 'pricing')
                <li class="nav-item header-item">
                    <a class="nav-link header-link "
                        href="https://www.graphicszoo.com/graphic-design-services">Product</a>
                </li>
                <li class="nav-item header-item">
                    <a class="nav-link header-link" href="https://app.graphicszoo.com/pricing">Pricing</a>
                </li>
                <li class="nav-item header-item">
                    <a class="nav-link header-link " href="https://www.graphicszoo.com/portfolio">Our Work</a>
                </li>
                <li class="nav-item header-item">
                    <a class="nav-link header-link " href="https://www.graphicszoo.com/testimonials">Reviews</a>
                </li>
                <li class="nav-item header-item dropdown">
                    <a class="nav-link header-link dropdown-toggle " href="#" id="navbarDropdown-1" role="button"
                        data-bs-toggle="dropdown" aria-expanded="false">Resources</a>
                    <ul class="dropdown-menu customMegamenu" aria-labelledby="navbarDropdown-1">
                        <li><a class="dropdown-item" href="https://www.graphicszoo.com/blog"><img
                                    src="{{ asset('assets/gz-page/images/blog-icon.svg') }}"> Blog</a></li>
                        <li><a class="dropdown-item" href="https://www.graphicszoo.com/aboutus"><img
                                    src="{{ asset('assets/gz-page/images/guides-icon.svg') }}"> About Us</a></li>
                        <li><a class="dropdown-item" href="https://www.graphicszoo.com/contactus"><img
                                    src="{{ asset('assets/gz-page/images/contact.svg') }}"> Contact Us</a></li>
                    </ul>
                </li>
                @endif
            </ul>


            @if (!isAnonymousUser())
            @auth('web')
            <button type="btton" class="login-btn me-3" onclick="event.preventDefault();
                            document.getElementById('logout-form').submit();"><img class="me-2 login-btn-img"
                    src="{{ asset('assets/gz-page/images/user-icon.svg') }}" alt="user" />
                Logout</button>
            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                @csrf
            </form>
            @endauth

            @auth('admin')
            <button type="btton" class="login-btn me-3" onclick="event.preventDefault();
                            document.getElementById('logout-form').submit();"><img class="me-2 login-btn-img"
                    src="{{ asset('assets/gz-page/images/user-icon.svg') }}" alt="user" />
                Logout</button>
            <form id="logout-form" action="{{ route('admin.logout') }}" method="POST" style="display: none;">
                @csrf
            </form>
            @endauth
            @endif

            @guest('admin')
            @guest('web')

            @if ( !request()->is('signup') )
            <a href="{{ route('pricing') }}" class="gz-price-outline text-white px-4 btn">Get Started</a>
            @endif

            @if ( !request()->is('login') )
            <a onclick="window.location.href='{{ route('login') }}'" class="btn login-btn text-white"><i
                    class="bi bi-person me-2"></i> Login</a>
            @endif
            @endguest
            @endguest

            @auth('admin')
            <button type="button" onclick="window.location.href='{{ route('admin.project.index') }}'"
                class="secondary-btn me-4 get-start">Dashboard</button>
            @endauth

            @auth('web')
            <button type="button" onclick="window.location.href='{{ route('customer.project.index') }}'"
                class="secondary-btn me-4 get-start">Dashboard</button>
            @endauth
        </div>
    </div>
</nav>