<!DOCTYPE html>
<html>
<head>
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> -->
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport"
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link href="css/ionicons.css" media="all" rel="stylesheet"
type="text/css">
<!-- <link rel="stylesheet" type="text/css" href="css/index.css"> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/materialize.min.css">
<link type="text/css" rel="stylesheet" href="css/lightslider.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/st.css">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
<title>ð–³ð–¢ ð– ð—€ð—‹ð—ˆ ð–¨ð—‡ð–½ð—‚ð–º</title>/
</head>
<body>
<ul id="slide-out" class="side-nav black-text">
<li class="hideonlogin">
<a style="padding-left: 0!important;">
<div class="login-top" onclick="location.href='login.html'"><span>Login</span></div>
<div class="sign-item" onclick="location.href='register.html'"><span>Sign Up</span></div>
</a>
</li>
<li class="profile-area">
<div class="profile-container">
<div class="profile-image">
<img src="img/logo.png" alt="profile" class="circle">
</div>
<h4 class="name">Welcome, User</h4>
</div>
</li>
<li>
<a class="map-set">
<i class="ion-ios-location-outline no-margin"></i>
<span class="text-top"> TECHNICAL PARADISE, SECTOR</span>
<i class="ion-edit no-margin"></i>
<img src="img/working.jpg" class="img-responsive" style="padding-bottom: 10px;">
</a>
</li>
<li class="profile">
<a href="#" onclick="window.location.href='index.html'" class="waves-effect waves-green">
Home</a>
</li>
<li class="profile">
<a href="#" onclick="window.location.href='about.html'" class="waves-effect waves-green">
About Us</a>
</li>
<li class="showonlogin">
<a href="#" onclick="window.location.href='profile.html'" class="waves-effect waves-green">
My Profile
</a>
</li>
<li class="showonlogin">
<a href="#" onclick="window.location.href='wallet.html'" class="waves-effect waves-green">
Oranze Wallet
</a>
</li>
<li>
<a href="#" onclick="window.location.href='smart-Cart.html'" class="waves-effect waves-green">
Smart Cart</a>
</li>
<li>
<a href="#" onclick="openNav()" class="waves-effect waves-green category-slide">
Shop By Category<img src="img/right.png" style="padding: 16px;" class="img-responsive right"></a>
</li>
<li>
<a href="#" onclick="window.location.href='offer.html'" class="waves-effect waves-green">
Offers</a>
</li>
<li>
<a href="#" onclick="window.location.href='store.html'" class="waves-effect waves-green">
ob Specialty Store</a>
</li>
<li class="showonlogin">
<a href="#" onclick="window.location.href='notification.html'" class="waves-effect waves-green">
Notification</a>
</li>
<!-- <li class="showonlogin">
<a href="#" onclick="window.location.href='refer-earn.html'" class="waves-effect waves-green">
Refer Friends
</a>
</li> -->
<li class="showonlogin">
<a href="#" class="waves-effect waves-green product-share">
Share Friends
</a>
</li>
<li>
<a href="#" onclick="window.location.href='faq.html'" class="waves-effect waves-green">
Support & Help</a>
</li>
<li class="logout-link showonlogin">
<a href="#" class="waves-effect waves-green">
Logout
</a>
</li>
<div id="mySidenav" class="sidenav">
<ul class="black-text">
<li>
<a href="javascript:void(0)" class="closebtn"
style="min-height: 94px;background: #524d4d;color: #fff!important;width: 100%;" onclick="closeNav()">
<i class="ion-android-arrow-back" style="color: #fff!important"></i>
Main Menu<br> Shop By Category</a>
</li>
<li class="dropdown-submenu" style="padding-top: 46px">
<a class="test" tabindex="-1" href="#" class="waves-effect waves-green">
Fruils & Vegetables<i class="fa fa-plus" style="float:right;font-size: 22px!important;"></i></a>
<ul class="dropdown-menu center" style="display: none;">
<li>
<a href="#" class="waves-effect waves-green">All Fruits & Vegetables</a></li>
<li><a href="#" class="waves-effect waves-green">Fresh Vegetables</a></li>
<li><a href="#" class="waves-effect waves-green">Vegetables</a></li>
<li><a href="#" class="waves-effect waves-green">Fresh Herbs</a></li>
<li><a href="#" class="waves-effect waves-green">Fresh Fruits</a></li>
</ul>
</li>
<li class="dropdown-submenu">
<a class="test" tabindex="-1" href="#" class="waves-effect waves-green">
Fruils & Vegetables<i class="fa fa-plus" style="float:right;font-size: 22px!important;"></i></a>
<ul class="dropdown-menu center" style="display: none;">
<li>
<a href="#" class="waves-effect waves-green">All Fruits & Vegetables</a></li>
<li><a href="#" class="waves-effect waves-green">Fresh Vegetables</a></li>
<li><a href="#" class="waves-effect waves-green">Vegetables</a></li>
<li><a href="#" class="waves-effect waves-green">Fresh Herbs</a></li>
<li><a href="#" class="waves-effect waves-green">Fresh Fruits</a></li>
</ul>
</li>
<li class="dropdown-submenu">
<a class="test" tabindex="-1" href="#" class="waves-effect waves-green">
Fruils & Vegetables<i class="fa fa-plus" style="float:right;font-size: 22px!important;"></i></a>
<ul class="dropdown-menu center" style="display: none;">
<li>
<a href="#" class="waves-effect waves-green">All Fruits & Vegetables</a></li>
<li><a href="#" class="waves-effect waves-green">Fresh Vegetables</a></li>
<li><a href="#" class="waves-effect waves-green">Vegetables</a></li>
<li><a href="#" class="waves-effect waves-green">Fresh Herbs</a></li>
<li><a href="#" class="waves-effect waves-green">Fresh Fruits</a></li>
</ul>
</li>
<li class="dropdown-submenu">
<a class="test" tabindex="-1" href="#" class="waves-effect waves-green">
Fruils & Vegetables<i class="fa fa-plus" style="float:right;font-size: 22px!important;"></i></a>
<ul class="dropdown-menu center" style="display: none;">
<li>
<a href="#" class="waves-effect waves-green">All Fruits & Vegetables</a></li>
<li><a href="#" class="waves-effect waves-green">Fresh Vegetables</a></li>
<li><a href="#" class="waves-effect waves-green">Vegetables</a></li>
<li><a href="#" class="waves-effect waves-green">Fresh Herbs</a></li>
<li><a href="#" class="waves-effect waves-green">Fresh Fruits</a></li>
</ul>
</li>
<li class="dropdown-submenu">
<a class="test" tabindex="-1" href="#" class="waves-effect waves-green">
Fruils & Vegetables<i class="fa fa-plus" style="float:right;font-size: 22px!important;"></i></a>
<ul class="dropdown-menu center" style="display: none;">
<li>
<a href="#" class="waves-effect waves-green">All Fruits & Vegetables</a></li>
<li><a href="#" class="waves-effect waves-green">Fresh Vegetables</a></li>
<li><a href="#" class="waves-effect waves-green">Vegetables</a></li>
<li><a href="#" class="waves-effect waves-green">Fresh Herbs</a></li>
<li><a href="#" class="waves-effect waves-green">Fresh Fruits</a></li>
</ul>
</li>
</ul>
</div>
</ul>
<header class="header white-text pink-bg z-depth-1">
<div class="navbar">
<!-- <button class="red darken-2 navigation button-collapse">
<i class="ion-android-arrow-back"></i>
</button> -->
<button class="pink-bg navigation button-collapse" data-activates="slide-out">
<i class="ion-android-menu pink-bg"></i>
</button>
<h5>Smart Cart</h5>
<div class="go-to-cart">
<button class="pink-bg navigation" onclick="window.location.href='#'">
</button>
<button class="pink-bg navigation" onclick="window.location.href='#'">
<a href="search.html" style="color:#fff">
<i class="ion-android-search pink-bg" style="color:white"></i>
</a>
</button>
</div>
</div>
<!--<div class="search-cat">-->
<!--<input type="search" name="search" placeholder="Search.." class="input-search search-menu">-->
<!--</div>-->
</header>
<div class="main-container" id="main-container" style="background: #ccc; min-height: 100vh">
<div class="row categories-item bg-color z-depth-1">
<!--<div class="demo" style="padding: 10px;background: #fff;">
<ul class="lightSlider">
</ul>
</div>-->
<div class="cat-offer1">
<span class="product-deal" style="color:#000">Our Recommendations</span><br>
<!--<span>Based on customers like you have bought</span>-->
</div>
<!--<div class="col s12 special-products">-->
<!--<div class="col s5">-->
<!--<img src="img/fruit.jpg" class="img-responsive">-->
<!--</div>-->
<!--<div class="col s5 product-text">-->
<!--<div class="product-off">Up to 30% OFF</div>-->
<!--<div class="product-name">Meats & Seafood</div>-->
<!--<div class="top-deal-text1"> Poultry, Red Meat, Fish & Seafood</div>-->
<!--</div>-->
<!--<div class="col s2">-->
<!--<i class="fa fa-motorcycle" style="font-size: 18px!important;padding: 5px;"></i>-->
<!--<a href="#" class="product-add-btn">ADD</a>-->
<!--</div>-->
<!--</div>-->
<div class="products-list relative"></div>
</div>
</div>
<div class="footer"></div>
<footer class="footer1" id="footer1">
<div>
<p class="" style="margin-left: 20px; color: white;">Copyright © 2020 TC Agro. All rights reserved.</p>
<div id="" style="float: left;">
<a href="index.html" class="waves-effect waves-gray" style="color: white;text-decoration: underline;">Home</a>
<a href="order.html" class="waves-effect waves-gray" style="color: white;text-decoration: underline;">My Order</a>
<a href="contact.html" class= "waves-effect waves-gray"style = "color:white;text - decoration :underline;" > Contact </a>
<a href = "about.html"class = "waves-effect waves-gray"id ="hidec"style ="color:white;text - decoration :underline;" > About Us </a>
</div>
</div>
</footer ><div class="footer">
<div class="footer-icon no-gap center-align active" style="margin-left: 19px;" onclick="window.location.href='index.html'">
<!--<i class="ion-home footer-icon"></i>-->
<img src="img/tcagrologo.jpeg" style="height:26px;">
<p class="footer-label no-gap">
Home
</p>
</div>
<div style="margin-left: 13px;" class="footer-icon no-gap center-align" onclick="window.location.href='categories.html'">
<i class="ion-android-apps"></i>
<p class="footer-label no-gap">
Categories
</p>
</div>
<div class="footer-icon no-gap center-align" style="visibility: hidden; margin-left: 5px;" onclick="window.location.href='categories.html'">
<i class="ion-android-apps"></i>
<p class="footer-label no-gap">
Categories
</p>
</div>
<!-- <div class="footer-icon no-gap center-align" onclick="window.location.href='search.html'">
<i class="ion-android-search"></i>
<p class="footer-label no-gap">
Search
</p>
</div> -->
<div class="footer-icon no-gap center-align navigation go-to-cart cart-badge-container make_circle" style="
width: 56px;
height: 56px;
background-color: #2b3656;
position: absolute;
border-radius: 50%;
margin-left: 23px;
bottom: 18px;
border: 4px solid #f1f1f1;
box-shadow: inset 0px 0px 8px #2b3656, 0px 0px 0px #979797;
" onclick="window.location.href='cart.html'">
<i style="position: absolute;
right: 50%;
transform: translate(50%,-50%);
top: 50%;color: white;" class="ion-android-cart "></i>
<p class="footer-label no-gap">
<sup class="badge cart-badge" style="margin: -5px 0px 0px 30px; font-size: 15px;display: none;">
0
</sup>
</p>
<p class="footer-label " style="position: absolute;
top: 42px;
margin-left: 10px;">Cart</p>
</div>
<!-- <div class="footer-icon no-gap center-align navigation go-to-cart cart-badge-container" onclick="window.location.href='cart.html'">
<i class="ion-android-cart "></i>
<p class="footer-label no-gap">Cart
<sup class="badge cart-badge" style="margin: -5px 0px 0px 20px; font-size: 15px;">
0
</sup>
</p>
</div> -->
<div class="footer-icon no-gap center-align" style="margin-right: 10px;" onclick="window.location.href='offer.html'">
<img src="img/sale.png" style="height:25px;">
<p class="footer-label no-gap">
Offers
</p>
</div>
<div class="footer-icon no-gap center-align adminmobile" style="margin-right: 18px;">
</div>
<!-- <div class="footer-icon no-gap center-align" onclick="window.location.href='cart.html'">
<i class="ion-android-cart"><sup class="badge cart-badge"></sup></i>
<p class="footer-label no-gap">
Cart
</p>
</div> -->
</div>
<script>
$(document).ready(function () {
showLoader();
// const categoryContainer = document.querySelector('.lightSlider');
const productsContainer = document.querySelector('.products-list');
let categoryItem = '<li><a href="#" data-code="all" data-name="all" class="button btn-deal"' +
'onclick="setSmartCartCategory(this);">Show All Products</a></li>';
let productsContent = ``;
//let smartCartCategory = JSON.parse(sessionStorage['smartCart'].toString());
let shopping_cart = JSON.parse(localStorage['shopping-cart-items'].toString());
//postFetchRequest('/appcode/fetch_smart_Cart_products_and_categories.php', smartCartCategory)
postFetchRequest('/appcode/fetch_smart_basket_products_and_categories.php', shopping_cart)
.then((res) => {
console.log(res);
if (res.status === 1) {
res.categories.forEach((item) => {
categoryItem += `
<li>
<a href="#" class="button btn-deal" data-code="${item.category_code}" data-name="${item.name}"
onclick="setSmartCartCategory(this);">${item.name}</a>
</li>`;
});
res.products.forEach((item, index) => {
productsContent += `
<div class="products-details no-padding">
<div class="row" style="margin: 0">
<div class="col s9 no-padding relative product" onclick="viewProductDetails(this)"
data-code="${item.product_code}">
<div class="col s5 no-padding">
<img src="${base}/img/${item.photo_link}" class="img-responsive product_image_preview">
</div>
<div class="col s7">
<b class="product_name">${item.name}</b>
<div class="price-section">
<span class="old-price">
<i class="fa fa-inr p-font"></i>${item.old_price}
</span>
<span class="product-price">
<i class="fa fa-inr"></i>${item.price}
</span>
</div>
</div>
</div>
<div class="col s3 no-padding text-center">
<i class="fa fa-motorcycle"></i>
<div class="product-quantity-control">
<div class="item-quan-plus" onclick="quantityPlus(this)" data-show=".item-quan-show-${index}"
data-affect=".addToCart-${index}">
<i class="fa fa-plus p-font"></i>
</div>
<div class="item-quan-show-${index}">1</div>
<div class="item-quan-minus" onclick="quantityMinus(this)" data-show=".item-quan-show-${index}"
data-affect=".addToCart-${index}">
<i class="fa fa-minus p-font"></i>
</div>
</div>
<div class="col s12 no-padding outter-add-to-cart">
<button data-code="${item.product_code}" data-name="${item.name}" data-price="${item.price}"
data-gst="${item.gst}" data-quantity="1" data-img="${base}/img/${item.photo_link}"
onclick="checkAndAddToCart(this)" class="btn button addToCart-${index}">Add</button>
</div>
</div>
</div>
</div>`;
});
productsContainer.innerHTML = productsContent;
// categoryContainer.innerHTML = categoryItem;
}
return res;
})
.then((res) => {
$('.lightSlider').lightSlider({
autoWidth: true,
item: 1,
});
removeLoader();
})
.catch((err) => {
console.error(err);
removeLoader();
alert(unexpectedError);
});
}
</script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/myfunctions.js"></script>
<script type="text/javascript" src="js/jR3DCarousel.min.js"></script>
<script>
$(document).ready(function () {
$('.dropdown-submenu a.test').on("click", function (e) {
$(this).next('ul').toggle();
e.stopPropagation();
e.preventDefault();
});
});
</script>
<script type="text/javascript" src="js/lightslider.js"></script>
<script>
$(document).ready(function () {
$('.test').on('click', function () {
var temp = $(this).children('i').attr('class');
if (temp == 'fa fa-plus') {
$(this).children('i').removeClass('fa-plus');
$(this).children('i').addClass('fa-minus');
} else {
$(this).children('i').removeClass('fa-minus');
$(this).children('i').addClass('fa-plus');
}
});
});
</script>
</body>
</html>