@php
    $all_stores = \DB::table('stores')->where('active', 1)->orderBy('id', 'asc')->get();
@endphp
@if(!isset($ecommerce))
<header>
    <div class="headers-row">
        <div class="menu-left menuu">
            <div class="search-wrap">
                <a href="javascript:void(0)"><img src="{{ asset('images/search.svg') }}" alt="Search Products"></a>
                <div class="searchArea">
                    <form action="{{ route('search', 'palm-desert') }}">
                        <div class="search_site">
                            <input type="text" placeholder="Search..." name="keyword">
                            <button type="submit">Search</button>
                        </div>
                        <span class="close_search"><i class="fa fa-times"></i></span>
                    </form>
                </div>
            </div>
            <nav>
                <ul class="left-side">
                    @if(!$all_stores->isEmpty())
                    <li><a href="javascript:void(0)">Shop</a>
                        <ul>
                            @foreach($all_stores as $single_store)
                                <li><a href="{{ route('shop-all', $single_store->slug) }}">{{ $single_store->name }}</a></li>
                            @endforeach
                        </ul>
                    </li>
                    @endif
                    <li><a href="{{ url('/club') }}">Club Libra</a></li>
                </ul>
            </nav>
        </div>
        <div class="site-logo">
            <a href="{{ route('home') }}"><img src="{{ asset('images/logo.png?v=' . Helper::$version) }}" alt="logo"></a>
        </div>
        <div class="menu-right menuu">
            <nav>
                <ul class="right-side">
                    <li><a href="{{ url('/new-fresh-drops') }}">Fresh Drops</a></li>
                    <li><a href="{{ url('/speedweed') }}">Speedweed</a></li>
                </ul>
            </nav>
            <div class="cart">
                <a href="{{ route('view-cart', 'palm-desert') }}"><img src="{{ asset('images/shopping-bag.png?v=' . Helper::$version) }}" alt=""></a>
            </div>
        </div>
    </div>
    <div class="mobileMenu-wrapper">
        <div class="siteLogo">
            <a href="{{ route('home') }}"><img src="{{ asset('images/logo.png?v=' . Helper::$version) }}" alt="logo"></a>
        </div>
        <div class="mobileMenu">
            <nav>
                <ul>
                    @if(!$all_stores->isEmpty())
                    <li class="hasMenu"><a href="javascript:void(0)" class="main-item">Shop <span class="subChild"><i class="fa fa-angle-down"></i></span></a>
                        <ul>
                            @foreach($all_stores as $single_store)
                                <li><a href="{{ route('shop-all', $single_store->slug) }}">{{ $single_store->name }}</a></li>
                            @endforeach
                        </ul>
                    </li>
                    @endif
                    <li><a href="{{ url('/club') }}" class="main-item">Club Libra</a></li>
                    <li><a href="{{ url('/new-fresh-drops') }}" class="main-item">Fresh Drops</a></li>
                    <li><a href="{{ url('/speedweed') }}" class="main-item">Speedweed</a></li>
                    <li><a href="{{ isset($store) ? route('contact-us', $store->slug) : route('contact-us', 'palm-desert') }}" class="main-item">Contact Us</a></li>
                    <li><a href="{{ route('store-details') }}" class="main-item">Hours & Store Details</a></li>
                </ul>
            </nav>
        </div>    
        <div class="toggless">
            <div class="search-wrap">
                <a href="javascript:void(0)"><img src="{{ asset('images/search.svg') }}" alt="Search Products"></a>
                <div class="searchArea">
                    <form action="{{ route('search', 'palm-desert') }}">
                        <div class="search_site">
                            <input type="text" placeholder="Search..." name="keyword">
                            <button type="submit">Search</button>
                        </div>
                        <span class="close_search"><i class="fa fa-times"></i></span>
                    </form>
                </div>
            </div>
            <div class="cart">
                <a href="{{ route('view-cart', 'palm-desert') }}"><img src="{{ asset('images/shopping-bag.png?v=' . Helper::$version) }}" alt="Shopping Cart"></a>
            </div>
            <div class="menu-toggler">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>            
    </div>
</header>
@else
    <header>
        <div class="headers-row">
            <div class="menu-left menuu">
                <div class="search-wrap">
                    <a href="javascript:void(0)"><img src="{{ asset('images/search.svg') }}" alt="Search Products"></a>
                    <div class="searchArea">
                        <form action="{{ route('search', $store->slug) }}">
                            <div class="search_site">
                                <input type="text" placeholder="Search..." name="keyword">
                                <button type="submit">Search</button>
                            </div>
                            <span class="close_search"><i class="fa fa-times"></i></span>
                        </form>
                    </div>
                </div>
                <nav>
                    <ul class="left-side">
                        <li><a href="{{ route('home') }}">Home</a></li>
                        @php
                            $categories = Helper::getMainCategories();
                        @endphp
                        <li><a href="javascript:void(0)">Categories</a>
                            @if(!$categories->isEmpty())
                            <ul>
                                @foreach($categories as $category)
                                    @php
                                        $sub_categories = Helper::getSubCategories($category->id)->get();
                                    @endphp

                                    @if ($sub_categories->isEmpty())
                                        <li>
                                            <a href="{{ route('category', [$store->slug, $category->slug]) }}">
                                                @if(!empty($category->image))
                                                    <img src="{{ $category->image }}" class="effects-image" style="margin-right: 8px;">
                                                @endif
                                                {{ $category->name }}
                                            </a>
                                        </li>
                                    @else
                                        <li class="has-sub-menu">
                                            <a href="{{ route('category', [$store->slug, $category->slug]) }}">
                                                @if(!empty($category->image))
                                                    <img src="{{ $category->image }}" class="effects-image" style="margin-right: 8px;">
                                                @endif
                                                {{ $category->name }}
                                            </a>
                                            <ul>
                                                @foreach($sub_categories as $sub_category)
                                                    <li>
                                                        <a href="{{ route('category', [$store->slug, $sub_category->slug]) }}">
                                                            @if(!empty($sub_category->image))
                                                                <img src="{{ $sub_category->image }}" class="effects-image" style="margin-right: 8px;">
                                                            @endif
                                                            {{ $sub_category->name }}
                                                        </a>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </li>
                                    @endif
                                @endforeach
                            </ul>
                            @endif
                        </li>
                        <li><a href="{{ route('brands', $store->slug) }}">Brands</a></li>
                    </ul>
                </nav>
            </div>
            <div class="site-logo">
                <a href="{{ route('home') }}"><img src="{{ asset('images/logo.png?v=' . Helper::$version) }}" alt="logo"></a>
            </div>
            <div class="menu-right menuu">
                <nav>
                    <ul class="right-side">
                        <li><a href="{{ route('specials', $store->slug) }}">Specials</a></li>
                        <li><a href="{{ route('shop-all', $store->slug) }}">Shop All</a></li>
                        @if(!$all_stores->isEmpty())
                        <li><a href="javascript:void(0)">Shop</a>
                            <ul>
                                @foreach($all_stores as $single_store)
                                    <li><a href="{{ route('shop-all', $single_store->slug) }}">{{ $single_store->name }}</a></li>
                                @endforeach
                            </ul>
                        </li>
                        @endif
                    </ul>
                </nav>
                <div class="cart">
                    <a href="{{ route('view-cart', $store->slug) }}"><img src="{{ asset('images/shopping-bag.png?v=' . Helper::$version) }}" alt=""></a>
                </div>
            </div>
        </div>
        <div class="mobileMenu-wrapper">
            <div class="siteLogo">
                <a href="{{ route('home') }}"><img src="{{ asset('images/logo.png?v=' . Helper::$version) }}" alt="logo"></a>
            </div>
            <div class="mobileMenu">
                <nav>
                    <ul>
                        <li><a href="{{ route('home') }}" class="main-item">Home</a></li>
                        <li class="hasMenu"><a href="javascript:void(0)" class="main-item">Categories <span class="subChild"><i class="fa fa-angle-down"></i></span></a>
                            @if(!$categories->isEmpty())
                            <ul>
                                @foreach($categories as $category)
                                    <li>
                                        <a href="{{ route('category', [$store->slug, $category->slug]) }}" style="justify-content: inherit;">
                                            @if(!empty($category->image))
                                                <img src="{{ $category->image }}" class="effects-image">
                                            @endif
                                            <span style="padding-left: 5px;color: #646464">{{ $category->name }}</span>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                            @endif
                        </li>
                        <li><a href="{{ route('brands', $store->slug) }}" class="main-item">Brands</a></li>
                        <li><a href="{{ route('specials', $store->slug) }}" class="main-item">Specials</a></li>
                        <li><a href="{{ route('shop-all', $store->slug) }}" class="main-item">Shop All</a></li>
                        @if(!$all_stores->isEmpty())
                        <li class="hasMenu"><a href="javascript:void(0)" class="main-item">Stores <span class="subChild"><i class="fa fa-angle-down"></i></span></a>
                            <ul>
                                @foreach($all_stores as $single_store)
                                    <li><a href="{{ route('shop-all', $single_store->slug) }}">{{ $single_store->name }}</a></li>
                                @endforeach
                            </ul>
                        </li>
                        @endif
                        <li><a href="{{ isset($store) ? route('contact-us', $store->slug) : route('contact-us', 'palm-desert') }}" class="main-item">Contact Us</a></li>
                        <li><a href="{{ route('store-details') }}" class="main-item">Hours & Store Details</a></li>
                    </ul>
                </nav>
            </div>    
            <div class="toggless">
                <div class="search-wrap">
                    <a href="javascript:void(0)"><img src="{{ asset('images/search.svg') }}" alt="Search Products"></a>
                    <div class="searchArea">
                        <form action="{{ route('search', $store->slug) }}">
                            <div class="search_site">
                                <input type="text" placeholder="Search..." name="keyword">
                                <button type="submit">Search</button>
                            </div>
                            <span class="close_search"><i class="fa fa-times"></i></span>
                        </form>
                    </div>
                </div>
                <div class="cart">
                    <a href="{{ route('view-cart', $store->slug) }}"><img src="{{ asset('images/shopping-bag.png?v=' . Helper::$version) }}" alt="Shopping Cart"></a>
                </div>
                <div class="menu-toggler">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>            
        </div>
    </header>
@endif