@if(false)
<section  class="text-center cta cta-4 space--small" style="padding:3px 0px;">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
               <p class="text-primary" style="font-size: 12px;"> نعتذر عن عدم ظهور الصور على بعض المنتجات نتيجة لخلل تقني وجاري العمل على اصلاحه</p>
            </div>
        </div>
    </div>
</section>
@endif
<nav id="menu1" class="bar bg--darker bar--sm bar-1 hidden-xs sticky-top" >

    <div class="container">
        <div class="row">
            <div class="col-1 hidden-xs">
                <div class="bar__module">
                    <a href="{{route("home")}}">
                        <img class="logo logo-dark" alt="logo" src="https://cdn.ihouse.ps/img/logo-light.png"/>
                        <img class="logo logo-light" alt="logo" src="https://cdn.ihouse.ps/img/logo-light.png"/>
                    </a>
                </div>
                <!--end module-->
            </div>
            <div
                class="@if(\Agent::isMobile() && !\Agent::isTablet() )) col-12 @else col-10 @endif text-center text-left-xs text-left-sm">
                <div class="bar__module">
                    <ul class="menu-horizontal text-center">

                        @foreach($menu as $menu_item)
                            <li><a class="@if(request()->segment(1) == $menu_item->category->slug) active @endif"
                                   href="{{url($menu_item->category->slug)}}">{{$menu_item->category->title}}</a>
                            </li>
                        @endforeach
                        <li class="dropdown">
                            <a class="@if(request()->segment(1) == "accessories") active @endif"
                               href="{{route("accessories")}}">الاكسسوارات</a>
                        </li>

                        <li class="dropdown">
                            <a class="@if(request()->segment(1) == "used-items") active @endif"
                               href="{{ route('used-items') }}">مستعمل</a>
                        </li>

                        @if(\Agent::isMobile() && !\Agent::isTablet() )
                            <li>
                                <a class="@if(request()->segment(1) == "sales") active @endif"
                                   href="{{ route('sales') }}">تنزيلات</a>
                            </li>
                            @foreach($badges as $badge)
                                <li>
                                    <a href="{{route("tags",$badge->code)}}">{{$badge->title}}</a>
                                </li>
                            @endforeach
                            <li><a href="{{route("blog.index")}}">المقالات</a></li>

                            @foreach($other_menu as $other_menu_item)
                                <li>
                                    <a href="{{url($other_menu_item->category->slug)}}">{{$other_menu_item->category->title}}</a>
                                </li>
                            @endforeach

                        @else

                            <li class="dropdown">
                                <span class="dropdown__trigger">المزيد <i class="fas fa-chevron-down"></i></span>
                                <div class="dropdown__container">
                                    <div class="container">
                                        <div class="row">
                                            <div class="dropdown__content col-lg-2 col-md-4">
                                                <ul class="menu-vertical">
                                                    <li>
                                                        <a class="@if(request()->segment(1) == "sales") active @endif"
                                                           href="{{ route('sales') }}">تنزيلات</a>
                                                    </li>
                                                    @foreach($badges as $badge)
                                                        <li>
                                                            <a href="{{route("tags",$badge->code)}}">{{$badge->title}}</a>
                                                        </li>
                                                    @endforeach

                                                    <li><a href="{{route("faq")}}">اسئلة شائعة</a></li>
                                                    <li><a href="{{route("blog.index")}}">المقالات</a></li>

                                                    @foreach($other_menu as $other_menu_item)
                                                        <li>
                                                            <a href="{{url($other_menu_item->category->slug)}}">{{$other_menu_item->category->title}}</a>
                                                        </li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                            <!--end dropdown content-->
                                        </div>
                                        <!--end row-->
                                    </div>
                                </div>
                            </li>
                            <li  class="dropdown">
                                <a class="@if(request()->segment(1) == "contact-us") active @endif"
                                   href="{{route("contact-us")}}">إتصل بنا</a>
                            </li>

                        @endif
                        <li class="xs-hidden sm-hidden">
                            <a href="#" data-notification-link="search-box">
                                <i class="stack-search"></i>
                            </a>
                        </li>

                        <li class="dropdown cart-div xs-hidden sm-hidden">