<header class="header-container py-3">
    <div class="container-fluid px-0">
    <div class="row col-xl-11 align-items-center">
        <div class=" col-lg-11 col-9 d-flex justify-content-center">
                <div class="top-header px-xl-2">
            <div class="container-fluid px-0">
                <div class="top-header-content position-relative">
                        <button class="mobile-menu-toggle" id="mobileMenuToggle">
                        <i class="fas fa-bars"></i>
                    </button>
                        <!-- Left Side -->
                    <nav class=" top-left position-relative">
                        <ul class="top-menu">
                            <li class="categories-menu has-megamenu" data-megamenu-target="#all-category">
                                <img src="/images/category.png" alt="">
                                <span>دسته بندی محصولات</span>
                                <img src="<?php echo e(asset('images/flesh-down.png')); ?>" alt="">
                            </li>
                            
                            <?php $__currentLoopData = $menus; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $menu): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <li class="<?php echo e(count($menu->activeChildren) ? 'has-dropdown' : ''); ?>">
                                    <a href="<?php echo e($menu->url); ?>">
                                        <?php echo e($menu->title); ?>

                                    </a>
                                    <div class="simple-dropdown">
                                        <div class="dropdown-content">
                                            <?php $__currentLoopData = $menu->activeChildren; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $child): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <a href="<?php echo e($child->url); ?>" class="dropdown-item">
                                                    <!-- <img src="fas fa-building"></i> -->
                                                    <span><?php echo e($child->title); ?></span>
                                                </a>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </div>
                                    </div>
                                </li>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </ul>
                        <div id="all-category" class="mega-menu">
                            <div class="pro-menu px-0">
                                <div class="pro-tabs">
                                    <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div class="p-tab" data-tab="code-<?php echo e($category->id); ?>">
                                            <div>
                                                    <?php if($category->icon): ?>
                                                    <img src="<?php echo e(asset($category->icon)); ?>">
                                                <?php endif; ?>
                                                <span><?php echo e($category->name); ?></span>
                                            </div>
                                        </div>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> 
                                </div>
                                <div class="pro-contents">
                                    <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div class="p-content" id="code-<?php echo e($category->id); ?>">
                                            <a href="<?php echo e(route('categories.show', $category->slug)); ?>"><i class="fa-solid fa-chevron-left"></i><span>همه محصولات <?php echo e($category->name); ?></span></a>
                                            <?php if(count($category->activeChildren)): ?>
                                                <div class="sub-menus row">
                                                    <?php $__currentLoopData = $category->activeChildren; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $child): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                        <div class="sub-menu col-md-6 mb-3">
                                                            <a href="<?php echo e(route('categories.show', $child->slug)); ?>"><?php echo e($child->name); ?></a>
                                                            <?php if(count($child->activeChildren)): ?>
                                                                <div class="sub-menu-items">
                                                                    <?php $__currentLoopData = $child->activeChildren; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $c): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                                        <div class="s-b-item"><a href="<?php echo e(route('categories.show', $c->slug)); ?>"><?php echo e($c->name); ?></a></div>
                                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                                </div>
                                                            <?php endif; ?>
                                                        </div>
                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                </div>
                                            <?php else: ?>
                                                <?php if($category->short_description): ?>
                                                    <p><?php echo e($category->short_description); ?></p>
                                                <?php endif; ?>
                                            <?php endif; ?>
                                        </div>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </div>
                            </div>
                        </div>
                    </nav>
                    <div class="top-right">
                        <div class="user-login" id="userDropdown">
                            <?php if(auth()->guard()->guest()): ?>
                                <span>ورود /</span>
                                <span class="text-white">ثبت نام</span>
                            <?php else: ?>
                                <span><?php echo e(auth()->user()->name ? auth()->user()->name :  'کاربر'); ?> عزیز</span>
                            <?php endif; ?>
                            <!--<img src="/image/user.png" alt="">-->
                            <i class="fas fa-user user-icon"></i>
                            <span>|</span>
                                <div class="user-menu">
                                <?php if(auth()->guard()->check()): ?>
                                    <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check('dashboard access')): ?>
                                        <div class="user-header">
                                            <div class="user-avatar">
                                                <i class="fa fa-user"></i>
                                            </div>
                                            <div class="user-info">
                                                <div class="user-name">
                                                    <a href="<?php echo e(route('admin.index')); ?>">
                                                        پنل مدیریت  
                                                    </a>     
                                                </div>
                                                <div class="user-subtitle"><?php echo e(auth()->user()->name); ?></div>
                                            </div>
                                        </div>
                                    <?php else: ?>
                                        <div class="user-header">
                                            <div class="user-avatar">
                                                <i class="fa fa-user"></i>
                                            </div>
                                            <div class="user-info">
                                                <div class="user-name">
                                                    <a href="<?php echo e(route('account.index')); ?>">
                                                        حساب کاربری 
                                                    </a> 
                                                </div>
                                                <div class="user-subtitle"><?php echo e(auth()->user()->name); ?></div>
                                            </div>
                                        </div>
                                    <?php endif; ?>
                                <?php endif; ?>
                                <?php if(auth()->guard()->check()): ?>
                                    <a href="<?php echo e(route('account.user.edit')); ?>" class="menu-item">
                                        <i class="fa fa-user-pen"></i>
                                        <span>ویرایش مشخصات فردی</span>
                                    </a>
                                    <!-- <div class="wallet-item">
                                        <div class="wallet-info">
                                            <i class="fa fa-wallet wallet-icon"></i>
                                            <span>کیف پول</span>
                                        </div>
                                        <span class="wallet-amount">۰ تومان</span>
                                    </div> -->
                                    <a href="<?php echo e(route('account.favorites.index')); ?>" class="menu-item">
                                        <i class="fa fa-heart"></i>
                                        <span>لیست علاقه‌مندی</span>
                                    </a>
                                    <a href="<?php echo e(route('account.orders.index')); ?>" class="menu-item">
                                        <i class="fa fa-box"></i>
                                        <span>سفارش‌های من</span>
                                    </a>
                                    <a href="<?php echo e(route('logout')); ?>" class="menu-item logout"  onclick="event.preventDefault();document.getElementById('logout-form').submit();">
                                        <i class="fa fa-right-from-bracket"></i>
                                        <span>خروج از حساب کاربری</span>
                                    </a>
                                <?php else: ?>
                                    <a href="<?php echo e(route('register')); ?>" class="menu-item">
                                        <i class="fa fa-user"></i>
                                        <span>ثبت نام</span>
                                    </a>
                                    <a href="<?php echo e(route('login')); ?>" class="menu-item">
                                        <i class="fa fa-user-pen"></i>
                                        <span>ورود</span>
                                    </a>
                                <?php endif; ?>
                            </div>
                        </div>
                        <?php
if (! isset($_instance)) {
    $html = \Livewire\Livewire::mount('frontend.header.desktop-shopping-cart', [])->html();
} elseif ($_instance->childHasBeenRendered('sxpnogn')) {
    $componentId = $_instance->getRenderedChildComponentId('sxpnogn');
    $componentTag = $_instance->getRenderedChildComponentTagName('sxpnogn');
    $html = \Livewire\Livewire::dummyMount($componentId, $componentTag);
    $_instance->preserveRenderedChild('sxpnogn');
} else {
    $response = \Livewire\Livewire::mount('frontend.header.desktop-shopping-cart', []);
    $html = $response->html();
    $_instance->logRenderedChild('sxpnogn', $response->id(), \Livewire\Livewire::getRootElementTagName($html));
}
echo $html;
?>
                        <div class="search-top">
                           <form action="<?php echo e(route('search.index')); ?>" method="get">
                                <i class="fa-solid fa-magnifying-glass"></i>
                                <input type="text" placeholder="جستجو" name="q">
                           </form>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <?php if($logo && count($logo->activeItems)): ?>
            <div class="  col-lg-1 col-3 d-flex justify-content-lg-center justify-content-end header-logo">
                <a href="<?php echo e(route('index')); ?>">
                    <img src="<?php echo e(asset($logo->activeItems[0]->image)); ?>" alt="<?php echo e($logo->activeItems[0]->title); ?>">
                </a>
            </div>
        <?php endif; ?>
    </div>
        <div class="mobile-search-bar" id="mobileSearchBar">
            <form action="<?php echo e(route('search.index')); ?>" method="get">
                <input type="text" placeholder="جستجو در محصولات..." id="mobileSearchInput" name="q">
                <button type="button" onclick="performMobileSearch()" type="search">
                    <i class="fas fa-search"></i>
                </button>
            </form>
        </div>
    </div>
    <!-- Mobile Side Menu Overlay -->
    <div class="mobile-menu-overlay" id="mobileMenuOverlay"></div>
    <!-- Mobile Side Menu -->
    <div class="mobile-side-menu" id="mobileSideMenu">
        <!-- Menu Header -->
        <div class="mobile-menu-header">
            <?php if($logo && count($logo->activeItems)): ?>
                <div class="mobile-menu-logo">
                    <a href="<?php echo e(route('index')); ?>">
                        <img src="<?php echo e(asset($logo->activeItems[0]->image)); ?>" alt="<?php echo e($logo->activeItems[0]->title); ?>">
                    </a>    
                </div>
            <?php endif; ?>
            <button class="mobile-menu-close" id="mobileMenuClose">
                <i class="fas fa-times"></i>
            </button>
        </div>
       
        <!-- Menu Content -->
        <div class="mobile-menu-content">
            <div class="mobile-menu-item has-submenu">
                <button type="button">
                    <span><i class="fas fa-th-large" style="margin-left: 10px;"></i>دسته بندی محصولات</span>
                </button>
                <div class="mobile-submenu">
                    <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="mobile-category-wrapper">
                            <button class="mobile-submenu-category" type="button">
                                <span>
                                    <?php if($category->icon): ?>
                                        <img src="<?php echo e(asset($category->icon)); ?>">
                                    <?php endif; ?>
                                    <?php echo e($category->name); ?>

                                </span>
                            </button>
                            <div class="mobile-category-items">
                                <div class="mobile-submenu-item">
                                    <a href="#">همه محصولات <?php echo e($category->name); ?></a>
                                </div>
                                <?php $__currentLoopData = $category->activeChildren; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $child): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <div class="mobile-submenu-item"><a href="<?php echo e(route('categories.show', $child->slug)); ?>"><?php echo e($child->name); ?></a></div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    
                            </div>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
            <?php $__currentLoopData = $menus; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $menu): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="mobile-menu-item">
                    <a href="<?php echo e($menu->url); ?>"><?php echo e($menu->title); ?></a>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>

        <!-- Menu Actions -->
        <div class="mobile-menu-actions">
            <?php if(auth()->guard()->check()): ?>
                <a href="<?php echo e(route('account.index')); ?>" class="mobile-login-btn">
                    <i class="fas fa-user"></i>
                    <span>پروفایل من</span>
                </a>
            <?php else: ?>
                <a href="<?php echo e(route('login')); ?>" class="mobile-login-btn">
                    <i class="fas fa-user"></i>
                    <span>ورود / ثبت نام</span>
                </a>
            <?php endif; ?>
            <div class="mobile-search">
                <form action="<?php echo e(route('search.index')); ?>" method="get">
                    <input type="text" placeholder="جستجو در محصولات..." name="q">
                    <button class="mobile-search-btn" type="submit">
                        <i class="fas fa-search"></i>
                    </button>
                </form>
            </div>
        </div>
    </div>
</header><?php /**PATH /home/masomi/armshop/resources/views/layouts/header.blade.php ENDPATH**/ ?>