

<header class="main-header">

    <div class="container">

        <div class="header-inner">

            
            <a href="<?php echo e(url('/')); ?>" class="logo">
                POPULAR JEWELRY
            </a>

            
            <nav class="nav-menu">

                <a href="<?php echo e(url('/')); ?>">Home</a>

                <a href="<?php echo e(url('/products')); ?>">Products</a>

                <a href="#">Collections</a>

                <a href="#">About</a>

                <a href="#">Contact</a>

            </nav>

            
            <div class="header-right">

                
              <?php
             


            ?>

                <a href="<?php echo e(route('cart')); ?>"
                   class="cart-icon">

                    🛒

                    <?php if($cartCount > 0): ?>

                        <span class="cart-count cartCount" id="cartCount">
                            <?php echo e($cartCount); ?>

                        </span>

                    <?php endif; ?>
                    

                </a>

                
                <?php if(Auth::check()): ?>

                    <span class="user-name">
                        <?php echo e(Auth::user()->name); ?>

                    </span>

                    <form method="POST"
                          action="<?php echo e(route('logout')); ?>">
                        <?php echo csrf_field(); ?>

                        <button type="submit"
                                class="header-btn logout-btn">

                            Logout

                        </button>
                    </form>

                <?php else: ?>

                    <a href="<?php echo e(route('login')); ?>"
                       class="header-btn login-btn">

                        Login

                    </a>

                <?php endif; ?>

            </div>

        </div>

    </div>

</header>

<style>

.main-header{

    background:#0f172a;
    padding:18px 0;
    position:sticky;
    top:0;
    z-index:999;

}

.header-inner{

    display:flex;
    justify-content:space-between;
    align-items:center;

}

.logo{

    color:#fff;
    text-decoration:none;
    font-size:28px;
    font-weight:900;
    letter-spacing:1px;

}

.nav-menu{

    display:flex;
    gap:35px;

}

.nav-menu a{

    color:#d1d5db;
    text-decoration:none;
    font-weight:600;
    transition:0.3s;

}

.nav-menu a:hover{

    color:#fbbf24;

}

.header-right{

    display:flex;
    align-items:center;
    gap:18px;

}

.header-btn{

    background:linear-gradient(135deg,#f59e0b,#facc15);
    border:none;
    color:#111827;
    padding:10px 22px;
    border-radius:12px;
    font-weight:800;
    text-decoration:none;
    cursor:pointer;

}

.logout-btn{

    background:#ef4444;
    color:#fff;

}

.cart-icon{

    position:relative;
    color:#fff;
    font-size:28px;
    text-decoration:none;

}

.cart-count{

    position:absolute;
    top:-8px;
    right:-12px;
    background:#ef4444;
    color:#fff;
    width:22px;
    height:22px;
    border-radius:50%;
    font-size:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;

}

.user-name{

    color:#fff;
    font-weight:700;

}

</style><?php /**PATH /home/braintreeeasysof/public_html/popular/resources/views/frontend/layout/header.blade.php ENDPATH**/ ?>