<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
<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 rel="stylesheet" type="text/css" href="css/slick.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="icon" href="tarush.png" type="img/tarush.png" sizes="16x16">
<script type="text/javascript" src="js/jquery.js"></script>
<link type="text/css" rel="stylesheet" href="css/lightslider.css"/>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDNRpXbCNy7maFy6pmREIYOzwpsDTZ7c7Y&libraries=places"></script>
<style type="text/css">
.row {
margin-bottom:0px!important;
}
</style>
<script>
$(document).ready(function(){
if(localStorage.username == undefined && localStorage.status != 'A'){
// window.location.href='reg_em.html';
}
});
/***
* Remove Uneccessary valiables that can conflict.
*/
sessionStorage.removeItem('smartCart');
sessionStorage.removeItem('specialCategory');
sessionStorage.removeItem('code');
sessionStorage.removeItem('category');
$(document).ready(function(){
//alert(7);
});
</script>
<title>singhania</title>
</head>
<body onload="getCurrentAddress();">
<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 >
<!-- <i class="fa fa-sign-in" style="color:white!important;" ></i> -->
Login</span></div>
<div class="sign-item" onclick="location.href='register.html'"><span>
<!-- <i class="fa fa-sign-out"style="color:white!important;"></i> -->
Sign Up</span></div>
</a>
</li>
<li class="profile-area">
<div class="profile-container">
<div class="profile-image">
<img src="img/tarush.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 my-input"></i>
<textarea placeholder="Address" name="address" id="address" class="materialize-textarea"></textarea>
<p class="btn save_address" style="display: flex;justify-content: center;align-items: center;margin-top:-41px;margin-right: 29px;background:#8bc34a;">Save</p>
<!-- <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">
<!-- <i class="fa fa-home"></i> -->
Home</a>
</li>
<li class="profile">
<a href="#" onclick="window.location.href='about.html'" class="waves-effect waves-green">
<!-- <i class="fa fa-info" style="margin: 0px 22px 0px 8px;"></i> -->
About Us</a>
</li>
<li class="showonlogin">
<a href="#" onclick="window.location.href='profile.html'" class="waves-effect waves-green">
<!-- <i class="fa fa-users"></i> -->
My Profile
</a>
</li>
<li class="showonlogin">
<a href="#" onclick="window.location.href='wallet.html'" class="waves-effect waves-green">
Wallet
</a>
</li>
<li class="showonlogin">
<a href="#" onclick="window.location.href='order.html'" class="waves-effect waves-green">
My Orders
</a>
</li>
<li class="showonlogin">
<a href="#" onclick="window.location.href='wishlist.html'" class="waves-effect waves-green">
Wishlist
</a>
</li>
<!-- <li>
<a href="blog.html" onclick="window.location.href='blog.html'" class="waves-effect waves-green">
Know The Facts
</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 class="dropdown-submenu" style="">
<a class="test" tabindex="-1" href="#">
<!-- <i class="ion-android-apps"></i> -->
Shop By Category
<i class="fa fa-plus" style="float:right;font-size: 22px!important;"></i>
</a>
<ul class="dropdown-menu center" id="mySidenav1" style="display: none;">
</ul>
</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='screp.html'" class="waves-effect waves-green">
Scrap Pricing</a>
</li> -->
<!-- <li>
<a href="#" onclick="window.location.href='store.html'" class="waves-effect waves-green">
FK 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>
<a href="#" onclick="window.location.href='faq.html'" class="waves-effect waves-green">
<!-- <i class="fa fa-question"></i> -->
FAQs</a>
</li>
<li class="logout-link showonlogin">
<a href="#" class="waves-effect waves-green">
<!-- <i class="fa fa-sign-out"></i> -->
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>
</ul>
</div>
</ul>
<header class="header white-text pink-bg z-depth-1" style="height: 50px;">
<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">
<!-- <img src="img/menu.png" style="width: 44px;border-radius: 10px!important;"> -->
<i class="fa fa-bars fa-2x" aria-hidden="true" style="color:#fff;"></i>
</button>
<h5>Tarush</h5>
<!-- <img src="img/logo-o.png" style="width: 55%;height: 55px;"> -->
<div class="go-to-cart">
<button class="pink-bg navigation" onclick="window.location.href='#'">
</button>
<button class="pink-bg navigation " onclick="window.location.href='search.html'">
<a href="#" style="color:#fff">
<i class="ion-android-search pink-bg"></i>
</a>
</button>
<button class="pink-bg navigation " onclick="window.location.href='profile.html'">
<a href="#" style="color:#fff">
<i class="ion-ios-contact-outline pink-bg"></i>
</a>
</button>
<!-- <button class="pink-bg navigation go-to-cart cart-badge-container" onclick="window.location.href='cart.html'">
<i class="ion-android-cart"></i>
<span class="badge cart-badge">
0
</span>
</button> -->
</div>
</div>
<!-- <div class="search-cat">
<input type="search" name="search" placeholder="Search.." data-search-page="false"
class="input-search search-menu search" onclick="window.location.href='search.html'" >
onclick="window.location.href='search.html'"
</div> -->
</header>
<!-- style="padding-top:81px; padding-bottom: 55px;style="margin: -15px 0px 0px 0px;" -->
<div class="main-container" id="main-container">
<!-- Modal Trigger -->
<!-- <a class="waves-effect waves-light btn modal-trigger" href="#modal1" style="margin: 0px 0px -150px 0px;">Modal</a> -->
<!-- Modal Structure -->
<!-- <div id="modal1" class="modal bottom-sheet card" style="">
<div class="modal-content" style="background: #3dd54a;">
<div class="row">
<i class="col s2 fa fa-close modal-close waves-effect waves-green btn-flat"></i>
<h4 class="">Tarush</h4>
</div>
<div class="row col s12">
<div class="row col s8">
<p>Login to access your orders, exclusive offers, rewards and recommendations</p>
</div> -->
<!-- <div class="row col s4">
<img src="img/tp.png" alt="tp">
</div> -->
<!-- </div>
</div>
<form>
<div class="input-field">
<input id="name" type="text" name="em" class="validate" onclick="window.location.href='reg_em.html'" required autofocus autocomplete="true">
<label for="em">email/mobile-no <span class="red-text">*</span> </label>
</div>
<button class="continue-now-button waves-effect waves-green btn" name="login-button" type="submit" style="margin: 0px 100px; background: red;">Continue
</button>
</form>
</div> -->
<div class="categories"style="margin: 50px 0px 0px 0px;">
<ul class="main-home-banner">
</ul>
</div>
<div class="clearfix"></div>
<div class="row categories-item bg-color">
<div class="center-align home-categories hide">
<img src="img/bb.jpg" style="height:42px;">
</div>
<!-- <div><img src="img/reffer.jpg" onclick="window.location.href='refer-earn.html'"></div> -->
<div class="special-categories z-depth-1 special-categories-banner hide" >
</div>
<div class="special-categories z-depth-1 special-categories-banner hide" >
</div>
<div class="special-categories z-depth-1 category-banner hide">
</div>
<div class="special-categories special-categories-banner hide">
</div>
<!-- coupon banner start -->
<div class="special-categories coupon-banner z-depth-1" onclick="window.location.href='all-coupons.html'">
</div>
<!--coupon banner ends-->
<!--referal banner-->
<!-- <div class="special-categories z-depth-1" onclick="window.location.href='refer-earn.html'">
</div> -->
<!--referal banner ends-->
<!-- <div class="special-categories z-depth-1" onclick="window.location.href='offer.html'">
</div> -->
<div class="row z-depth-1" id="offer-banner">
</div>
<div class="combo-offers" id="combo-offers">
</div>
<div class="row special-categories-main hide"></div>
</div>
<div class="special-categories z-depth-1 min-150 special-categories-banner hide">
</div>
<!-- <div class="row center">
<img src="img/ob-end.jpg" class="img-responsive" style="height: 170px"
onclick="window.location.href = 'black-market-products.html'">
<p>That's all folks!</p>
</div> -->
</div>
</div>
<!-- ..............hardcoded............................ -->
<!-- <div class="summer" style="margin-bottom:2%;">
<img src="img/farm.jpg" class="responsive-img">
<div class="summer_img" style="display: grid;grid-template-columns: 50% 50%;margin-top: -2%;">
<img src="img/summer.jpg" class="responsive-img">
<img src="img/veg.jpg" class="responsive-img">
<img src="img/exotic.jpg" class="responsive-img">
<img src="img/fv.jpg" class="responsive-img">
</div>
</div>
<div class="summer" style="margin-bottom:2%;">
<img src="img/oragnic.jpg" class="responsive-img">
<div class="summer_img" style="display: grid;grid-template-columns: 50% 50%;margin-top: -2%;">
<img src="img/os.jpg" class="responsive-img">
<img src="img/of.jpg" class="responsive-img">
</div>
</div>
<div class="summer" style="margin-bottom:12%;">
<img src="img/daily.jpg" class="responsive-img">
<div class="summer_img" style="display: grid;grid-template-columns: 50% 50%;margin-top: -2%;">
<img src="img/atta.jpg" class="responsive-img">
<img src="img/rice.jpg" class="responsive-img">
<img src="img/dal.jpg" class="responsive-img">
<img src="img/oil1.jpg" class="responsive-img">
</div>
</div> -->
<!-- .........................up2here.................. -->
<div class="footer">
<div class="footer-icon no-gap center-align active" onclick="window.location.href='index.html'">
<i class="ion-home footer-icon"></i>
<p class="footer-label no-gap">
Home
</p>
</div>
<div 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" 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" onclick="window.location.href='offer.html'">
<i class="ion-ios-chatbubble-outline"></i>
<p class="footer-label no-gap">
Offers
</p>
</div>
<div class="footer-icon no-gap center-align pink-bg 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" 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(){
});
function ready() {
showLoader();
let homeCategories = document.querySelector('.home-categories');
let allHomeCategories = "";
getFetchRequest('/appcode/fetch_all_home_categories.php')
.then((res) => {
//console.log(res);
if (res.status === 1) {
allHomeCategories += `<div class="row z-depth-1">`;
res.value.forEach((item) => {
allHomeCategories += `
<div class="categories-size" data-code="${item.category_code}" data-name="${item.name}" onclick="showSubCategories(this)" style="padding: 0">
<div style="padding: 6px">
<img src="${base}/img/${item.photo_link}" class="img-responsive circle" >
</div>
<div style="color: #000">${item.name}</div>
</div>`;
});
allHomeCategories += `</div>`;
homeCategories.innerHTML += allHomeCategories;
homeCategories.classList.remove('hide');
}
removeLoader();
}).then(() => {
setPosition();
})
.catch((error) => {
console.error(error);
removeLoader();
showToast(unexpectedError);
});
let specialCategoriesMain = document.querySelector(".special-categories-main");
let specialCategoriesProduct = '';
getFetchRequest('/appcode/fetch_home_special_categories_and_products.php')
.then((res) => {
//console.log(res);
if (res.status === 1) {
res.categories.forEach((category, categoryIndex) => {
//console.log(category);
specialCategoriesProduct += `
<div class="cat-offer1" style="margin:8px 0px 0px;">
<span class="product-deal heading" style="color:#fff;">
${category.name}</span>
</div>`;
category.products.forEach((productItem, index) => { //alert(9);
//console.log(productItem);
if(productItem.status === 'I'){
//var j = '';
var str = productItem.size;
var split_size = str.split(',');
str_length = str.split(',').length;
str_length_new = (str_length-1);
var str_sec =productItem.old_price;
var str_mrp =productItem.price;
var np1 = str_mrp.split(',');
var qunt = '';
var av_qt =productItem.quantity;
//alert(av_qt);
var av_qt1 = av_qt.split(',');
localStorage.av_qt1 =av_qt1[0];
// alert(localStorage.av_qt1);
if (index < 3) { //alert(0);
specialCategoriesProduct += `
<div class="col s12 no-padding special-products">
<div class="col s3 product-add-btnn" style="background-color:white;" data-qunt="'${qunt}'" data-size = "${split_size[0]}" data-code="${productItem.product_code}" data-name="${productItem.name}" data-gst="${productItem.gst}" data-vendor_phone="${productItem.vendor_phone}" data-price="${np1[0]}" onclick="viewProductDetails(this)">
<img src="${base}/img/${productItem.photo_link}" class="img-responsive" style="margin: 20px 0px;">
<!--<div class="caption-p">In Season</div>-->
</div>
<div class="col s9 side-boder-color no-padding">
<div class="col s9 product-text">
<!--<div class="product-off">FRESHO</div>-->
<div class="product-name">${productItem.name}</div>
`;
var check=0;
var qun=0;
if (localStorage['shopping-cart-items'] != null) { //alert(0);
shopping_cart = JSON.parse(localStorage['shopping-cart-items'].toString());
//alert(1);
//console.log(shopping_cart.length);
// console.log(productItem.product_code);
for(var k=0; k<shopping_cart.length;k++){
// console.log(shopping_cart[i].product_code +"=="+ productItem.product_code)
//console.log(shopping_cart[k].product_code +'=='+ productItem.product_code +'&&'+shopping_cart[k].product_size+' == '+split_size[0]);
if(parseInt(shopping_cart[k].product_code) == parseInt(productItem.product_code) && shopping_cart[k].product_size == split_size[0]){
//console.log(shopping_cart[k].product_code);
check=1;
//alert();
qun = shopping_cart[k].product_quantity;
}
// else{
// // alert(1);
// console.log(1);
// }
}
}/// correct culy braces
if(str !=''){
specialCategoriesProduct+='<select class="size_quantity" style="border-radius:5px 5px; background:wheat;" onchange="changeSize(this)">'
for( j=0;j<=str_length_new;j++){
//localStorage.av_qt0= av_qt1[j];
if(str_mrp.split(',')[j]==undefined ){ //&& av_qt1[j]==undefined
var str_mrp_new = 0;
//var av_qt1 =0;
}else{
var str_mrp_new = str_mrp.split(',')[j];
//var av_qt1 = av_qt1;
}
specialCategoriesProduct+='<option value="'+str.split(',')[j]+'" data-cquan="';
var selquan=0;
if (localStorage['shopping-cart-items'] != null) { //alert(0);
shopping_cart = JSON.parse(localStorage['shopping-cart-items'].toString());
for(var k=0; k<shopping_cart.length;k++){
if(parseInt(shopping_cart[k].product_code) == parseInt(productItem.product_code) && shopping_cart[k].product_size == str.split(',')[j]){
selquan = shopping_cart[k].product_quantity;
}
}
}///
specialCategoriesProduct+=selquan;
specialCategoriesProduct+= '"data-av_qt="'+av_qt1[j]+'" price-new='+str_sec.split(',')[j]+' data-id='+productItem.id+' data-gst='+productItem.gst+' mrp-new='+str_mrp_new+'>'+str.split(',')[j]+'</option>'
}
specialCategoriesProduct+='</select>';
//specialCategoriesProduct +='<p class="title" data-av_qt1="'+av_qt1[j]+'" >'+productItem.name+'<span class="text-red out-of-stock" style = "color:red; display:none;"> (Out of Stock)</span></p>';
}
specialCategoriesProduct+='<p class="price-section2">'
specialCategoriesProduct+='MRP:-<span class="old-price price_new fa fa-inr">'+str_sec.split(',')[0]+'</span>';
specialCategoriesProduct+='</p>';
specialCategoriesProduct+='<span class="price-section1 fa fa-inr">'
// specialCategoriesProduct +=''+item.price+''
if(str_mrp.split(',')[0] !=''){
specialCategoriesProduct+='';
}
specialCategoriesProduct+='<span class="mrp_new">'+str_mrp.split(',')[0]+'</span>'
specialCategoriesProduct+='</span>';
// specialCategoriesProduct+='</div>';
// specialCategoriesProduct += `<div class="top-deal-text1"> ${productItem.small_details}</div>`;
// specialCategoriesProduct += `<div class="top-deal-text2"><h6>Available Quantity:<span id="av_qt">${av_qt1[0]}</span></h6>${productItem.quantity}</div>`;
// <i class="fa fa-shopping-bag" style="font-size: 18px!important;padding: 5px;display:flex;justify-content:center;color:#1bcb22;"></i>
specialCategoriesProduct += `</div>
<div class="col s3 no-padding" style="margin:45px -5px;">
`;
if(check == 1){
specialCategoriesProduct += `
<div class="product-quantity-control setpad " style="">
<div class="item-quan-minus add_val" onclick="cartQuantityDecrement1(this);quantityMinus(this);" data-code="${productItem.product_code}" data-vendor_phone="${productItem.vendor_phone}" data-name="${productItem.name}" data-minius='item-quan-minus' data-gst="${productItem.gst}" data-show=".item-quan-show${categoryIndex}-${index}"
data-affect=".addToCart${categoryIndex}-${index}" data-av_qt="${av_qt1[0]}" data-quantity="${qun}" data-price="${np1[0]}" data-img="${base}/img/${productItem.photo_link}" data-size = "${split_size[0]}">
<i class="fa fa-minus p-font"></i>
</div>
<div class="item-quan-show${categoryIndex}-${index} show_qun">${qun}</div>
<div class="item-quan-plus add_val" onclick="quantityPlus(this);checkAndAddToCart1(this);" data-show=".item-quan-show${categoryIndex}-${index}" data-code="${productItem.product_code}" data-name="${productItem.name}" data-gst="${productItem.gst}" data-vendor_phone="${productItem.vendor_phone}"
data-affect=".addToCart${categoryIndex}-${index}" data-av_qt="${av_qt1[0]}" data-quantity="1" data-price="${np1[0]}" data-img="${base}/img/${productItem.photo_link}" data-size = "${split_size[0]}" disabled>
<i class="fa fa-plus p-font"></i>
</div>
</div>`;
specialCategoriesProduct += `<div class="product-quantity-control product-add-btn hide " style="border-radius: 10px 10px;width: 60px;margin: 0px 0px 0px 7px;">
<a class="product-add-btnn addToCart${categoryIndex}-${index}" onclick="checkAndAddToCart(this)" data-quantity="1" data-size = "${split_size[0]}" data-code="${productItem.product_code} " data-name="${productItem.name}" data-price="${np1[0]}" data-gst="${productItem.gst}" data-vendor_phone="${productItem.vendor_phone}" data-img="${base}/img/${productItem.photo_link}" style="border-radius:10px 10px;color:white!important;width:50px;margin: 0px 0px 0px 10px;">ADD
</a>
</div>`;
// if(parseInt(productItem.product_code) == parseInt(productItem.product_code) && qun)
// {
// alert(1);
// }else{
// alert(2);
// }
} else{
specialCategoriesProduct += `
<div class="product-quantity-control hide">
<div class="item-quan-minus" onclick="cartQuantityDecrement1(this);quantityMinus(this);" data-code="${productItem.product_code}" data-vendor_phone="${productItem.vendor_phone}" data-name="${productItem.name}" data-minius='item-quan-minus' data-gst="${productItem.gst}" data-show=".item-quan-show${categoryIndex}-${index}"
data-affect=".addToCart${categoryIndex}-${index}" data-av_qt="${av_qt1[0]}" data-quantity="${qun}" data-price="${np1[0]}" data-img="${base}/img/${productItem.photo_link}" data-size = "${split_size[0]}">
<i class="fa fa-minus p-font"></i>
</div>
<div class="item-quan-show${categoryIndex}-${index}" >1</div>
<div class="item-quan-plus" onclick="quantityPlus(this);checkAndAddToCart1(this);" data-show=".item-quan-show${categoryIndex}-${index}" data-code="${productItem.product_code}" data-name="${productItem.name}" data-gst="${productItem.gst}" data-vendor_phone="${productItem.vendor_phone}"
data-affect=".addToCart${categoryIndex}-${index}" data-av_qt="${av_qt1[0]}" data-quantity="1" data-price="${np1[0]}" data-img="${base}/img/${productItem.photo_link}" data-size = "${split_size[0]}">
<i class="fa fa-plus p-font"></i>
</div>
</div>`;
specialCategoriesProduct += `<div class="product-quantity-control product-add-btn " style="border-radius: 10px 10px;width: 55px;margin: 0px 0px 0px 7px;">
<a class="product-add-btnn addToCart${categoryIndex}-${index}" onclick="checkAndAddToCart(this)" data-quantity="1" data-size = "${split_size[0]}" data-code="${productItem.product_code} " data-name="${productItem.name}" data-price="${np1[0]}" data-gst="${productItem.gst}" data-vendor_phone="${productItem.vendor_phone}" data-img="${base}/img/${productItem.photo_link}" style="border-radius:10px 10px;color:white!important;width:50px;margin: 0px 0px 0px 10px;">ADD
</a>
</div>`;
}
specialCategoriesProduct += `</div></div>
</div>`;
// <div class="col s1" style = "margin:20px 0px 0px -60px;" >
// <i class="fa fa-heart add-to-favourite" data-quantity="1" data-size = "${split_size[0]}" data-code="${productItem.product_code}" data-id="${productItem.id}" data-name="${productItem.name}" data-price="${np1[0]}" data-gst="${productItem.gst}" data-vendor_phone="${productItem.vendor_phone}" data-img="${base}/img/${productItem.photo_link}" style="font-size: 18px!important;padding: 5px;display:flex;justify-content:center;color:#1bcb22;"></i>
if(localStorage['favourite-items']!= null && localStorage['favourite-items']!= "" && localStorage['favourite-items'].length!=2) {
//alert(1);
//console.log(localStorage['favourite-items'].length);
favouriteItems = JSON.parse(localStorage['favourite-items'].toString());
//displayFavouriteItems()
//console.log(favouriteItems.length);
var alreadyexists=0;
for(var i=0; i<favouriteItems.length; i++){
var cur = favouriteItems[i];
// console.log(cur.product_code);
if (parseInt(cur.product_code) == parseInt(productItem.product_code)) {
alreadyexists=1;
}
}
// if(favouriteItems[i].product_code == productItem.product_code){
if(alreadyexists==0){ //console.log('a');
console.log(cur.product_code +"=="+ productItem.product_code);
specialCategoriesProduct +=`<div class="col s1" style = "color:#1bcb22; margin:20px 0px 0px -54px;" > <i class="fa fa-heart add-to-favourite" data-quantity="1" data-size = "${split_size[0]}" data-code="${productItem.product_code}" data-id="${productItem.id}" data-name="${productItem.name}" data-price="${np1[0]}" data-gst="${productItem.gst}" data-vendor_phone="${productItem.vendor_phone}" data-img="${base}/img/${productItem.photo_link}" style="font-size: 18px!important;padding: 5px;display:flex;justify-content:center;color:#1bcb22;"></i></div>`;
// return;
} else{ //console.log('b');
specialCategoriesProduct +=`<div class="col s1" style = "color:red; margin:20px 0px 0px -54px;"> <i class="fa fa-heart add-to-favourite" data-quantity="1" data-size = "${split_size[0]}" data-code="${productItem.product_code}" data-id="${productItem.id}" data-name="${productItem.name}" data-price="${np1[0]}" data-gst="${productItem.gst}" data-vendor_phone="${productItem.vendor_phone}" data-img="${base}/img/${productItem.photo_link}" style="font-size: 18px!important;color:red;padding: 5px;display:flex;justify-content:center;"></i></div>`;
}
}
// }
else{
//console.log('c');
specialCategoriesProduct +=`<div class="col s1" style = "margin:20px 0px 0px -54px;" ><i class="fa fa-heart add-to-favourite" data-quantity="1" data-size = "${split_size[0]}" data-code="${productItem.product_code}" data-id="${productItem.id}" data-name="${productItem.name}" data-price="${np1[0]}" data-gst="${productItem.gst}" data-vendor_phone="${productItem.vendor_phone}" data-img="${base}/img/${productItem.photo_link}" style="font-size: 18px!important;padding: 5px;display:flex;justify-content:center;color:#1bcb22;"></i><div>`;
}
specialCategoriesProduct +=`</div>
</div></div>`;
}
}
else{
var str =productItem.size;
var split_size = str.split(',');
str_length = str.split(',').length;
str_length_new = (str_length-1);
var str_sec =productItem.old_price;
var str_mrp =productItem.price;
var np1 = str_mrp.split(',');
if (index < 3) { //alert(0);
specialCategoriesProduct += `
<div class="col s12 no-padding special-products white ">
<div class="col s3" style="background-color:white; data-code="${productItem.product_code}">
<img src="${base}/img/${productItem.photo_link}" class="img-responsive" style="width: 100%;eight: 13rem; background-color: #d0d0d04d;top: 0;opacity:0.7;">
<!--<img src ="img/outofstock.png" class="img-responsive" style="position: absolute; left: -34%; width: 94%;height: 18px;margin-top: 12%;">-->
<div class ="discount-per" style="position:relative">
<p style="border-radius: 3px;background-color: #fff; border: 1px solid #8f8f8f;left: 0; width: 100%;margin: auto;top: 42%;position: absolute;padding: .5rem .3rem .3rem;text-align: center; color: #8f8f8f; right: 0; margin-top: 31px;font-size: 9px;">OUT OF STOCK</p>
</div>
<!--<div class="caption-p">In Season</div>-->
</div>
<div class="col s9 side-boder-color no-padding">
<div class="col s9 product-text" data-code="${productItem.product_code}"
>
<!--<div class="product-off">FRESHO</div>-->
<div class="product-name">${productItem.name}</div>`;
if(str !=''){
specialCategoriesProduct+='<select class="size_quantity" style="border-radius:5px 5px; background:wheat; " onchange="changeSize(this)">';
for( j=0;j<=str_length_new;j++){
if(str_mrp.split(',')[j]==undefined){
var str_mrp_new = 0;
}else{
var str_mrp_new = str_mrp.split(',')[j];
}
specialCategoriesProduct+='<option value="'+str.split(',')[j]+'" data-qunt='+qunt+' price-new='+str_sec.split(',')[j]+' data-id='+productItem.id+' data-gst='+productItem.gst+' mrp-new='+str_mrp_new+'>'+str.split(',')[j]+'</option>'
}
specialCategoriesProduct+='</select>';
}
specialCategoriesProduct+='<p class="price-section2">'
specialCategoriesProduct+='MRP:-<span class="old-price price_new fa fa-inr">'+str_sec.split(',')[0]+'</span>';
specialCategoriesProduct+='</p>';
specialCategoriesProduct+='<span class="price-section1 fa fa-inr" style="display:flex;">'
// specialCategoriesProduct +=''+item.price+''
if(str_mrp.split(',')[0] !=''){ //alert(0);
specialCategoriesProduct+='';
}
specialCategoriesProduct+='<span class="mrp_new">'+str_mrp.split(',')[0]+'</span>'
specialCategoriesProduct+='</span>';
// <i class="fa fa-shopping-bag" style="font-size: 18px!important;padding: 5px;display:flex;justify-content:center;color:#1bcb22 !important;"></i>
specialCategoriesProduct += `<div class="top-deal-text1"> ${productItem.small_details}</div>
</div>
<div class="col s3 no-padding" style="margin:25px 0px;">
<div class="item-quan-minus" onclick="quantityMinus(this)" data-show=".item-quan-show${categoryIndex}-${index}"
data-affect=".addToCart${categoryIndex}-${index}">
<i class="fa fa-minus p-font"></i>
</div>
<div class="item-quan-show${categoryIndex}-${index}">1</div>
<div class="item-quan-plus" data-show=".item-quan-show${categoryIndex}-${index}"
data-affect=".addToCart${categoryIndex}-${index}">
<i class="fa fa-plus p-font"></i>
</div>
</div>
<a class="product-add-btn btn disabled addToCart${categoryIndex}-${index}" onclick="checkAndAddToCart(this)" data-size = "${split_size[0]}"
data-code="${productItem.product_code}"
data-name="${productItem.name}" data-price="${np1[0]}" data-gst="${productItem.gst}"
data-img="${base}/img/${productItem.photo_link}" data-quantity="1">ADD</a>
</div>
</div>
</div>`;
}
}
});
specialCategoriesProduct += `
<div class="cat-offer">
<span class="product-deal" data-category="${category.code}" onclick="takeItToAllSpecialProducts(this)" style="color:#fff">View All Products > </span>
</div>
<br>`;
});
specialCategoriesMain.innerHTML = specialCategoriesProduct;
console.log('pecialCategoriesMain.classList');
specialCategoriesMain.classList.remove('hide');
}
}).then(() => {
setPosition();
if(localStorage.av_qt1 == 0){ //alert("localStorage.av_qt1");
$('.item-quan-plus').attr("disabled","disabled");
//$(".product-add-btn").css("background","red");
$(".out-of-stock").show();
}
})
.catch((error) => {
console.error(error);
});
const mainBanner = document.querySelector('.main-home-banner');
let slideImages = "";
getFetchRequest('/appcode/fetch_banners.php')
.then((res) => {
if (res.status === 1) {
res.value.forEach((bannerItem) => {
if(bannerItem.category) {
slideImages += `<li>
<img src="${base}/img/${bannerItem.banner}" alt="banner" data-code="${bannerItem.sub_category}"
data-parent-code="${bannerItem.category}"
data-go="${bannerItem.go_page}" onclick="showBannerCategory(this)" class="responsive-img" style = "height:225px";>
</li>`;
} else {
slideImages += `<li>
<img src="${base}/img/${bannerItem.banner}" alt="banner" data-code="${bannerItem.sub_category}"
data-go="${bannerItem.go_page}" onclick="showBannerCategory(this)"
data-parent-code="${bannerItem.category}" class="responsive-img"></li>`;
}
});
//slideImages +=`<li><img src="img/1.png" onclick="window.location.href='blog.html'"></li>`;
mainBanner.innerHTML = slideImages;
}
//console.log(res);
})
.then(() => {
//setTimeout(() => {
$('.main-home-banner').lightSlider({
item: 1,
dots: false,
slideMargin: 0,
auto: true,
loop: true,
speed: 1000,
});
//}).removeClass('hide');
//}, 4000);setPosition();
})
.catch((error) => {
console.error(error);
});
/*** fetching coupon banner ***/
getFetchRequest('/appcode/fetch_coupon_banner.php')
.then((res) => {
//console.log(res);
if (res.status === 1) {
const couponBanner = document.querySelector('.coupon-banner');
couponBanner.firstElementChild.firstElementChild.src = base + "/img/" + res.value.image;
}
}).then(() => {
setPosition();
})
.catch((err) => {
console.error(err);
});
/*** fetching offer banner ***/
getFetchRequest('/appcode/fetch_offer_banner.php')
.then((res) => {
//console.log(res);
if (res.status === 1) {
const offerBanner = document.getElementById('offer-banner');
offerBanner.firstElementChild.src = base + "/img/" + res.value.image;
}
}).then(() => {
setPosition();
})
.catch((err) => {
console.error(err);
});
/*** fetch home Combo offers ***/
let comboContainer = document.getElementById('combo-offers');
let combos = "";
getFetchRequest('/appcode/fetch_home_combo_offers.php')
.then((res) => {
//console.log(res);
if (res.status === 1) {
res.combos.forEach((item) => {
combos += `
<div class="row" style="padding: 0 30px 0 30px;" data-code="${item.code}" onclick="comboToCart(this)">
<div class="col s12 special-categories center z-depth-1" style="background: #8eb4e3;
padding-bottom: 18px; ">
<h6 style="color: #2f3132;font-size: 12px">${item.name}<br></h6>
<span style="color: #fcfaa3;font-size: 15px">Combo Offers</span>
</div>
</div>`;
});
// comboContainer.innerHTML = combos;
}
})
.catch((err) => {
console.error(err);
});
/*** fetching special category banners ***/
let specialCategoriesBannerContainer = document.querySelectorAll('.special-categories-banner');
let specialCategoriesBanners = '';
getFetchRequest('/appcode/fetch_special_categories_banners_only.php')
.then((res) => {
// console.log(res);
if (res.status === 1) {
/*res.value.forEach((item) => {
if (item.banner) {
item.banner.forEach((bannerItem) => {
specialCategoriesBanners += `
<div class="row no-margin">
<div class="col s12" data-category="${bannerItem.special_category}"
onclick="takeItToAllSpecialProducts(this)">
<!--<h5><span style="color: #00155e">DEALS</span> OF THE DAY</h5>-->
<img src="${base}/img/${bannerItem.photo_link}" class="img-responsive" alt="${item.name}">
</div>
</div>`;
});
}
});*/
specialCategoriesBannerContainer.forEach((item, index, array) => {
if (res.banners[index]) {
console.log(res.banners[index]);
let bannerItem = res.banners[index];
specialCategoriesBanners = `
<div class="row no-margin " >
<div class="card" style=" margin: 8px 0px;" data-category="${bannerItem.special_category}"
onclick="takeItToAllSpecialProducts(this)">
<img src="${base}/img/${bannerItem.photo_link}" class="img-responsive" alt="${index}">
</div>
</div>`;
item.innerHTML = specialCategoriesBanners;
item.classList.remove('hide');
}
});
/* specialCategoriesBannerContainer.innerHTML = specialCategoriesBanners;
specialCategoriesBannerContainer.classList.remove('hide');*/
}
}).then(() => {
setPosition();
})
.catch((err) => {
console.error(err);
});
let categoriesBannersContainers = document.querySelectorAll('.category-banner');
let categoriesBanners = "";
getFetchRequest('/appcode/fetch_category_banner.php')
.then((res) => {
//console.log(res);
if (res.status === 1) {
categoriesBannersContainers.forEach((item, index, array) => {
if (res.banners[index]) {
categoriesBanners = `
<div class="row no-margin">
<img src="${base}/img/${res.banners[index].photo_link}" class="img-responsive"
data-code="${res.banners[index].main_category}" data-sub-code="${res.banners[index].category_code}"
onclick="decideCategoryCode(this)" style="height:150px" alt="${res.banners[index].category_name}"
data-name="${res.banners[index].category_name}">
</div>`;
item.innerHTML = categoriesBanners;
item.classList.remove('hide');
}
});
}
}).then(() => {
setPosition();
})
.catch((err) => {
console.error(err);
});
}
document.addEventListener('deviceready', ready, false);
</script>
<script type="text/javascript" src="js/functions.js"></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/slick.js"></script>
<script type="text/javascript" src="js/jR3DCarousel.min.js"></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');
//console.log(temp);
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');
}
});
sessionStorage.removeItem("scrollPos1");
});
function getPosition(){
$(window).scroll();
//set scroll position in session storage
//sessionStorage.scrollPos = $(window).scrollTop();
var xy = $(window).scrollTop();
sessionStorage.scrollPos = xy-230;
}
function setPosition() {
//return scroll position in session storage
$(window).scrollTop(sessionStorage.scrollPos || 0);
//alert(sessionStorage.scrollPos);
}
//sessionStorage.scrollPos.reset();
//window.onload= init;
$(document).ready(function(){
// $('#address').keyup(function(){
var data2 ='';
// data2+='<button>save</button>';
// $("#address").empty().append(data2);
$('.save_address').on('click',function(){
var addressValue = document.getElementById('address').value;
// alert(addressValue);
var data_for_address = {
address: addressValue ,
phone: localStorage.username
};
$.ajax({
url:'http://dtuat.com/apps/kmart/appcode/update_address.php',
data: data_for_address,
dataType: 'json',
type: 'POST',
success:function(res){
//console.log(res);
alert("Address saved successfully!!");
}
});
});
});
</script>
<script>
function changeSize(element) {
// alert();
var size = $(element).find(":selected").attr('value');
var id = $(element).find(":selected").attr('data-id');
var price = $(element).find(":selected").attr('price-new');
var gst = $(element).find(":selected").attr('data-gst');
var qunt = $(element).find(":selected").attr('data-cquan');
var mrp = $(element).find(":selected").attr('mrp-new');
// console.log(qunt);
var av_quant = $(element).find(":selected").attr('data-av_qt');
//alert(av_quant);
//console.log(av_quant);
//$('.price_new ').text(price);
// $('.mrp_new').text(mrp);
//alert(qunt);
// console.log($(element).parent().siblings().children().children());
//console.log($(element).parent().parent().siblings().children());
//alert(price);
var plus = $(element).parent().siblings().children().children()[2];
var minus = $(element).parent().siblings().children().children()[0];
var addbutton = $(element).parent().siblings().children().children()[3];
var bag = $(element).parent().parent().siblings().children()[1];
//console.log(plus);
if(qunt!=0){
console.log($(element).parent().siblings().children().children());
console.log($(element).parent().siblings().children().children().next()[0].innerText=qunt);
$(element).parent().siblings().children().children().next()[0].innerText=qunt;
var pp = $(element).parent().siblings().children()[0];
var bb = $(element).parent().siblings().children()[1];
// console.log()
$(bb).addClass('hide');
$(pp).removeClass('hide');
} else{
var pp = $(element).parent().siblings().children()[0];
var bb = $(element).parent().siblings().children()[1];
// console.log()
$(pp).addClass('hide');
$(bb).removeClass('hide');
}
if(av_quant != 'undefined'){
$('#av_qt').text(av_quant);
}else{
$('#av_qt').text(0);
}
if(av_quant == 0) {
//console.log('sdd');
$('.item-quan-plus').attr("disabled","disabled");
//$(addbutton).css("background", "red");
$(".out-of-stock").show('');
}else{
//console.log('gjg');
$('.item-quan-plus').removeAttr("disabled");
//$(addbutton).css("background", "#8BC34A");
$(".out-of-stock").hide();
}
$(addbutton).attr('data-size',size);
$(addbutton).attr('data-price',mrp);
$(addbutton).attr('data-mrp',price);
$(addbutton).attr('data-gst',gst);
$(addbutton).attr('data-qunt',qunt);
$(addbutton).attr('data-av_qt',av_quant);
$(bag).attr("data-size",size);
$(bag).attr("data-price",price);
$(bag).attr("data-mrp",mrp);
// $('.product-add-btn').attr('data-size',size);
// $('.product-add-btn').attr('data-price',price);
// $('.product-add-btn').attr('data-mrp',mrp);
// $('.product-add-btn').attr('data-gst',gst);
// $('.product-add-btn').attr('data-av_qt',av_quant);
$(plus).attr('data-size',size);
$(plus).attr('data-price',mrp);
$(plus).attr('data-mrp',price);
$(plus).attr('data-av_qt',av_quant);
$(plus).attr('data-quantity',qunt);
$(minus).attr('data-size',size);
$(minus).attr('data-price',mrp);
$(minus).attr('data-mrp',price);
$(minus).attr('data-av_qt',av_quant);
$(minus).attr('data-quantity',qunt);
// $('.cart-item-plus').attr('data-size',size);
// $('.cart-item-plus').attr('data-price',price);
// $('.cart-item-plus').attr('data-mrp',mrp);
// $('.cart-item-plus').attr('data-av_qt',av_quant);
// $('.cart-item-minus').attr('data-size',size);
// $('.cart-item-minus').attr('data-price',price);
// $('.cart-item-minus').attr('data-mrp',mrp);
// $('.cart-item-minus').attr('data-av_qt',av_quant);
//console.log($(element).parent().parent().parent().parent()[0].childNodes[3].childNodes[5].children);
// var doc_id=document.getElementById('get_id');
//var doc_id = $(element).parent().parent().parent().parent()[0].childNodes[3].childNodes[5].children;
// console.log($(element).parent().parent().parent().children().next().children().children()[2].children[0]);
var doc_id = $(element).parent().parent().parent().children().next().children().children()[2].children[0];
// console.log(doc_id);
//console.log(document.getElementById('get_id'));
doc_id.setAttribute('data-price', mrp);
doc_id.setAttribute('data-size', size);
doc_id.setAttribute('data-qunt', qunt);
//doc_id.setAttribute('data-av_qt', av_quant);
if(mrp==0){
var t1 = $(element).parent().parent().parent().children().next().children().children()[2].children[0].innerText;
}else{
//var t1 = $(element).parent().parent().parent().parent().find('.price-section1').children('.mrp_new').text(mrp);
var t1 = $(element).parent().parent().parent().children().next().children().children()[2].children[0].innerHTML= ""+price;
//var q1 = $(element).parent().parent().parent().children().next().children().children()[2].children[0].innerHTML= ""+av_quant;
//$(t1).text(mrp);
//console.log(t1);
}
var t2 = $(element).parent().parent().parent().children().next().children().children()[3].innerHTML=""+mrp;
// console.log(t1);
// console.log(t2);
//console.log(q1);
var empty = false;
for (var i = 0; i < shopping_cart.length; i++) {
var cur = shopping_cart[i];
if (cur.id==id&&cur.size == size) {
quan = cur.quantity;
var t3 = $(element).parent().parent().siblings('.cart-options').children('.inner-quan-show').text(quan);
empty = true;
}
}
//console.log(empty)
// console.log(t3);
if(empty==false){
var t3 = $(element).parent().parent().siblings('.cart-options').children('.inner-quan-show').text(0);
}
//var current_quantity = parseInt(current_quan.text());
// console.log(t3);
}
$(document).ready(function () {
$('#modal1').modal('open');
$('ul.tabs').tabs();
$('.size_quantity').on('change',function(e) {
//console.log(1);
});
$("#main-container").on("click",".product-add-btn",function(){
//alert(7); return;
$(this).prev().removeClass('hide').addClass("setpad");
var ad1 = $(this).prev().children().siblings()[0];
var ad2 = $(this).prev().children().siblings()[1];
var ad3 = $(this).prev().children().siblings()[2];
$(ad1).addClass('add_val');
$(ad2).addClass('show_qun');
$(ad3).addClass('add_val');
$(this).addClass('hide');
//console.log();
});
});
</script>
</body>
</html>