WWWWWW

Current Directory: /home/u588966950/domains/luvwithlabgrown.com/public_html
Viewing File: /home/u588966950/domains/luvwithlabgrown.com/public_html/sp-product-details_25032025.php
<?php 
include('conn.php');
$fetch = $conn->query("SELECT * FROM tbl_products where uniqid='".$_GET['pid']."'")->fetch_assoc();
$imagephoto=(!empty($fetch['photo']))? 'images/'.$fetch['photo']:'images/noimage.jpeg';
$category= $conn->query("SELECT * FROM rk_elements where id='".$fetch['category']."'")->fetch_assoc();
$price = $conn->query("SELECT * FROM tbl_products_variant WHERE pid='".$fetch['pid']."' ORDER BY did ASC")->fetch_assoc();
$size = isset($_GET['itemsize']) ? $_GET['itemsize'] : $price['itemsize'];
$metal = isset($_GET['itemmetal']) ? $_GET['itemmetal'] : $price['itemmetal'];
$color = isset($_GET['itemcolor']) ? $_GET['itemcolor'] : $price['itemcolor'];

$sizename = $conn->query("SELECT * FROM tbl_itemsize WHERE id='".$size."'")->fetch_assoc();
$metalname = $conn->query("SELECT * FROM tbl_itemmetal WHERE id='".$metal."'")->fetch_assoc();
$colorname = $conn->query("SELECT * FROM tbl_itemcolor WHERE id='".$color."'")->fetch_assoc();

$fvdata = $conn->query("SELECT * FROM tbl_products_variant where pid='".$fetch['pid']."' AND itemsize='".$size."' AND itemmetal='".$metal."' AND itemcolor='".$color."'")->fetch_assoc();


if(isset($_POST['atc']) && $_POST['atc']!='')
{
	$product = $conn->query("SELECT * FROM tbl_products where uniqid='".$_POST['atc']."'")->fetch_assoc();
	$price = $conn->query("SELECT * FROM tbl_products_variant WHERE did='".$_POST['vid']."'")->fetch_assoc();
	$chkcart = $conn->query("SELECT * FROM `tbl_cart` where pid='".$product['pid']."' AND vid='".$price['did']."' AND sessionid='".session_id()."'")->num_rows;
	if($chkcart>0)
	{
		
		$conn->query("UPDATE `tbl_cart` SET qnty=qnty+".$_POST['qnty'].",mrp='".$price['mrp']."',price='".$price['offerprice']."' WHERE pid='".$product['pid']."' AND vid='".$price['did']."' AND sessionid='".session_id()."'");
	}
	else
	{
		$conn->query("INSERT INTO `tbl_cart` SET pid='".$product['pid']."',vid='".$price['did']."',qnty='".$_POST['qnty']."',mrp='".$price['mrp']."',price='".$price['offerprice']."',sessionid='".session_id()."'");
	}
	
}
?>


<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Love With Lab Grown</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="shortcut icon" href="favicon.png" />
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
        <link href="https://fonts.googleapis.com/css2?family=Marcellus&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet" />
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
        <script src="https://kit.fontawesome.com/b4f8a3cdf0.js" crossorigin="anonymous"></script>
        <link href="css/sp-style.css" rel="stylesheet" />
        <link href="css/sp-responsive.css" rel="stylesheet" />
        <!-- Lightbox2 CSS -->
        <link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" />
        <!-- jQuery -->
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

        <!-- Bootstrap 5 JS -->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>

        <!-- Lightbox2 JS -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script>
        <style>
            .carousel-inner img {
                width: 100%;
                height: auto;
                cursor: pointer;
            }
            .thumbnail img {
                width: 100px;
                height: 80px;
                cursor: pointer;
                border: 2px solid transparent;
            }
            .thumbnail img.active {
                border: 1px solid #84194f;
            }
        </style>
		
		<style>
			.info-bar {
			  display: flex;
			  border: 1px solid #b34f38;
			  border-radius: 10px;
			  overflow: hidden;
			  font-family: Arial, sans-serif;
			  width: max-content;
			}
		
			.info-item {
			  padding: 12px 16px;
			  border-right: 1px solid #b34f38;
			  background-color: #fff;
			}
		
			.info-item:last-child {
			  border-right: none;
			}
		
			.info-title {
			  font-size: 10px;
			  color: #555;
			}
		
			.info-value {
			  font-weight: bold;
			  color: #333;
			  margin-top: 4px;
			}
		
			.variants-button {
			  background: linear-gradient(to right, #dea193, #b34f38);
			  color: white;
			  padding: 0 20px;
			  display: flex;
			  align-items: center;
			  justify-content: center;
			  font-weight: bold;
			  cursor: pointer;
			}
		  </style>
    </head>
    <body>
        <?php include"sp-header.php"?>

        <div class="container-fluid sp-product-details">
            <div class="row">
                <!-- Product Image Slider -->
                <div class="col-sm-6 sp-product-slider">
                    <div id="productCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000">
                        <div class="carousel-inner">
                          
                            <div class="carousel-item active">
                                <a href="<?php echo $imagephoto; ?>" data-lightbox="product-gallery">
                                    <img src="<?php echo $imagephoto; ?>" class="d-block w-100" alt="Product Image" />
                                </a>
                            </div>
                        </div>

                        <!-- Carousel Controls -->
                        <a class="carousel-control-prev" href="#productCarousel" role="button" data-bs-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#productCarousel" role="button" data-bs-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Next</span>
                        </a>
                    </div>

                    <!-- Thumbnail Navigation -->
                    <div class="mt-3 d-flex justify-content-center">
                        <div class="thumbnail me-2">
                            <img
                                src="https://luvwithlabgrown.com/wp-content/uploads/2025/01/Pirouette.jpg"
                                data-large="https://luvwithlabgrown.com/wp-content/uploads/2025/01/Pirouette.jpg"
                                data-bs-target="#productCarousel"
                                data-bs-slide-to="0"
                                class="active"
                                style="width: 70px; height: 70px; object-fit: contain; cursor: pointer;"
                            />
                        </div>
                        <div class="thumbnail me-2">
                            <img
                                src="https://luvwithlabgrown.com/wp-content/uploads/2025/01/Pirouette.jpg"
                                data-large="https://luvwithlabgrown.com/wp-content/uploads/2025/01/Pirouette.jpg"
                                data-bs-target="#productCarousel"
                                data-bs-slide-to=""
                                class=""
                                style="width: 70px; height: 70px; object-fit: contain; cursor: pointer;"
                            />
                        </div>
                        <div class="thumbnail me-2">
                            <img
                                src="https://luvwithlabgrown.com/wp-content/uploads/2025/01/100-1.jpg"
                                data-large="https://luvwithlabgrown.com/wp-content/uploads/2025/01/100-1.jpg"
                                data-bs-target="#productCarousel"
                                data-bs-slide-to=""
                                class=""
                                style="width: 70px; height: 70px; object-fit: contain; cursor: pointer;"
                            />
                        </div>
                        <div class="thumbnail me-2">
                            <img
                                src="https://luvwithlabgrown.com/wp-content/uploads/2025/01/100.jpg"
                                data-large="https://luvwithlabgrown.com/wp-content/uploads/2025/01/100.jpg"
                                data-bs-target="#productCarousel"
                                data-bs-slide-to=""
                                class=""
                                style="width: 70px; height: 70px; object-fit: contain; cursor: pointer;"
                            />
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 sp-prduct-att">
                    <div class="sp-bread-nav"><a href="index.php">Home</a> / <a href="sp-product-category.php?cid=<?php echo $category['id']; ?>">
                        <?php echo $category['name']; ?>
                    </a> / <?php echo htmlspecialchars($fetch['productname']); ?></div>

                    <!-- Product Title -->
                    <h1 class="sp-product-name" style="margin-bottom: 5px;"><?php echo htmlspecialchars($fetch['productname']); ?></h1>
					
					<p>
					SKU: DGN-D000583758
					</p>
					
					
					
					<div class="info-bar">
					  <div class="info-item">
						<div class="info-title">Size</div>
						<div class="info-value"><?php echo $sizename['description']; ?></div>
					  </div>
					  <div class="info-item">
						<div class="info-title">Metal</div>
						<div class="info-value"><?php echo $metalname['description']; ?></div>
					  </div>
					  <div class="info-item">
						<div class="info-title">Diamond</div>
						<div class="info-value"><?php echo $colorname['description']; ?></div>
					  </div>
					  <div class="variants-button" data-bs-toggle="offcanvas" data-bs-target="#itemvariantsdtls">
						Variants
					  </div>
					</div>
					
					<form action="" method="post" name="cartfoem">
					
					<input type="hidden" value="<?php echo $fetch['uniqid']; ?>" name="atc">
					<input type="hidden" value="<?php echo $fvdata['did']; ?>" name="vid">

                    
					

                    <hr />
                    <div class="sp-price">
                        <div class="sp-pp">₹<span id="grand-total"><?php echo $fvdata['mrp']; ?></span></div>
                        <div class="sp-final-price">₹ <span id="final-total"><?php echo $fvdata['offerprice']; ?></span></div>
                    </div>
                    <div class="sp-add-to-cart-box mt-4">
                        <div class="d-flex align-items-center gap-2">
                            <input type="number" id="quantityInput" name="qnty" class="quantity-box" value="1" min="1" required />
                            <!-- <button >Add to cart</button> -->
                            <input type="submit" class="add-to-cart" name="cartbtn" value="Add to Cart">
                        </div>
                    </div>
					</form>
                    <hr />
                    <div class="sp-sku-box">
                        <?php /*?><div>SKU <span>:<?php echo $fetch['productcode']; ?></span></div><?php */?>
                        <div>Category <a href="sp-product-category.php?cid=<?php echo $category['id']; ?>"> <?php echo $category['name']; ?> </a></div>
                    </div>
                    <div class="sp-price-backup">
                        <button data-bs-toggle="collapse" data-bs-target="#demo">Price Breakup</button>
                        <div id="demo" class="collapse show">
                            <div class="table-responsive">
                            <table class="table priceDescriptionTable">
                                <thead>
                                    <tr>
                                        <th>COMPONENT</th>
                                        <th>RATE</th>
                                        <th>APPROX. WEIGHT</th>
                                        <th>VALUE</th>
                                        <th>DISCOUNT</th>
                                        <th>FINAL VALUE</th>
                                    </tr>
                                </thead>
                                <tbody>
								<?php
								
								?>
                                    <tr>
                                        <td colspan="6"><p><span class="noPaddingLeft fontSize12 metalName">Metal</span></p></td>
                                    </tr>
                                    <tr>
                                        <td><p><?php echo $metalname['description']; ?> <span id="metal-name"></span></p></td>
                                        <td>₹ <span id="metal-rate"><?php echo (isset($fvdata['did']))?$fvdata['metalrate']:''; ?></span>/ gm</td>
                                        <td><span id="metal-weight"><?php echo (isset($fvdata['did']))?$fvdata['metalweight']:''; ?></span> gms</td>
                                        <td>₹ <span id="metal-value"><?php echo (isset($fvdata['did']))?$fvdata['metalvalue']:''; ?></span></td>
                                        <td><?php echo (isset($fvdata['did']))?$fvdata['metaldiscount']:''; ?>%</td>
                                        <td>₹ <span id="total-metal-value"><?php echo (isset($fvdata['did']))?$fvdata['metalfinalvalue']:''; ?></span></td>
                                    </tr>
                                    <tr>
                                        <td><strong>Total Metal Value</strong></td>
                                        <td>-</td>
                                        <td>-</td>
                                        <td>₹ <span id="total-metal-value1"><?php echo (isset($fvdata['did']))?$fvdata['metalvalue']:''; ?></span></td>
                                        <td>-</td>
                                        <td><strong>₹ <span id="total-metal-value-final"><?php echo (isset($fvdata['did']))?$fvdata['metalfinalvalue']:''; ?></span></strong></td>
                                    </tr>
									<?php if($fetch['producttype']=='Diamond'){?>
                                    <tr>
                                        <td colspan="6"><p><span class="noPaddingLeft fontSize12 metalName">Diamond</span></p></td>
                                    </tr>
                                    <tr>
                                        <td><span id="diamond-name"><?php echo $colorname['description']; ?></span></td>
                                        <td><span id="diamond-rate"></span></td>
                                        <td><span id="diamond-weight"><?php echo (isset($fvdata['did']))?$fvdata['diamondweight']:''; ?></span></td>
                                        <td>₹ <span id="diamond-value"><?php echo (isset($fvdata['did']))?$fvdata['diamondvalue']:''; ?></span></td>
                                        <td><span id="discount"><?php echo (isset($fvdata['did']))?$fvdata['diamonddiscount']:''; ?></span>%</td>
                                        <td>₹ <span id="discounted-diamond-value"><?php echo (isset($fvdata['did']))?$fvdata['diamondfinalvalue']:''; ?></span></td>
                                    </tr>
                                    <tr>
                                        <td><strong>Total Diamond Value</strong></td>
                                        <td>-</td>
                                        <td>-</td>
                                        <td>₹ <span id="diamond-value-total"><?php echo (isset($fvdata['did']))?$fvdata['diamondvalue']:''; ?></span></td>
                                        <td><span id="discount1">-</span></td>
                                        <td><strong>₹ <span id="discounted-diamond-total"><?php echo (isset($fvdata['did']))?$fvdata['diamondfinalvalue']:''; ?></span></strong></td>
                                    </tr>
									<?php } ?>
                                    <tr>
                                        <td>Making Charges</td>
                                        <td>-</td>
                                        <td>-</td>
                                        <td>₹ <span id="making-charges"><?php echo (isset($fvdata['did']))?$fvdata['mcrate']:''; ?></span></td>
                                        <td><span id="discount2"><?php echo (isset($fvdata['did']))?$fvdata['mcdiscount']:''; ?></span>%</td>
                                        <td><strong>₹ <span id="discounted-making-charges"><?php echo (isset($fvdata['did']))?$fvdata['mcfinalvalue']:''; ?></span></strong></td>
                                    </tr>
                                    <tr class="tableBorderTop">
                                        <td>Subtotal</td>
                                        <td>-</td>
                                        <td>-</td>
                                        <td>₹ <span id="subtotal"><?php echo $fvdata['metalvalue']+$fvdata['diamondvalue']+$fvdata['mcrate']; ?></span></td>
                                        <td>-</td>
                                        <td><strong>₹ <span id="discounted-subtotal"><?php echo $fvdata['metalfinalvalue']+$fvdata['diamondfinalvalue']+$fvdata['mcfinalvalue']; ?></span></strong></td>
                                    </tr>
                                    <tr>
                                        <td>GST</td>
                                        <td>-</td>
                                        <td>-</td>
                                        <td>₹ <span id="gst-percent"><?php echo (isset($fvdata['did']))?$fvdata['gstrate']:''; ?></span></td>
                                        <td>-</td>
                                        <td><strong>₹ <span id="gst-amount"><?php echo (isset($fvdata['did']))?$fvdata['gstfinalvalue']:''; ?></span></strong></td>
                                    </tr>
                                    <tr>
                                        <td><strong>Grand Total</strong></td>
                                        <td>-</td>
                                        <td>-</td>
                                        <td>₹ <span id="grand-total1"><?php echo (isset($fvdata['did']))?$fvdata['mrp']:''; ?></span></td>
                                        <td>-</td>
                                        <td><strong>₹ <span id="final-total1"><?php echo (isset($fvdata['did']))?$fvdata['offerprice']:''; ?></span></strong></td>
                                    </tr>
                                </tbody>
                            </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-12 sp-product-description">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                            <a class="nav-link active" data-bs-toggle="tab" href="#description">Description</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#additional-information">Additional information</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#menu2">Menu 2</a>
                        </li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div class="tab-pane active" id="description">
                            <?php /*?><h4>Dimensions</h4>
                            <p>
                                Width – 3.37 mm <br />
                                Height – 6.25 mm <br />
                                Size – 12 (51.8 mm)
                            </p>
                            <h4>Weight</h4>
                            <p>Gross 0.776 kg</p>
                            <h4>Purity</h4>
                            <p id="selected-metal-purity">14K</p><?php */?>
                        </div>
                        <div class="tab-pane fade" id="additional-information">
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <th>Weight</th>
                                        <td>0.776 kg</td>
                                    </tr>
                                    <tr>
                                        <th>Color</th>
                                        <td id="selected-color">4, 3</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
		
		<!-- Cart Offcanvas Sidebar -->
		<div class="offcanvas offcanvas-end" tabindex="-1" id="itemvariantsdtls" style="border-radius: 20px 0 0 20px;">
			<div class="offcanvas-header cart-header">
				<p style="margin:0; font-size:20px;">Product Variants</p>
				<button type="button" class="btn-close" data-bs-dismiss="offcanvas"></button>
			</div>
		
			<div class="offcanvas-body cart-body">
			
					<script>
						function chkproduct() {
							// Get the selected value for size
							var selectedSize = $("input[name='itemsize']:checked").val();
						
							// Get the selected value for metal
							var selectedMetal = $("input[name='itemmetal']:checked").val();
						
							// Get the selected value for diamond quality (clarity)
							var selectedClarity = $("input[name='itemcolor']:checked").val();
						
							// Construct the URL with the selected values
							location.href = 'sp-product-details.php?pid=<?php echo $_REQUEST['pid']; ?>&itemsize=' + selectedSize + '&itemmetal=' + selectedMetal + '&itemcolor=' + selectedClarity;
						}
				  
					</script>
			
				<div style="overflow: hidden;">
					<p style="margin-bottom:0;">Size</p>
				    <?php 
					$sqlitem = "SELECT itemsize FROM tbl_products_variant WHERE pid='".$fetch['pid']."' GROUP BY itemsize ORDER BY did ASC";
					$queryitem = $conn->query($sqlitem);
					while ($rowitem = $queryitem->fetch_assoc()) {
						$itemsize = $conn->query("SELECT * FROM tbl_itemsize WHERE id='".$rowitem['itemsize']."'")->fetch_assoc();
					?>
						<label for="size<?php echo $itemsize['id']; ?>">
						
						<div class="item-size-container" style="width:108px;height:79px;background:<?php echo ($size==$itemsize['id'])?'#db9c8d':'#ddd';?>;text-align:center;border-radius: 10px;float:left;justify-content: center;align-items: center;margin-top: 10px;margin-right: 5px; padding:5px;">
							<div style="width:88px;height: 46px;"><?php echo $itemsize['description']; ?></div>
							
							<!-- Radio Button to Change Color -->
							<input type="radio" id="size<?php echo $itemsize['id']; ?>" name="itemsize" value="<?php echo $itemsize['id']; ?>" class="size-radio" onclick="changeSize(this, <?php echo $itemsize['id']; ?>)" <?php if($size==$itemsize['id']){ ?> checked="checked" <?php } ?> style="display:none;">
					
							<?php if($size==$itemsize['id']){ ?>
							<div style="border-radius: 5px;width: 96px;background:#FFFFFF;font-size: 11px;">made to order</div>
							<?php } else { ?>
							<div style="border-radius: 5px;width: 96px;background:#FFFFFF;font-size: 11px;">In Stock</div>
							<?php } ?>
						</div>
						</label>
					<?php
					}
					?>
					
					<script>
						// Function to change the background color of the div based on radio selection
						function changeSize(radio, itemId) {
							// Get all item-size containers
							const allContainers = document.querySelectorAll('.item-size-container');
							
							// Reset background color of all containers
							allContainers.forEach(container => {
								container.style.backgroundColor = '#ddd'; // Default color
							});
							
							// Change the background color of the selected container
							if (radio.checked) {
								const selectedContainer = radio.closest('.item-size-container');
								selectedContainer.style.backgroundColor = '#db9c8d'; // Change this to the desired color
							}
						}
					</script>

					
				</div>
				<div style="overflow: hidden;">
					<p style="margin-bottom:0; margin-top:10px;">Metal Purity</p>
				    <?php 
					$sqlitem = "SELECT itemmetal FROM tbl_products_variant WHERE pid='".$fetch['pid']."' GROUP BY itemmetal ORDER BY did ASC";
					$queryitem = $conn->query($sqlitem);
					while ($rowitem = $queryitem->fetch_assoc()) {
					$itemmetal = $conn->query("SELECT * FROM tbl_itemmetal WHERE id='".$rowitem['itemmetal']."'")->fetch_assoc();
					?>
					<label for="metal<?php echo $itemmetal['id']; ?>">
					<div class="item-metal-container" style="width:108px;height:79px;background:<?php echo ($metal==$itemmetal['id'])?'#db9c8d':'#ddd';?>;text-align:center;border-radius: 10px;float:left;justify-content: center;align-items: center;margin-top: 10px;margin-right: 5px; padding:5px;">
						<div style="width:88px;height: 46px;font-size: 12px;"><?php echo htmlspecialchars($itemmetal['description']); ?></div>						
						<!-- Radio Button to Change Color -->
						<input type="radio" id="metal<?php echo $itemmetal['id']; ?>" name="itemmetal" value="<?php echo $itemmetal['id']; ?>" class="metal-radio" onclick="changeMetal(this, <?php echo $itemmetal['id']; ?>)" <?php if($metal==$itemmetal['id']){?> checked="checked" <?php } ?> style="display:none;">
						
						<?php if($metal==$itemmetal['id']){?>
						<div style="border-radius: 5px;width: 96px;background:#FFFFFF;font-size: 11px;">made to order</div>
						<?php }else{ ?>
						<div style="border-radius: 5px;width: 96px;background:#FFFFFF;font-size: 11px;">In Stock</div>
						<?php } ?>
					</div>
					</label>
					<?php
					}
					?>
					<script>
						// Function to change the background color of the div based on radio selection
						function changeMetal(radio, itemId) {
							// Get all item-size containers
							const allContainers = document.querySelectorAll('.item-metal-container');
							
							// Reset background color of all containers
							allContainers.forEach(container => {
								container.style.backgroundColor = '#ddd'; // Default color
							});
							
							// Change the background color of the selected container
							if (radio.checked) {
								const selectedContainer = radio.closest('.item-metal-container');
								selectedContainer.style.backgroundColor = '#db9c8d'; // Change this to the desired color
							}
						}
					</script>
				</div>
				<div style="overflow: hidden;">
					<p style="margin-bottom:0; margin-top:10px;">Diamond Quality</p>
				    <?php 
					$sqlitem = "SELECT itemcolor FROM tbl_products_variant WHERE pid='".$fetch['pid']."' GROUP BY itemcolor ORDER BY did ASC";
					$queryitem = $conn->query($sqlitem);
					while ($rowitem = $queryitem->fetch_assoc()) {
					$itemcolor = $conn->query("SELECT * FROM tbl_itemcolor WHERE id='".$rowitem['itemcolor']."'")->fetch_assoc();
					?>
					<label for="diamond<?php echo $itemcolor['id']; ?>">
					<div class="item-diamond-container" style="width:108px;height:79px;background:<?php echo ($color==$itemcolor['id'])?'#db9c8d':'#ddd';?>;text-align:center;border-radius: 10px;float:left;justify-content: center;align-items: center;margin-top: 10px;margin-right: 5px; padding:5px;">
						<div style="width:88px;height: 46px;font-size: 12px;"><?php echo htmlspecialchars($itemcolor['description']); ?></div>
						
						<!-- Radio Button to Change Color -->
						<input type="radio" id="diamond<?php echo $itemcolor['id']; ?>" name="itemcolor" value="<?php echo $itemcolor['id']; ?>" class="diamond-radio" onclick="changeDiamond(this, <?php echo $itemcolor['id']; ?>)" <?php if($color==$itemcolor['id']){?> checked="checked" <?php } ?> style="display:none;">
						
						<?php if($color==$itemcolor['id']){?>
						<div style="border-radius: 5px;width: 96px;background:#FFFFFF;font-size: 11px;">made to order</div>
						<?php }else{ ?>
						<div style="border-radius: 5px;width: 96px;background:#FFFFFF;font-size: 11px;">In Stock</div>
						<?php } ?>
					</div>
					</label>
					<?php
					}
					?>
					<script>
						// Function to change the background color of the div based on radio selection
						function changeDiamond(radio, itemId) {
							// Get all item-size containers
							const allContainers = document.querySelectorAll('.item-diamond-container');
							
							// Reset background color of all containers
							allContainers.forEach(container => {
								container.style.backgroundColor = '#ddd'; // Default color
							});
							
							// Change the background color of the selected container
							if (radio.checked) {
								const selectedContainer = radio.closest('.item-diamond-container');
								selectedContainer.style.backgroundColor = '#db9c8d'; // Change this to the desired color
							}
						}
					</script>
				</div>
		
				
			</div>
		
			<!-- Cart Footer -->
			<div class="cart-footer">
				<div class="sp-price" style="font-size: 20px;font-weight: 800; display: flex; justify-content: center; align-items: center;">
					
					<div class="sp-pp" style="text-decoration:line-through;color: #999999;">₹<?php echo $fvdata['mrp']; ?></div>
					<div class="sp-final-price" style="margin-left: 10px;">&nbsp;<strong>₹<?php echo $fvdata['offerprice']; ?></strong></div>
				</div>
				<p><strong>&nbsp;</strong></p>
				<div class="sp-btnn">
					<button class="btn btn-primary w-100 mb-2" style="border-radius: 10px;background: linear-gradient(to right, #dea193, #b34f38); border:0;" onClick="chkproduct();">CONFIRM</button>
				</div>
			</div>

		</div>

        <?php include"sp-footer.php"?>

        
    </body>
</html>
F1l3 Manager
