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

<nav class="bar nav-ihouse navbar navbar-expand-lg navbar-dark fixed-top bg--darker p-0">
    <div class="container-lg container-fluid d-flex justify-content-between align-items-center">
        <div class="d-none d-lg-block">
            <a class="navbar-brand" href="{{route("home")}}">
                <img class="logo logo-dark" alt="logo"
                     src="https://cdn.ihouse.ps/img/logo-light.png"/>
            </a>
        </div>
        <div class="d-block d-lg-none d-flex align-items-center">
            <a href="#" class="pr-2" data-toggle="collapse"
               data-target="#navbarCollapse"
               aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                <i class="stack-menu"></i>
                <i class="stack-up-open-big"></i>
            </a>
            <a href="#" data-notification-link="search-box">
                <i class="stack-search"></i>
            </a>
        </div>
        <div class="d-block d-lg-none">
            <a class="navbar-brand" href="{{route("home")}}">
                <img class="logo logo-dark" alt="logo"
                     src="https://cdn.ihouse.ps/img/logo-dark.png"/>
            </a>
        </div>
        <div class="w-75 d-none d-lg-block">
            @include('layout.collapse_menu')
        </div>
        <div class="d-none d-lg-block">
            <a target="_blank"
               href="https://locate.apple.com/il/en/sales/?pt=1&lat=31.8991848&lon=35.2054965&address=Ramallah">
                <img class="logo logo-dark" alt="logo"
                     src="https://cdn.ihouse.ps/img/authorized_reseller.png"/>
                <img class="logo logo-light" alt="logo"
                     src="https://cdn.ihouse.ps/img/authorized_reseller.png"/>
            </a>
        </div>
        <div class="d-block d-lg-none dropdown" id="mobile-cart">
            @include('layout.cart_dropdown')
        </div>
    </div>
    <div class="d-block d-lg-none collapse-menu w-100">
        @include('layout.collapse_menu')
    </div>
</nav>

<div class="notification pos-top pos-right search-box bg--white border--bottom" data-animation="from-top"
     data-notification-link="search-box">
    <form action="{{route("search")}}">
        <div class="row justify-content-center">
            <div class="col-lg-6 col-lg-8">
                <div class="input-icon">
                    <i class="material-icons">search</i>
                    <input type="search" name="q" placeholder="اكتب اسم المنتج او الاكسسوار الذي تريده"/>
                </div>
            </div>
        </div>
    </form>
</div>