<nav x-data="{
    cartCount: <?php echo e(\App\Models\Cart::where('user_id', Auth::id())->count()); ?>,
    pendingOrdersCount: <?php echo e(Auth::user()->role === 'admin' ? \App\Models\Order::where('status', 'pending')->count() : 0); ?>,
    scrolled: false,
    mobileOpen: false,
    updateCart() {
        fetch('<?php echo e(route('cart.count')); ?>')
            .then(r => r.json())
            .then(d => { this.cartCount = d.count });
    },
    updatePendingOrders() {
        if ('<?php echo e(Auth::user()->role); ?>' !== 'admin') return;
        fetch('<?php echo e(route('pending-orders.count')); ?>')
            .then(r => r.json())
            .then(d => { this.pendingOrdersCount = d.count });
    }
}"
x-init="
    setInterval(() => updateCart(), 10000);
    setInterval(() => updatePendingOrders(), 8000);
    window.addEventListener('scroll', () => { scrolled = window.scrollY > 12 });
"
:class="{ 'lnav--scrolled': scrolled }"
class="lnav">

    <div class="lnav__inner">

        
        <a href="<?php echo e(route('dashboard')); ?>" class="lnav__logo">
            <div class="lnav__logo-icon">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M20 9V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v3"/>
                    <path d="M2 11v5a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v2H6v-2a2 2 0 0 0-4 0Z"/>
                    <path d="M4 18v2"/><path d="M20 18v2"/>
                </svg>
            </div>
            <span class="lnav__logo-text">Loka<strong>Furniture</strong></span>
        </a>

        
        <div class="lnav__links">

            <a href="<?php echo e(route('dashboard')); ?>"
               class="lnav__link <?php echo e(request()->routeIs('dashboard') ? 'lnav__link--active' : ''); ?>">
                <i class="fas fa-chart-pie lnav__icon"></i> Dashboard
            </a>

            <?php if(Auth::user()->role == 'customer'): ?>
                <a href="<?php echo e(route('products.index')); ?>"
                   class="lnav__link <?php echo e(request()->routeIs('products.*') ? 'lnav__link--active' : ''); ?>">
                    <i class="fas fa-couch lnav__icon"></i> Produk
                </a>
                <a href="<?php echo e(route('wishlist.index')); ?>"
                   class="lnav__link <?php echo e(request()->routeIs('wishlist.*') ? 'lnav__link--active' : ''); ?>">
                    <i class="fas fa-heart lnav__icon"></i> Wishlist
                </a>
                <a href="<?php echo e(route('cart.index')); ?>"
                   class="lnav__link lnav__link--badge <?php echo e(request()->routeIs('cart.*') ? 'lnav__link--active' : ''); ?>">
                    <span class="lnav__badge-wrap">
                        <i class="fas fa-shopping-bag lnav__icon"></i>
                        <span x-show="cartCount > 0" x-text="cartCount > 99 ? '99+' : cartCount"
                              class="lnav__badge lnav__badge--red"></span>
                    </span>
                    Keranjang
                </a>
                <a href="<?php echo e(route('orders.index')); ?>"
                   class="lnav__link <?php echo e(request()->routeIs('orders.*') ? 'lnav__link--active' : ''); ?>">
                    <i class="fas fa-box lnav__icon"></i> Pesanan
                </a>
            <?php endif; ?>

            <?php if(Auth::user()->role == 'admin'): ?>
                <a href="<?php echo e(route('categories.index')); ?>"
                class="lnav__link <?php echo e(request()->routeIs('categories.*') ? 'lnav__link--active' : ''); ?>">
                    <i class="fas fa-tags lnav__icon"></i> Kategori
                </a>
                
                <a href="<?php echo e(route('products.index')); ?>"
                class="lnav__link <?php echo e(request()->routeIs('products.*') ? 'lnav__link--active' : ''); ?>">
                    <i class="fas fa-couch lnav__icon"></i> Produk
                </a>
                
                <a href="<?php echo e(route('stock-logs.index')); ?>"
                class="lnav__link <?php echo e(request()->routeIs('stock-logs.*') ? 'lnav__link--active' : ''); ?>">
                    <i class="fas fa-history lnav__icon"></i> Stok
                </a>

                <a href="<?php echo e(route('orders.index')); ?>"
                class="lnav__link lnav__link--badge <?php echo e((request()->routeIs('orders.*') && !request()->routeIs('orders.financial')) ? 'lnav__link--active' : ''); ?>">
                    <span class="lnav__badge-wrap">
                        <i class="fas fa-clipboard-list lnav__icon"></i>
                        <span x-show="pendingOrdersCount > 0"
                            x-text="pendingOrdersCount > 99 ? '99+' : pendingOrdersCount"
                            class="lnav__badge lnav__badge--amber"></span>
                    </span>
                    Pesanan
                </a>

                <a href="<?php echo e(route('orders.financial')); ?>"
                class="lnav__link <?php echo e(request()->routeIs('orders.financial') ? 'lnav__link--active' : ''); ?>">
                    <i class="fas fa-chart-line lnav__icon"></i> Keuangan
                </a>
            <?php endif; ?>

            <?php if(Auth::user()->role == 'kurir'): ?>
                <a href="<?php echo e(route('orders.index')); ?>"
                   class="lnav__link <?php echo e(request()->routeIs('orders.*') ? 'lnav__link--active' : ''); ?>">
                    <i class="fas fa-shipping-fast lnav__icon"></i> Pengiriman
                </a>
            <?php endif; ?>
        </div>

        
        <div class="lnav__profile-wrap">
            <?php if (isset($component)) { $__componentOriginaldf8083d4a852c446488d8d384bbc7cbe = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginaldf8083d4a852c446488d8d384bbc7cbe = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.dropdown','data' => ['align' => 'right','width' => '56']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('dropdown'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['align' => 'right','width' => '56']); ?>
                 <?php $__env->slot('trigger', null, []); ?> 
                    <button class="lnav__profile-btn group">
                        <div class="lnav__avatar"><?php echo e(substr(Auth::user()->name, 0, 1)); ?></div>
                        <div class="lnav__profile-meta">
                            <span class="lnav__profile-name"><?php echo e(Auth::user()->name); ?></span>
                            <span class="lnav__profile-role"><?php echo e(Auth::user()->role); ?></span>
                        </div>
                        <svg class="lnav__chevron group-hover:rotate-180 transition-transform duration-200"
                             width="12" height="12" viewBox="0 0 12 12" fill="none">
                            <path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1.5"
                                  stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                    </button>
                 <?php $__env->endSlot(); ?>

                 <?php $__env->slot('content', null, []); ?> 
                    <div class="lnav__dd-header">
                        <div class="lnav__avatar lnav__avatar--lg"><?php echo e(substr(Auth::user()->name, 0, 1)); ?></div>
                        <div>
                            <p class="lnav__dd-name"><?php echo e(Auth::user()->name); ?></p>
                            <p class="lnav__dd-email"><?php echo e(Auth::user()->email); ?></p>
                            <span class="lnav__dd-role"><?php echo e(Auth::user()->role); ?></span>
                        </div>
                    </div>
                    <div class="lnav__dd-divider"></div>
                    <?php if (isset($component)) { $__componentOriginal68cb1971a2b92c9735f83359058f7108 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal68cb1971a2b92c9735f83359058f7108 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.dropdown-link','data' => ['href' => route('profile.edit'),'class' => 'lnav__dd-item']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('dropdown-link'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['href' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(route('profile.edit')),'class' => 'lnav__dd-item']); ?>
                        Profil Saya
                     <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal68cb1971a2b92c9735f83359058f7108)): ?>
<?php $attributes = $__attributesOriginal68cb1971a2b92c9735f83359058f7108; ?>
<?php unset($__attributesOriginal68cb1971a2b92c9735f83359058f7108); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal68cb1971a2b92c9735f83359058f7108)): ?>
<?php $component = $__componentOriginal68cb1971a2b92c9735f83359058f7108; ?>
<?php unset($__componentOriginal68cb1971a2b92c9735f83359058f7108); ?>
<?php endif; ?>
                    <?php if (isset($component)) { $__componentOriginal68cb1971a2b92c9735f83359058f7108 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal68cb1971a2b92c9735f83359058f7108 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.dropdown-link','data' => ['href' => route('addresses.index'),'class' => 'lnav__dd-item']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('dropdown-link'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['href' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(route('addresses.index')),'class' => 'lnav__dd-item']); ?>
                        Alamat Saya
                     <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal68cb1971a2b92c9735f83359058f7108)): ?>
<?php $attributes = $__attributesOriginal68cb1971a2b92c9735f83359058f7108; ?>
<?php unset($__attributesOriginal68cb1971a2b92c9735f83359058f7108); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal68cb1971a2b92c9735f83359058f7108)): ?>
<?php $component = $__componentOriginal68cb1971a2b92c9735f83359058f7108; ?>
<?php unset($__componentOriginal68cb1971a2b92c9735f83359058f7108); ?>
<?php endif; ?>
                    <div class="lnav__dd-divider"></div>
                    <form method="POST" action="<?php echo e(route('logout')); ?>" id="logout-form" class="hidden"><?php echo csrf_field(); ?></form>
                    <?php if (isset($component)) { $__componentOriginal68cb1971a2b92c9735f83359058f7108 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal68cb1971a2b92c9735f83359058f7108 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.dropdown-link','data' => ['href' => '#','onclick' => 'lokaConfirmLogout(event)','class' => 'lnav__dd-item lnav__dd-item--danger']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('dropdown-link'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['href' => '#','onclick' => 'lokaConfirmLogout(event)','class' => 'lnav__dd-item lnav__dd-item--danger']); ?>
                        Keluar
                     <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal68cb1971a2b92c9735f83359058f7108)): ?>
<?php $attributes = $__attributesOriginal68cb1971a2b92c9735f83359058f7108; ?>
<?php unset($__attributesOriginal68cb1971a2b92c9735f83359058f7108); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal68cb1971a2b92c9735f83359058f7108)): ?>
<?php $component = $__componentOriginal68cb1971a2b92c9735f83359058f7108; ?>
<?php unset($__componentOriginal68cb1971a2b92c9735f83359058f7108); ?>
<?php endif; ?>
                 <?php $__env->endSlot(); ?>
             <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginaldf8083d4a852c446488d8d384bbc7cbe)): ?>
<?php $attributes = $__attributesOriginaldf8083d4a852c446488d8d384bbc7cbe; ?>
<?php unset($__attributesOriginaldf8083d4a852c446488d8d384bbc7cbe); ?>
<?php endif; ?>
<?php if (isset($__componentOriginaldf8083d4a852c446488d8d384bbc7cbe)): ?>
<?php $component = $__componentOriginaldf8083d4a852c446488d8d384bbc7cbe; ?>
<?php unset($__componentOriginaldf8083d4a852c446488d8d384bbc7cbe); ?>
<?php endif; ?>
        </div>
    </div>

    
    
</nav>

<style>
/* ════════════════════════════════════════════════
   LOKA FURNITURE — NAVBAR v2
   Bersih, elegan, tanpa hamburger
════════════════════════════════════════════════ */

.lnav {
    position: sticky;
    top: 0;
    z-index: 50;
    height: 62px;
    background: rgba(255, 251, 245, 0.88);
    border-bottom: 1px solid rgba(200, 170, 120, 0.18);
    backdrop-filter: blur(20px) saturate(1.4);
    -webkit-backdrop-filter: blur(20px) saturate(1.4);
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

[data-theme="dark"] .lnav {
    background: rgba(18, 10, 4, 0.90);
    border-bottom-color: rgba(200, 150, 60, 0.15);
}

.lnav--scrolled {
    box-shadow: 0 2px 20px rgba(160, 110, 30, 0.10);
    border-bottom-color: rgba(200, 170, 120, 0.30);
}

[data-theme="dark"] .lnav--scrolled {
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
}

/* Inner layout */
.lnav__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 0;
}

/* ── LOGO ── */
.lnav__logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    flex-shrink: 0;
    margin-right: 36px;
}

.lnav__logo-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: linear-gradient(145deg, #f5a623, #d97706);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 3px 10px rgba(217, 119, 6, 0.35);
}

.lnav__logo:hover .lnav__logo-icon {
    transform: rotate(-10deg) scale(1.1);
}

.lnav__logo-text {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text-primary, #1c1410);
    letter-spacing: -0.02em;
}

.lnav__logo-text strong {
    font-weight: 800;
    color: #c77d00;
}

[data-theme="dark"] .lnav__logo-text { color: #f5ede0; }

/* ── LINKS ── */
.lnav__links {
    display: flex;
    align-items: center;
    gap: 2px;
    flex: 1;
}

.lnav__link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: var(--text-secondary, #6b5c4a);
    text-decoration: none;
    transition: color 0.15s ease, background 0.15s ease;
    white-space: nowrap;
}

.lnav__link:hover {
    color: #c77d00;
    background: rgba(199, 125, 0, 0.07);
}

[data-theme="dark"] .lnav__link {
    color: rgba(240, 220, 190, 0.65);
}

[data-theme="dark"] .lnav__link:hover {
    color: #f5a623;
    background: rgba(245, 166, 35, 0.10);
}

/* Active state — pill glow */
.lnav__link--active {
    color: #9a5f00 !important;
    background: rgba(199, 125, 0, 0.12) !important;
    font-weight: 700;
}

.lnav__link--active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 2px;
    background: linear-gradient(90deg, #f5a623, #d97706);
    border-radius: 2px;
}

[data-theme="dark"] .lnav__link--active {
    color: #f5a623 !important;
    background: rgba(245, 166, 35, 0.14) !important;
}

/* Icon */
.lnav__icon {
    font-size: 11px;
    opacity: 0.75;
    flex-shrink: 0;
}

.lnav__link--active .lnav__icon,
.lnav__link:hover .lnav__icon {
    opacity: 1;
}

/* Badge on link */
.lnav__link--badge {
    gap: 6px;
}

.lnav__badge-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.lnav__badge {
    position: absolute;
    top: -7px;
    right: -8px;
    min-width: 15px;
    height: 15px;
    padding: 0 3px;
    border-radius: 9999px;
    font-size: 8.5px;
    font-weight: 800;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid rgba(255,251,245,0.9);
    line-height: 1;
}

.lnav__badge--red {
    background: #ef4444;
    animation: lnav-pulse 2.2s ease-in-out infinite;
}

.lnav__badge--amber { background: #d97706; }

@keyframes lnav-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.45); }
    55%       { box-shadow: 0 0 0 4px rgba(239, 68, 68, 0); }
}

/* ── PROFILE ── */
.lnav__profile-wrap {
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 16px;
}

.lnav__profile-btn {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 5px 11px 5px 5px;
    border-radius: 12px;
    border: 1px solid rgba(199, 125, 0, 0.20);
    background: rgba(255, 248, 235, 0.7);
    cursor: pointer;
    transition: all 0.2s ease;
}

.lnav__profile-btn:hover {
    border-color: rgba(199, 125, 0, 0.45);
    background: rgba(255, 243, 200, 0.6);
    box-shadow: 0 2px 14px rgba(199, 125, 0, 0.14);
    transform: translateY(-1px);
}

[data-theme="dark"] .lnav__profile-btn {
    background: rgba(255, 200, 80, 0.06);
    border-color: rgba(245, 166, 35, 0.18);
}

[data-theme="dark"] .lnav__profile-btn:hover {
    background: rgba(245, 166, 35, 0.12);
    border-color: rgba(245, 166, 35, 0.4);
}

.lnav__avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(140deg, #f5a623, #c07020);
    color: #fff;
    font-weight: 800;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(199, 125, 0, 0.35);
}

.lnav__avatar--lg {
    width: 38px;
    height: 38px;
    font-size: 15px;
}

.lnav__profile-meta {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.lnav__profile-name {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--text-primary, #1c1410);
}

.lnav__profile-role {
    font-size: 0.65rem;
    font-weight: 600;
    color: #c07020;
    text-transform: capitalize;
}

[data-theme="dark"] .lnav__profile-name { color: #f5ede0; }
[data-theme="dark"] .lnav__profile-role { color: #f5a623; }

.lnav__chevron {
    color: rgba(100, 80, 50, 0.45);
}

/* ── DROPDOWN ── */
.lnav__dd-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px 12px;
    background: linear-gradient(135deg, rgba(255, 243, 200, 0.6), rgba(255, 250, 240, 0.4));
    border-radius: 10px 10px 0 0;
}

[data-theme="dark"] .lnav__dd-header {
    background: rgba(245, 166, 35, 0.07);
}

.lnav__dd-name {
    font-size: 0.84rem;
    font-weight: 700;
    color: var(--text-primary, #1c1410);
    margin: 0;
}

[data-theme="dark"] .lnav__dd-name { color: #f0ddb8; }

.lnav__dd-email {
    font-size: 0.7rem;
    color: var(--text-tertiary, #9c876a);
    margin: 1px 0 0;
}

.lnav__dd-role {
    display: inline-block;
    margin-top: 4px;
    padding: 1px 8px;
    background: rgba(199, 125, 0, 0.12);
    color: #9a5f00;
    border-radius: 9999px;
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: capitalize;
    letter-spacing: 0.05em;
}

[data-theme="dark"] .lnav__dd-role {
    background: rgba(245, 166, 35, 0.18);
    color: #f5a623;
}

.lnav__dd-divider {
    height: 1px;
    background: rgba(199, 125, 0, 0.10);
    margin: 3px 0;
}

.lnav__dd-item {
    display: flex !important;
    align-items: center;
    padding: 9px 16px !important;
    font-size: 0.81rem !important;
    font-weight: 600 !important;
    color: var(--text-secondary, #6b5c4a) !important;
    transition: background 0.12s ease, padding-left 0.12s ease !important;
    background: transparent !important;
}

.lnav__dd-item:hover {
    background: rgba(199, 125, 0, 0.08) !important;
    color: #9a5f00 !important;
    padding-left: 20px !important;
}

[data-theme="dark"] .lnav__dd-item:hover {
    background: rgba(245, 166, 35, 0.10) !important;
    color: #f5a623 !important;
}

.lnav__dd-item--danger { color: #dc2626 !important; }
.lnav__dd-item--danger:hover {
    background: rgba(220, 38, 38, 0.07) !important;
    color: #dc2626 !important;
    padding-left: 20px !important;
}
</style>

<script>
function lokaConfirmLogout(e) {
    e.preventDefault();
    const role = "<?php echo e(Auth::user()->role); ?>";
    const dark = document.documentElement.getAttribute('data-theme') === 'dark';

    if (typeof Swal !== 'undefined') {
        Swal.fire({
            title: role === 'admin' ? 'Keluar dari sesi admin?' : 'Yakin ingin keluar?',
            text: role === 'admin'
                ? 'Pastikan semua perubahan sudah tersimpan.'
                : 'Anda perlu login kembali untuk mengakses akun.',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#ef4444',
            cancelButtonColor: '#9ca3af',
            confirmButtonText: 'Ya, Keluar',
            cancelButtonText: 'Batal',
            background: dark ? '#1c0e05' : '#ffffff',
            color: dark ? '#f5ede0' : '#1c1410',
            iconColor: '#d97706',
            reverseButtons: true,
            customClass: {
                popup: 'rounded-2xl',
                confirmButton: 'rounded-xl px-5 py-2.5 font-bold text-sm',
                cancelButton: 'rounded-xl px-5 py-2.5 font-bold text-sm'
            }
        }).then(r => { if (r.isConfirmed) document.getElementById('logout-form').submit(); });
    } else {
        if (confirm('Yakin ingin keluar?')) document.getElementById('logout-form').submit();
    }
}
</script><?php /**PATH C:\laragon\www\LokaFurniture\resources\views/layouts/navigation.blade.php ENDPATH**/ ?>