
<header class="header-style-1">

    <!-- ============================================== TOP MENU ============================================== -->
    <div class="top-barhead animate-dropdown" id="d-sm-none">
        <div class="header-top-inner">
            <div class="cnt-account">
                <ul class="list-unstyled">
                    <li><a target="_blank" href="<?php echo e($basicinfo->facebook); ?>"><i class="fa-brands fa-facebook-f"></i></a></li>
                    <li><a target="_blank" href="<?php echo e($basicinfo->instagram); ?>"><i class="fa-brands fa-instagram"></i></a></li>
                    <li><a href="mailto:<?php echo e($basicinfo->email); ?>"><i class="fa-solid fa-envelope"></i></a></li>
                    <li><a href="tel:+88<?php echo e($basicinfo->phone_one); ?>"><i class="fa-solid fa-phone"></i></a></li>
                    <li><a target="_blank" href="<?php echo e($basicinfo->youtube); ?>"><i class="fa-brands fa-youtube"></i></a></li>
                </ul>
            </div>
            <!-- /.cnt-account -->
            <div class="cnt-block">
                <ul class="list-unstyled">
                    <li><a href="#"><i class="icon fas fa-clock"></i>&nbsp;24 hours</a>
                    </li>
                    <li><a href="tel:<?php echo e($basicinfo->phone_one); ?>"><i
                                class="icon fas fa-phone"></i>&nbsp;<?php echo e($basicinfo->phone_one); ?></a></li>
                </ul>
                <!-- /.list-unstyled -->
            </div>

            <div class="d-none d-lg-block" id="lgmar">
                <marquee behavior="" direction="" style="color:#fff;margin-top: 2px;"> <?php echo e($basicinfo->marquee_text); ?></marquee>
            </div>

            <!-- /.cnt-cart -->
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="col-12" id="d-lg-none">
        <marquee behavior="" direction="" style="color: #000;background: #ffce03;font-weight:bold;"> <?php echo e($basicinfo->marquee_text); ?></marquee>
    </div>
    <div class="main-header" id="myHeader" style="background: #fff;border-bottom: 1px solid #e9e9e9;">
        <div class="container">
            <div class="row" style="margin: 0">
                <div class="col-9 col-sm-9 col-md-9 col-lg-3 logo-holder ps-0">
                    <!-- ============================================================= LOGO ============================================================= -->
                    <div class="logo" style="display: flex;justify-content:space-between">
                        <button type="button" class="d-none d-lg-block" onclick="openNav()" id="menubutton">
                            <img src="<?php echo e(asset('public/menu.png')); ?>" alt="" id="menuiconcss">
                        </button>

                        <a href="<?php echo e(url('/')); ?>" id="logoimage">
                            <img src="<?php echo e(asset($basicinfo->logo)); ?>" alt="" id="logosm"
                                style="    width: 100%;">
                        </a>
                    </div>
                    <!-- /.logo -->
                    <!-- ============================================================= LOGO : END ============================================================= -->
                </div>
                <!-- /.logo-holder -->

                <div class="col-md-2 col-lg-7 top-search-holder d-flex" style="justify-content:center!important;" id="d-sm-none">
                    <!-- /.contact-row -->
                    <!-- ============================================================= SEARCH AREA ============================================================= -->
                    <div class="search-area" id="d-sm-none">
                        <div class="navbar">

                            <form action="<?php echo e(url('search')); ?>" method="GET">
                                <div class="control-group" style="    display: flex;">
                                    <input class="m-0 search-field" name="search" placeholder="Search here..." style="width:384px">
                                    <button class="search-button" type="submit"></button>
                                </div>
                            </form>
                    </div>

                    </div>
                </div>
                <!-- /.top-search-holder -->

                <div class="p-0 col-3 col-sm-3 col-md-3 col-lg-2 animate-dropdown top-cart-row" id="headcart">
                    <div class="">
                        <a href="<?php echo e(url('track-order')); ?>" class="d-none d-lg-block" id="iconhead">
                            <img src="<?php echo e(asset('public/express-delivery.png')); ?>" alt="" style="width: 60px;margin-top: -22px;">
                        </a>
                    </div>
                    <div class="d-none d-xl-inline-block" id="d-sm-none">

                        <?php if(Auth::id()): ?>
                            <a href="#" type="button" onclick="openProfileNav()"  style="color: #000000;font-size:20px" ><i class="fa-solid fa-user"></i></a>

                        <?php else: ?>
                            <a href="<?php echo e(url('login')); ?>" id="iconhead" style="padding-right: 16px;"><i class="fa-solid fa-user"></i></a>
                        <?php endif; ?>
                    </div>

                    <div class="dropdown-cart"  id="d-sm-none">
                        <a href="#" class="dropdown" onclick="checkcart(this)" data-bs-toggle="dropdown"
                            id="smcarticon">
                            <div class="items-cart-inner">
                                <div class="basket" style="padding: 0;display:flex;">
                                    <span style="color: #000000;font-weight:bold">৳
                                        <?php echo e(intval(Cart::subtotal())); ?></span><i class="fa-solid fa-cart-shopping"
                                        style="    padding-top: 26px;font-size: 20px;color: #000000;"></i>
                                </div>
                            </div>
                        </a>
                        <ul class="dropdown-menu">
                            <li id="checkcartview">
                            </li>
                        </ul>
                        <!-- /.dropdown-menu-->
                    </div>
                    <!-- /.dropdown-cart -->

                    <a type="button" class="search-button d-lg-none" onclick="showser()" style="float: right;font-size: 30px; color: #b9b9b9;    margin-right: 10px;"
                        href="#" id="smsericon"><img src="<?php echo e(asset('public/search.png')); ?>" style="width:35px"></a>
                    <!-- ============================================================= SHOPPING CART DROPDOWN : END============================================================= -->
                    <input type="text" id="valcheck" value="0" hidden>
                </div>
                <!-- /.top-cart-row -->

                <div class="mt-1 mb-1 text-left col-lg-6 col-12" id="hideser" >
                    <form action="<?php echo e(url('search')); ?>" method="GET">
                        <div class="input-group">
                            <input type="text" name="search" id="search" class="form-control"
                                placeholder="Search for products" style="border-radius: 4px 0px 0px 4px;margin:0;">
                            <div class="input-group-append">
                                <button type="submit" class="input-group-text bg-primary text-light" style="background: black !important;padding: 10.7px;margin-bottom: 2px;margin-left: -10px;margin-top: -1px;border-radius: 0px 4px 4px 0px;">
                                    <i class="fas fa-search"></i>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- /.row -->

        </div>
        <!-- /.container -->

    </div>


    <!-- side bar panel start -->
    <div id="mySidepanel" class="sidepanel">
        <div class="side-menu-header ">
            <div class="side-menu-close" onclick="closeNav()">
                <i class="fas fa-close"></i>
            </div>
            <div class="px-3 pb-3 side-login" style="padding-top: 12px;padding-bottom: 15px; padding-left: 10px;">
                <a href=""></a>
                <a style="font-size: 16px" href="#">Categories</a>
            </div>
        </div>
        <ul class="level1-styles collapse show" id="id0">
            <li>
                <a href="<?php echo e(url('/')); ?>">Home</a>
            </li>

            <li>
                <a href="<?php echo e(url('/shops')); ?>">Shop</a>
            </li>
            <li>
                <a href="<?php echo e(url('venture/contact_us')); ?>">Contact </a>
            </li>
            <li>
                <a href="<?php echo e(url('blogs')); ?>">Blog </a>
            </li>
            <li>
                <a href="<?php echo e(url('rashi-multimedia')); ?>">Rashi Multimedia </a>
            </li>
            <?php $__empty_1 = true; $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                <li>
                    <a href="<?php echo e(url('products/category/' . $category->slug)); ?>"><?php echo e($category->category_name); ?> </a>
                </li>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
            <?php endif; ?>

        </ul>
    </div>

     <!-- side bar panel start -->
     <div id="myProfileSidepanel" class="sidepanel">
        <div class="side-menu-header ">
            <div class="side-menu-close" onclick="clossProfileNav()">
                <i class="fas fa-close"></i>
            </div>
            <div class="px-3 pb-3 side-login" style="padding-top: 12px;padding-bottom: 15px; padding-left: 10px;">
                <?php if(Auth::guard('web')->check()): ?>
                   <?php if(Auth::guard('web')->user()->profile): ?>)
                        <img src="<?php echo e(asset(Auth::guard('web')->user()->profile)); ?>" alt="" id="profileImage">
                    <?php else: ?>
                        <img src="<?php echo e(asset('public/backend/img/user.jpg')); ?>" alt="" id="profileImage">
                    <?php endif; ?>
                <h4 class="m-0 text-left" style="color: white;font-size: 16px;text-transform: uppercase;"><?php echo e(Auth::guard('web')->user()->name); ?></h4>
                <h4 class="m-0 text-left" style="color: white;font-size: 16px;"><?php echo e(Auth::guard('web')->user()->email); ?></h4>
                <?php else: ?>
                <?php endif; ?>


            </div>
        </div>
        <div class="py-0 widget-profile-menu">
            <ul class="categories categories--style-3">
                <li class="p-0">
                    <a href="<?php echo e(url('user/dashboard')); ?>" class="active">
                        <i class="fas fa-dashboard category-icon"></i>
                        <span class="category-name">
                            Dashboard
                        </span>
                    </a>
                </li>

                <li class="p-0">
                    <a href="<?php echo e(url('user/wallets')); ?>" class="">
                        <i class="fas fa-wallet category-icon"></i>
                        <span class="category-name">
                            Wallet </span>
                    </a>
                </li>

                <li class="p-0">
                    <a href="<?php echo e(url('user/purchase_history')); ?>" class="">
                        <i class="fas fa-file-text category-icon"></i>
                        <span class="category-name">
                            Orders </span>
                    </a>
                </li>

                <li class="p-0">
                    <a href="<?php echo e(url('track-order')); ?>" class="">
                        <i class="fas fa-file-text category-icon"></i>
                        <span class="category-name">
                            Track Order
                        </span>
                    </a>
                </li>
                <li class="p-0">
                    <a href="<?php echo e(url('user/profile')); ?>" class="">
                        <i class="fas fa-user category-icon"></i>
                        <span class="category-name">
                            Manage Profile
                        </span>
                    </a>
                </li>
                <li class="p-0">
                    <a href="<?php echo e(url('logout')); ?>" class="">
                        <i class="fas fa-comment category-icon"></i>
                        <span class="category-name">
                            Logout
                        </span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- side bar panel end -->
</header>

<!-- Search Popup Modal -->
<div class="modal fade" id="searchPopup" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content" style="border-radius: 0px !important">
            <div class="modal-body" style="padding: 0px;">
                <div class="modalsearch-area">
                    <div class="control-group d-flex justify-content-between">
                        <input class="mb-0 search-field" id="modalsearchinput" onkeyup="searchproduct()"
                            placeholder="Search here...">
                        <a class="search-button" data-bs-dismiss="modal" href="#"></a>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div id="searchproductlist" style="background: white;margin: 10px;height: auto;overflow: scroll;">

    </div>
</div>

<style>
    #profileImage {
        border-radius: 50%;
        padding: 0px;
        padding-bottom: 8px;
        padding-top: 10px;
    }

    .sidebar-widget-title {
        position: relative;
    }

    .sidebar-widget-title:before {
        content: "";
        width: 100%;
        height: 1px;
        background: #eee;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
    }

    .py-3 {
        padding-bottom: 1rem !important;
    }

    .sidebar-widget-title span {
        background: #fff;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.2em;
        position: relative;
        padding: 8px;
        color: #dadada;
    }

    ul.categories {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    ul.categories--style-3>li {
        border: 0;
    }

    ul.categories>li {
        border-bottom: 1px solid #f1f1f1;
    }

    .widget-profile-menu a i {
        opacity: 0.6;
        font-size: 13px !important;
        top: 0 !important;
        width: 18px;
        height: 18px;
        text-align: center;
        line-height: 18px;
        display: inline-block;
        margin-right: 0.5rem !important;
    }

    .category-name {
        color: black;
        font-size: 18px;
    }

    .category-icon {
        font-size: 18px;
        color: black;
    }
    .modalsearch-area .search-field {
        border: medium none;
        padding: 10px;
        border-right: none;
        float: left;
    }

    .modalsearch-area .search-button {
        display: inline-block;
        float: left;
        margin-top: -1px;
        padding: 6px 15px 7px;
        text-align: center;
        background-color: #000000;
        border: 1px solid #000000;
    }

    .modalsearch-area .search-button:after {
        color: #fff;
        content: "\f00d";
        font-family: fontawesome;
        font-size: 24px;
        line-height: 9px;
        vertical-align: middle;
    }
</style>
<script>
    function showser() {
        var s=$('#valcheck').val();
        if(s=='0'){

            $('#valcheck').val('1');
            $('#hideser').css('display','inline');

        }else{

            $('#valcheck').val('0');
            $('#hideser').css('display','none');

        }
    }
</script>
<?php /**PATH D:\Xampp\htdocs\multivendor_ecom\resources\views/webview/partials/header.blade.php ENDPATH**/ ?>