Revonzy Mini Shell

<?php
require_once("lib/functions.php");	
$db = new login_function();

include("header.php");
// if(!isset($_SESSION['login_email']))
// {
//     header("Location:user-login.php");
// }
?>

<!--<div class="slider_above_div"> -->
<!--</div>-->
<div id="myCarousel" class="carousel slide" data-ride="carousel" style="padding:0px !important;height:auto !important;">

   <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" />
<div class="carousel-inner main_carousl" role="listbox" style="padding:0px;">
<?php
	$slider_img = $db->get_all_slider_images();
	if(!empty($slider_img))
	{	
		$counter = 0; 
		foreach($slider_img as $record)
		{
			$id 	= $slider_img[$counter][0];
			$images = $slider_img[$counter][1];
			$links	= $slider_img[$counter][2];
?>
<div class="item <?php if($counter==0){ ?>active<?php } ?>" >
<img class="slide_it_img" src="advertise-images/<?php echo $images;?>" alt="First slide" />
</div>
 <?php
	$counter ++;
		}
	}else
	{
	?>
	<td colspan="4">No Data Found...</td>
	<?php
	}   
 ?>   
</div>

</div>
<!--content-->
<div class="content-top" style="padding-top:2em !important;">
<div class="container">
<div class="spec ">
<h3 style="color:green !important;">Dry Fruits</h3>
</div>
<div style="text-align:center;">
    <input type="text" name="searchbox" placeholder="Search here" style="box-shadow:0px 0px 10px 0px #DFDFDF; width:70%; color:#000000; border:0px; padding:10px; font-size:18px;" />
    <input type="submit" name="search_btn" class="search_btn_balaji" value="Search" />
</div>
<div class="tab-head">
	
<div class=" tab-content tab-content-t">
<div class="tab-pane active text-style gallery" id="tab1">
<?php
$search = "";
$details = $db->fetch_product_by_tags($search);
//$details = $db->fetch_search_product_by_search_name($search);

if(!empty($details))
{
    
$counter =0;
foreach($details as $record)
{
	$id				=	$details[$counter][0];
	$category		=	$details[$counter][1];
	$product_name	=	$details[$counter][2];
	$tags			=	$details[$counter][3];
	$description	=	$details[$counter][4];
	$actual_price	=	$details[$counter][5];
	$selling_price  	=	$details[$counter][6];
	$home_delivery	=	$details[$counter][7];
	
	$p_images		=	$db->fetch_product_images_by_product_id($id);
	
	$difference_amount = floatval($actual_price) - floatval($selling_price);
	//Discount percentage = (Discount/Marked price) x 100
	//Discount = 100 × (Original price - Discounted price) / Original price
 	$discount_percentage = 100 * (floatval($actual_price) - floatval($selling_price)) / floatval($actual_price);
    
    $discount_percentage = number_format((float)$discount_percentage, 2, '.', '');
	
?>
<a href="product-display.php?tracking_id=<?php echo $id; ?>" style="text-decoration:none;">
<div class="con-w3l">
<div class="col-md-2 m-wthree">
    <?php
    //$discount_percentage = 1;
        if($discount_percentage>0)
        {
    ?>
    <span class="offer_percentage">-<?php echo $discount_percentage; ?>%</span>
    <?php
        }
    ?>
<!-- <p class="m-0"> User ID:<?php echo $_SESSION['login_email']; ?> </p> -->
	<div class="col-m product_data_displ">	
	
		<div class="img_div_disp" style="overflow:hidden;">
		<img src="product/<?php echo $p_images; ?>" class="img-responsive prodcts" alt="" style="width:100% !important;">
		</div>
		<div class="mid-1" style="padding:0px;" id="product_<?php echo $id; ?>">
		
		    <div class="title_div">
		        <?php
		            if(strlen($product_name)>20)
		            {
		                $product_name = substr($product_name,0,20)."..";
		            }
		        ?>
		        
		        <span class="pr_title"><?php echo $product_name; ?></span>
		        <!--<br />-->
		        <!--<span class="pr_description_t"><?php echo $category; ?></span>-->
		        
				<p style="font-size:17px; line-height:30px !important;">
				    
				    
				<!--<span class="item_price" style="color:#BA3A2B; font-weight:bold;"> Offer Price : &#8377 <?php echo $selling_price; ?></span></p>-->
				<span class="item_price" id="offer_price_<?php echo $id; ?>" style="color:#000000; font-weight:bold;margin-right:15px;">Rs. <?php echo $selling_price; ?></span>
				
				<span style="text-decoration: line-through; color:#999999; "> &#8377 <?php echo $actual_price; ?></span>
				
    </div>
		    
</a>
			
						<div class="add">
<?php
	if($selling_price>0)
	{
?>		

  <input type="radio" id="control_01_<?php echo $counter; ?>" name="weight_<?php echo $counter; ?>" value="1"  onclick="calculateOfferPrice250(<?php echo $selling_price; ?>, <?php echo $id; ?>)" checked >
  <label class="price_tags" for="control_01_<?php echo $counter; ?>">
    250 Gms
  </label>

  <input type="radio" id="control_02_<?php echo $counter; ?>" name="weight_<?php echo $counter; ?>" value="2" onclick="calculateOfferPrice(<?php echo $selling_price; ?>, <?php echo $id; ?>)">
  <label class="price_tags" for="control_02_<?php echo $counter; ?>">
    500 Gms
  </label>
  
  <input type="radio" id="control_03_<?php echo $counter; ?>" name="weight_<?php echo $counter; ?>" value="3" onclick="calculateOfferPrice1kg(<?php echo $selling_price; ?>, <?php echo $id; ?>)">
  <label class="price_tags" for="control_03_<?php echo $counter; ?>">
    1 Kg
  </label>
  <input type="radio" id="control_04_<?php echo $counter; ?>" name="weight_<?php echo $counter; ?>" value="4" onclick="calculateOfferPrice2kg(<?php echo $selling_price; ?>, <?php echo $id; ?>)">
  <label class="price_tags" for="control_04_<?php echo $counter; ?>">
    2 Kg
  </label>


<div style="width:100%; display:flex; position:static; margin-top:15px;text-align: center;" class="button-container" >
    <a class="minus_button1" onclick="minus_button1(<?php echo $id; ?>)">-</a>
    <!-- The input field for quantity is now identified uniquely by its product ID -->
    <input type="text" id="quantity_<?php echo $id; ?>" value="1" class="field" maxlength="3" />
    <!-- The plus button is identified by its product ID -->
    <div class="plus_button1" id="plus_button_<?php echo $id; ?>" onclick="plus_button1(<?php echo $id; ?>)">+</div> 
    <br />
</div>

<div class="add_to_cart_btn1"> 
<a id="car_count"  onclick="addToCart(<?php echo $id; ?>,<?php echo $selling_price; ?>)">  Add To Cart</a>
</div>

<?php
	}
	else{
		?>
		
		<a class="plus_button" href="product-display.php?tracking_id=<?php echo $id; ?>">View</a>
	
		<?php
	}
?>			  
			</div>
			</a>
		</div>
		
	</div>
</div>

</div>


<?php
$counter ++;


// if($counter==12)
// {
//     break;    
// }


}
}
?>
	<div class="clearfix"></div>
 </div>
</div>
</div>
</div>

<style>
.offer_percentage
{
    padding:0px 8px 0px 8px;
    background-color:red;
    color:white;
    position:absolute;
    z-index:1000;
}
section {
  display: flex;
  flex-flow: row wrap;
  font-weight:bold;
}
input[type="radio"] {
  display: none;
  &:not(:disabled) ~ label {
    cursor: pointer;
  }
  &:disabled ~ label {
    color: hsla(150, 5%, 75%, 1);
    border-color: hsla(150, 5%, 75%, 1);
    box-shadow: none;
    cursor: not-allowed;
  }
}
label {
  display: inline-table;
  background: white;
  border-radius: 20px;
  padding: 5px;
  text-align: center;
  /*box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);*/
  position: static !important;
  border:1px solid #DFDFDF;
}
input[type="radio"]:checked + label {
  /*background: hsl(321.75deg 63.58% 74.92%);*/
  border:1px solid #ff5581;
  color:#ff5581;
    

}
input[type="radio"]#control_05:checked + label {
  background: red;
  border-color: red;
}
@media only screen and (max-width: 700px) {
  section {
    flex-direction: column;
  }
}

</style>
<br />
<br />


<!--<center><a href="search.php?searchword=" class="btn_new">View All Products </a> </center>-->
</div>
<style>
    .about_cont {
            width: 80%;
            margin: 20px auto;
            padding: 20px;
            color:#333333 !important;
            line-height:25px;
            font-size:16px;
            text-decoration:none !important;
        }
        .about_cont p
        {
            color:#FFFFFF;
        }
        article p, ol, li {
            text-align:justify !important;
            color:#FFFFFF;
            
        }
        h1, h2 {
            color: #6fe574;
            font-size:20px;
        }
</style>
<div style="background-color:#c60c0c">
<div class="about_cont">
    <center><img src="images/balajimall-logo.png" style="margin:auto; width:220px; border-radius:20px;" /></center>
    <br />
	<h1>Balaji Mall: Your Daily Dose of Fresh Health Delivered to Your Doorstep</h1>

    <p>In today’s fast-paced world, maintaining a healthy lifestyle can be challenging. Enter <strong>Balaji Mall</strong>, a unique fruit and vegetable salad delivery service that combines convenience with the time-honored principles of Balaji Mall living. With a commitment to nourishing minds and bodies, Balaji Mall delivers fresh, delicious, and balanced morning fruit salads and vegetable salads right to your doorstep.</p>


    <br />
    <h2>Why Choose Balaji Mall?</h2>
    <ol>
        <li><strong>Health-Centric Offerings:</strong>Balaji Mall’s focus is on providing nutrient-dense, natural, and fresh meals designed to boost well-being. Each fruit and vegetable selection is carefully curated to maintain a perfect balance of vitamins, minerals, and antioxidants.</li>
        <li><strong>Flexible Delivery Plans:</strong> With options for <em>daily, weekly,</em> and <em>monthly</em> delivery, Balaji Mall allows you to seamlessly incorporate fresh, wholesome eating into your routine. Whether you're looking for a one-time refresh or a consistent meal plan, the flexibility to choose your schedule ensures that healthy eating becomes an effortless habit.</li>
        <li><strong>Free Home Delivery:</strong> Quality and convenience go hand-in-hand at Balaji Mall. Enjoy the benefit of free delivery with every order, making it easy for you to stay healthy without any added hassle.</li>
        <li><strong>Morning Freshness:</strong> Starting your day with fresh salads is an ideal way to kick-start your metabolism, enhance digestion, and improve mental clarity. Delivered in the morning, Balaji Mall’s salads are as fresh as they are delicious, allowing you to make healthy choices from the moment your day begins.</li>
    </ol>

    <br />
    <h2>What Sets Balaji Mall Apart?</h2>
    <p>At Balaji Mall, it’s not just about food; it’s about a lifestyle. Inspired by Balaji Mall principles, which emphasize purity, vitality, and balance, each salad is prepared to bring out the fresh, natural goodness of fruits and vegetables without preservatives or artificial additives. By incorporating these principles into daily meals, Balaji Mall aims to promote a peaceful mind, a rejuvenated body, and a harmonious spirit.</p>

    <br />
    <h2>Join the Fresh Start with Balaji Mall</h2>
    <p>Experience the benefits of a Balaji Mall lifestyle with Balaji Mall’s fresh fruit and vegetable salad delivery. No matter your health goals, Balaji Mall provides a simple, tasty, and convenient way to embrace better eating habits.</p>
</div>
</div>

<center>
<div class="whats-new-section" style="width:100%; padding-bottom:20px !important;">
<h2 style="color:#5C3191 !important; text-decoration:none !important; padding:20px; text-align:center; font-weight:bold;">WHAT’S NEW</h2>


<div id="myCarousel" class="carousel slide" data-ride="carousel" style="padding:0px !important;height:auto !important;">

<div class="carousel-inner main_carousl" role="listbox" style="padding:0px;">
<?php
$report_details1 = $db->get_all_what_new_images();
if(!empty($report_details1))
{
$counter1 =0;
foreach($report_details1 as $record)
{
	$id				=	$report_details1[$counter1][0];
	$images			=	$report_details1[$counter1][1];
?>
<div class="item bottom_slider_img_div <?php if($counter1==0){ ?>active<?php } ?>" >
<img class="slide_it_img bottom_slider_img" src="advertise-images/<?php echo $images;?>" alt="First slide" />
</div>
 <?php
	$counter1 ++;
		}
	}
 ?>   
</div>
</div>

</div>
</center>



<div id="myCarousel" class="carousel slide" data-ride="carousel" style="height:300px; background-color:#039445; padding-top:30px;">
    
    <h1 style="font-weight:bold; text-align:center; text-decoration:none !important; color:Orange">Our Client Says</h1>
    <br />

<div class="carousel-inner" role="listbox">
<?php
	$feedback_data = $db->get_all_feedback();
	
	if(!empty($feedback_data))
	{
		$counter1 =0;
		foreach($feedback_data as $record)
		{
			$id				=	$feedback_data[$counter1][0];
			$name			=	$feedback_data[$counter1][1];
			$description	=	$feedback_data[$counter1][2];
			$feedback		=	$feedback_data[$counter1][3];
			$date			=	$feedback_data[$counter1][4];
			$time			=	$feedback_data[$counter1][5];
?>

<div class="item feedback_item <?php if($counter1==0){ ?>active<?php } ?>" style="background-color:#039445; height:200px !important; ">
<span class="t1"><?php echo $name; ?> </span>	<br />

<span class="t2"><span style="font-size:30px; display:inline-table;">"</span><?php echo $feedback; ?><span style="font-size:30px; display:inline-table;">"</span></span>	<br />
<span class="t3"><?php echo $description; ?> </span>	

</div>
 <?php
	$counter1 ++;
		}
	}else
	{
	?>
	No Data Found..
<?php
	}
?>
</div>
</div>
<a href="tel:+91 8446310771" class="call_btn pulse"><img src="https://cdn-icons-png.flaticon.com/512/217/217887.png" style="height:60px;" /></a>

        <a href="https://wa.me/+918446310771?text=Hello, Contacted for car service from website." class="wppBtn pulse"></a>
        <style>
            .wppBtn {
              position: fixed;
              bottom: 40px;
              right: 40px;
              width: 100px;
              height: 100px;
              z-index: 999;
              max-width: 60px;
              max-height: 60px;
              background-size: cover;
              border-radius:60px;
              background-repeat: no-repeat;
              background-image: url(images/wp1.jpg);
            }
            
            .call_btn {
              position: fixed;
              bottom: 120px;
              right: 40px;
              width: 60px;
              height: 60px;
              z-index: 999;
              max-width: 60px;
              max-height: 60px;
              background-size: cover;
              background-repeat: no-repeat;
             
            }
            
            /* pulse */
            .pulse {position: fixed;}
            .pulse:after {
                content: "";
                display: block;
                width: 70px;
                height: 70px;
                border-radius: 40px;
                border: 3px solid #4caf50;
                position: absolute;
                top: -3px;
                left: -3px;
                animation: pulse 2s ease 0s infinite;
            }
            @keyframes pulse {
              0% {
                  opacity: 1;
                  transform: scale(1);
              }
              80% {
                  opacity: 0;
                  transform: scale(1.2);
              }
              100% {
                  opacity: 0;
                  transform: scale(2);
              }
            }
            .call_now_btn
            {
                width:60%;
            }
            @media only screen and (max-width: 600px) {
              .call_now_btn
                {
                    width:80%;
                }
            }
            </style>         
<?php
	include("footer.php");
?>
<!-- //footer-->

<div class="popup" id="popup">
  <span class="close-btn" id="close-btn">&times;</span>
  <img src="" alt="Zoomed Image" id="popup-img">
</div>
  <style>
     .button-container {
    display: flex;
    justify-content: center; 
    align-items: center;  
    margin-top: 15px;
    text-align: center;
  }
  .minus_button1,.plus_button1
  {
    background-color: #F1EFEA;
    width: 35px;
    height: 35px;
    padding: 3px;
    border-radius: 50px;
    border: 1px solid #ddd;
    font-size: 18px;
    font-weight: 800;
    cursor: pointer;
  }
  .field
  {
    width:40px; 
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
    font-size:18px !important; 
    font-weight:bold;
    text-align:center;
    background-color: #F1EFEA;
    border: none;
    outline: none;
    border-radius: 8px;

  }
  .add_to_cart_btn1
  {
    text-align: center;
    color: white;
    margin:auto;
    font-weight: 800;
    font-size: 18px;
    margin-top: 15px;
    background-color: #ff5581;
    width: 70%;
    padding:4px;
    border-radius:25px;
    cursor:pointer;
  }
  .add_to_cart_btn1 a
  {
    color: white;
  }
    .gallery img:hover {
      transform: scale(1.1);
    }

    /* Popup box */
    .popup {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.8);
      justify-content: center;
      align-items: center;
      z-index: 1000;
    }

    .popup img {
      max-width: 80%;
      max-height: 80%;
      box-shadow: 0 0 15px #fff;
    }

    .popup .close-btn {
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 24px;
      color: #fff;
      cursor: pointer;
    }
  </style>
  
<script>
  // JavaScript functionality
  const popup = document.getElementById('popup');
  const popupImg = document.getElementById('popup-img');
  const closeBtn = document.getElementById('close-btn');
  const images = document.querySelectorAll('.gallery img');

  images.forEach(img => {
    img.addEventListener('click', () => {
      popup.style.display = 'flex';
      popupImg.src = img.src;
    });
  });

  closeBtn.addEventListener('click', () => {
    popup.style.display = 'none';
  });

  // Close the popup when clicking outside the image
  popup.addEventListener('click', (e) => {
    if (e.target !== popupImg) {
      popup.style.display = 'none';
    }
  });
</script>

<!-- smooth scrolling -->
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear' 
};
*/								
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!-- //smooth scrolling -->
<!-- for bootstrap working -->
		<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->
<script type='text/javascript' src="js/jquery.mycart.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<!-- Calculate Offer price based on Amount and Kg -->
<script type="text/javascript">
    function calculateOfferPrice(sellingPrice, productId) 
    {
        let offerPrice = sellingPrice * 2;
        // alert(offerPrice);
        // alert(productId);
        document.getElementById("offer_price_" + productId).innerHTML = "Offer Price: &#8377; " + offerPrice;
    }
    
     function calculateOfferPrice250(sellingPrice, productId) 
    {
        let offerPrice3 = sellingPrice;
        // alert(offerPrice);
        // alert(productId);
        document.getElementById("offer_price_" + productId).innerHTML = "Offer Price: &#8377; " + offerPrice3;
    }


    function calculateOfferPrice1kg(sellingPrice, productId) 
    {
        let offerPrice1 = sellingPrice * 4;
        // alert(offerPrice1);
        document.getElementById("offer_price_" + productId).innerHTML = "Offer Price: &#8377; " + offerPrice1;
    }

    function calculateOfferPrice2kg(sellingPrice, productId) 
    {
        let offerPrice2 = sellingPrice * 8;
        // alert(offerPrice2);
        document.getElementById("offer_price_" + productId).innerHTML = "Offer Price: &#8377; " + offerPrice2;
    }
</script>
<script>
function plus_button1(productId) 
{
    var quantityInput = document.getElementById("quantity_" + productId);
    var currentQuantity = parseInt(quantityInput.value);
    currentQuantity += 1;
    quantityInput.value = currentQuantity;
}

function minus_button1(productId) 
{
    var quantityInput = document.getElementById("quantity_" + productId);
    var currentQuantity = parseInt(quantityInput.value);
    currentQuantity -= 1;
    quantityInput.value = currentQuantity;
}


function addToCart(productId,sellingPrice) 
{
    var quantityInput = document.getElementById("quantity_" + productId);
    var quantity = parseInt(quantityInput.value);
    var currentSession = '<?php echo session_id(); ?>';  
    var c_id = productId;
    var actualPrice = sellingPrice; 

    $.ajax({
        type: "POST",
        url: "api/add_to_cart.php", 
        data: {
            current_session: currentSession,
            c_id: c_id,
            qty: quantity,
            actual_price: actualPrice 
        },
        success: function(response) {
            toastr.success("Item added to cart!", "Success");
        },
        error: function(jqXHR, textStatus, errorThrown) {
            toastr.error("An error occurred while adding the item to the cart. Please try again.", "Error");
        }
    });
}
</script>
</body>
</html>