<style>@font-face{font-family:muli;src:url('<?php echo e(asset("/")); ?>assets/frontend/font/Muli/Muli-VariableFont_wght.ttf');}header .main-menu{z-index:999999;}@media(max-width:750px){.sear_wrapper, #search-view{width:100% !important;}}.goog-te-gadget img {display:none;}.goog-te-banner-frame {display:none;}.VIpgJd-ZVi9od-ORHb-OEVmcd {display:none !important;}</style>
<?php if(!Request::is('/')): ?>
<style>.products .product .thumbnail {height: 190px !important;}#list-view .product .thumbnail img {width: 200px;}@media(max-width:767px) {#list-view .product .thumbnail img {width: inherit;}#list-view .product h4 {font-size: 17px;font-weight: 1;margin-top: 10px;}#list-view .product .details {margin-left: 15px;}#list-view .product .details .dis-label {display: none;}}</style>
<?php endif; ?>
<header class="not-home">
<div class="upper-header" style="">
    <div class="container">
        <div style="display: flex;">
            <div class="dvts" style="flex: 1;">
                <ul>
                    <li><i class="fal fa-phone-alt" aria-hidden="true"></i> Have a question? Call us<a href="tel:<?php echo e(setting('SITE_INFO_PHONE')); ?>"> <?php echo e(setting('SITE_INFO_PHONE')); ?></a></li>
                    
                </ul>
            </div>
            <div class="dvts">
                <ul>
                    <?php if(auth()->check() && auth()->user()->role_id != 1): ?>
                    <li><a href="<?php echo e(route('dashboard')); ?>" class="<?php echo e(Request::is('dashboard') ? 'active':''); ?>">My
                            Account</a></li>
                    <?php endif; ?>
                    <?php if(auth()->guard()->check()): ?>
                    <?php if(auth()->user()->role_id == 2): ?>
                    <span
                        style="margin:-2px 5px;height: 15px;display: inline-block;width: 1px;background: black;"></span>
                    <li><a class="vendor-button" href="<?php echo e(routeHelper('dashboard')); ?>"> Dashboard</a></li>
                    <?php endif; ?>
                    <?php endif; ?>
                    <?php if(auth()->user()): ?>
                    <?php else: ?>
                    <li><a href="<?php echo e(route('login')); ?>">Sign In</a></li>
                    <span
                        style="margin:-2px 5px;height: 15px;display: inline-block;width: 1px;background: black;"></span>
                    <li><a href="<?php echo e(route('register')); ?>">Sign Up</a></li>
                    <li><a style="border: 1px solid black;padding: 3px 10px;border-radius: 10px;"
                            href="<?php echo e(route('vendorJoin')); ?>">Seller</a></li>
                    <?php endif; ?>
                    <li>
                        <div id="google_translate_element" onclick="foo();"> </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="top-header header_area" style="background:#f3f3f3">
    <div class="container containe">
        <div class="mobile-menu-openar">
            <div class="bars">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="logo-area">
            <a href="<?php echo e(route('home')); ?>">
                <img src="<?php if(file_exists(public_path() .'/uploads/setting/'.setting('logo'))): ?><?php echo e(asset('/uploads/setting/'.setting('logo'))); ?><?php else: ?><?php echo e(asset('/icon/no-img-cat.png')); ?><?php endif; ?>" alt="<?php echo e(setting('SITE_NAME') ?? env('APP_NAME')); ?>">
            </a>
        </div>
        <div class="mobi-comp top-menu" style="display: none;">
            <ul>
                <li><a href="<?php echo e(route('cart')); ?>"><i class="fal fa-shopping-cart"></i></a></li>
                <?php if(auth()->guard()->guest()): ?>
                <li><a href="<?php echo e(route('login')); ?>"><i class="fas fa-user"></i> </a></li>
                <?php else: ?>
                <li>
                    <a href="<?php echo e(route('logout')); ?>" onclick="event.preventDefault();
                        document.getElementById('logout-form').submit();"><i
                            class="icofont icofont-logout"></i></a>
                    <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" class="d-none">
                        <?php echo csrf_field(); ?>
                    </form>
                </li>
                <?php endif; ?>
            </ul>
        </div>
        <div class="wrap" style="width: 30px;"></div>
        <div class="search-box" id="search-box-open">
            <form id="form_search" action="<?php echo e(route('product.search')); ?>" method="GET">
                <div class="input-group form_search_block">
                    <input placeholder="Search entires store here...." class="sear" type="search"
                        name="keyword" id="keyword" autocomplete="off" required>
                    <button class="input-group-addon" name="go" type="submit"><i 
                            class="icofont icofont-search"></i></button>
                </div>
            </form>
            <i id="form_search_icon" style="display:none" class="other-search icofont icofont-search"></i>
        </div>

        <div class="wrap" style="width: 30px;"></div>
        <div class="top-menu">
            <ul>
                <li><a href="<?php echo e(route('wishlist')); ?>"> <i class="fal fa-heart" aria-hidden="true"></i> <sup> <span
                                id="total-cart-"><?php echo e(App\Models\wishlist::where('user_id',auth()->id())->count()); ?></span></sup></a>
                </li>
                <li><a href="<?php echo e(route('cart')); ?>"><i class="fal fa-shopping-basket"></i> <sup> <span
                                id="total-cart-count"><?php echo e(Cart::count()); ?></span></sup> </a></li>
                <?php if(auth()->guard()->check()): ?>
                <li>
                    <a href="<?php echo e(route('logout')); ?>" onclick="event.preventDefault();
                        document.getElementById('logout-form').submit();">Log Out</a>
                    <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" class="d-none">
                        <?php echo csrf_field(); ?>
                    </form>
                </li>
                <?php endif; ?>
            </ul>
        </div>
    </div>
</div>
<div id="search-view" style="width:60%;margin:auto"></div>



<?php if(!empty(setting('MAIN_MENU_STYLE'))): ?>
<?php echo $__env->make('layouts.frontend.partials.partial-part.header_main_menu_' . setting('MAIN_MENU_STYLE'), \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php else: ?>
<?php echo $__env->make('layouts.frontend.partials.partial-part.header_main_menu_1', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php endif; ?>
<?php echo $__env->make('layouts.frontend.partials.partial-part.header_main_menu_all_style_and_scripts', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</header>

<style>
    /* Search Wrapper */
    /* .advance-search{
        background: transparent;
    } */
    /* Search View */
    #search-view{
        background: #fff;
        height: fit-content;
        max-height: 100%;
        padding: 0;
        position: fixed;
        z-index: 9999;
        left: 0;
        right: 0;
    }
    #search-view .pin{
        display: flex;
        background: white;
        padding: 1.2rem .6rem;
        border-bottom: 1px solid gainsboro;
        gap: .8rem;
    }
    #search-view .pin .thumbnail{
        margin-top: 0;
    }
    #search-view .pin .detaisls h5{
        margin: 0;
    }
    #search-view .pin .detaisls h5.search_p_titile{
        font-size: .9rem;
        line-height: 1.3rem;

        height: 4rem;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }


    @media (max-width:767px){
        /* in mobile search icon visible */
        .form_search_block{
            display: block !important;
        }


        /* .phone_form_search_input { */
        .form_search_block {
            position: fixed;
            z-index: 999;
            top: 0;
            left: 0;
            /* display: block !important;
            left: 50%;
            width: 95%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            border: 1px solid #ccc */
        }
    }
</style>

<?php $__env->startPush('js'); ?>
















<script>
    // add search box
    $('#form_search_icon').click(function(){
        event.stopPropagation(); // Prevent the click from bubbling up to the document
        $('#form_search').addClass('form_search_block');
        $('#keyword').addClass('phone_form_search_input');
        console.log('search bar opening');
    });

    // close the search box
    $(document).ready(function () {
        $(document).click(function (event) {
            if (!$(event.target).closest("#keyword").length && $('#keyword').hasClass('phone_form_search_input')) {
                $('#keyword').removeClass('phone_form_search_input');
                // display block <form search remove
                if ($('#form_search').hasClass('form_search_block')) {
                    $('#form_search').removeClass('form_search_block');
                }
                console.log('close mobile search box');
            }
        });
    });
</script>
<?php $__env->stopPush(); ?><?php /**PATH /home/apleusbj/shopping.apleefix.com/resources/views/layouts/frontend/partials/header_1.blade.php ENDPATH**/ ?>