<?php require 'includes/db-conn.inc.php';?>

      <?php  
           $i=1;
           $j=1;
           $s=1;
                                        $url=$_GET['url'];
                                        // $requestURI = $_SERVER['REQUEST_URI'];
                                        // $url2 = preg_replace('/\.html$/', '', $requestURI);
                                        // $url = ltrim($url2, '/');
                                        $query=mysqli_query($conn,"select * from tbl_product where url='$url' and status='1'") or die(mysqli_error());
                                        $rw=mysqli_fetch_assoc($query);
                                           
                                            $id=$rw['id'];
                                            $title=$rw['productname'];
                                            $productid=$rw['productid'];
                                            $productdesc=$rw['short_description'];
                                            $longdesc=$rw['long_description'];
                                             $skucode=$rw['skucode'];
                                            $image1=$rw['image1'];
                                            $image2=$rw['image2'];
                                            $image3=$rw['image3'];
                                            $image4=$rw['image4'];
                                            $image5=$rw['image5'];
                                            $image6=$rw['image6'];
                                            $thumb1=$rw['thumb1'];
                                            $thumb2=$rw['thumb2'];
                                            $thumb3=$rw['thumb3'];
                                            $thumb4=$rw['thumb4'];
                                            $thumb5=$rw['thumb5'];
                                            $thumb6=$rw['thumb6'];
                                            $category_id=$rw['category_id'];
                                            $sub_category_id=$rw['sub_category_id'];
                                            $varient_id=$rw['varient_id'];
                                            
                                            $minqty=$rw['minorderqty'];

                                             //category
                                            $query4=mysqli_query($conn,"select * from tbl_category where id='$category_id'") or die(mysqli_error());
                                          $rw4=mysqli_fetch_assoc($query4);
                                          $catname=$rw4['name'];      
                                       //fetch price   
                                        // $id2=$_GET['product-id'];
                                        $query2=mysqli_query($conn,"select * from tbl_product_price where productId='$productid' and status='1'") or die(mysqli_error());
                                          $rw2=mysqli_fetch_assoc($query2);
                                          $avalqty=$rw2['pqty'];
                                          $totalselect = mysqli_num_rows($query2);
                                            $price=$rw2['pprice'];
                                            $mrp=$rw2['pmrp'];
                                            $psize=$rw2['psize'];
                                            $punit=$rw2['punit'];
                                            $pprdicyt=$rw2['productId'];
                                            
                                            $size=$rw2['psize'];
                                           $unit=$rw2['punit'];
                                          $pqty=$rw2['pqty'];
                                          $pprice=$rw2['pprice'];
                                          $pmrp=$rw2['pmrp'];
                                           $sizeidd=$rw2['id'];
                                           $productiddd=$rw2['productId'];
                                      
                                      // fetch stock   
                                      $geturl = $_SERVER['REQUEST_URI'];
                                          // fetch stock
                                        $query22=mysqli_query($conn,"select * from  tbl_varient_product_video where product_id='$productid'") or die(mysqli_error());
                                          $rw22=mysqli_fetch_assoc($query22);
                                          $video_link=$rw22['video_link'];   
             ?>
<!DOCTYPE html>
<html lang="en">

   <head>
  <!--<base href="https://lakshyaresinarthub.in/">-->
  
       <style>
    @media (max-width: 767px){
                .single-banner {
                    padding: 1px 0px !important;
                }
    }
    @media (max-width: 767px){
        .single-banner h2 {
            font-size: 20px !important;
            margin-bottom: -8px !important;
        }
    }
    @media (max-width: 767px){
        .breadcrumb-item {
            font-size: 13px !important;
        }
    }


    .details-add-group {
    margin: 0px 0px 15px !important;
}
.blog-widget-form button {
    position: absolute;
    top: 0px;
    right: 0px !important;
    left: auto !important;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: var(--white);
    background: #212529db !important;
    border-radius: 0px 8px 8px 0px !important;
}
.details-label.off {
    background-color: #39404a !important;
}
.details-add-group .action-input {
        /*background: black !important;*/

}

    .loading {
        background:darkred !important;
        color: white !important;
    }
  
       </style>
      <meta charset="UTF-8">
      <meta http-equiv="content-type" content="text/html;charset=utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title><?php echo $rw['metatitle']; ?></title>
  <meta name="description" content="<?php echo $rw['metadescription']; ?>">
  <meta name="keywords" content="<?php echo $rw['metakeyword']; ?>">

      <link rel="stylesheet" href="fonts/flaticon/flaticon.css">
      <link rel="stylesheet" href="fonts/icofont/icofont.min.css">
      <link rel="stylesheet" href="fonts/fontawesome/fontawesome.min.css">
      <link rel="stylesheet" href="vendor/venobox/venobox.min.css">
      <link rel="stylesheet" href="vendor/slickslider/slick.min.css">
      <link rel="stylesheet" href="vendor/niceselect/nice-select.min.css">
      <link rel="stylesheet" href="vendor/bootstrap/bootstrap.min.css">
      <link rel="stylesheet" href="css/main.css">
      <link href='https://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet'>
      <link rel="stylesheet" href="css/product-details.css">
   
   </head>
   <body>
      <div class="backdrop"></div>
      <a class="backtop fas fa-arrow-up" href="#"></a>
      <?php include 'includes/top-header.php';
            include 'includes/header.php';
            include 'includes/website-menu.php'; 
           include 'includes/side-category.php';
            // include 'includes/cart-sidebar.php';
            // include 'includes/side-menu.php';
            include 'includes/mobile-footer.php';
         ?>

      <section class="inner-section" style="margin-top: 46px;margin-bottom: 77px;">
         <div class="container">
            <div class="row">
               <div class="col-lg-6" style="background-color: white;padding-top: 14px;border-radius: 14px;">
                  <div class="details-gallery">
                    <div class="details-label-group">
                        <!--<span class="viewed" onClick="document.getElementById('modal-wrapper').style.display='block'"><img src="images/360/360.jpg" alt="product"></span> -->
                         <span class="viewed"><a title="<?php echo $title; ?>"  href="<?php echo $video_link; ?>" class="venobox" data-autoplay="true" modestbranding="false" data-vbtype="video"><img  src="images/360/360.jpg" alt="product" style="    width: 67px;border-radius: 5px;"></a></span> 
                         
                        <!--<img src="media/product/<?php echo $image1;?>" alt="video"><a title="<?php echo $title; ?>" style="background-color: darkgoldenrod;" href="<?php echo $video_link; ?>" class="venobox fas fa-play" data-autoplay="true" data-vbtype="video"></a>-->
                      </div>
                      <!--<div class="details-label-group"><label class="details-label off">SKU: <?php echo $skucode; ?></label></div>-->
                                        <ul class="details-preview">
  <?php
                if($image1!=="")
              {?> 
               <li class="zoom" id="ex1"><img src="media/product/<?php echo $image1;?>" loading="lazy" class="zoom-image" alt="product"></li>
              <?php }   
              ?> 
              <?php
                if($image2!=="")
              {?> 
                <li class="zoom" id="ex2"><img src="media/product/<?php echo $image2;?>" loading="lazy" alt="product"></li>
              <?php }   
              ?>
              <?php
                if($image3!=="")
              {?> 
                <li class="zoom" id="ex3"><img src="media/product/<?php echo $image3;?>" loading="lazy" alt="product"></li>
              <?php }   
              ?>
              <?php
                if($image4!=="")
              {?> 
                 <li class="zoom" id="ex4"><img src="media/product/<?php echo $image4;?>" loading="lazy" alt="product"></li>
              <?php }   
              ?>
              <?php
                if($image5!=="")
              {?> 
               <li class="zoom" id="ex5"><img src="media/product/<?php echo $image5;?>" loading="lazy" alt="product"></li>
              <?php }   
              ?>
              <?php
                if($image6!=="")
              {?> 
                 <li class="zoom" id="ex6"><img src="media/product/<?php echo $image6;?>" loading="lazy" alt="product"></li>
              <?php }   
              ?>         
                     </ul>
                     <ul class="details-thumb" style="padding-bottom: 12px;">

 <?php
                if($image1!=="")
              {?> 
               <li><img src="media/product/thumb/<?php echo $thumb1;?>" alt="product"></li>
              <?php }   
              ?> 
              <?php
                if($image2!=="")
              {?> 
               <li><img src="media/product/thumb/<?php echo $thumb2;?>" alt="product"></li>
              <?php }   
              ?>
              <?php
                if($image3!=="")
              {?> 
               <li><img src="media/product/thumb/<?php echo $thumb3;?>" alt="product"></li>
              <?php }   
              ?>
              <?php
                if($image4!=="")
              {?> 
               <li><img src="media/product/thumb/<?php echo $thumb4;?>" alt="product"></li>
              <?php }   
              ?>
              <?php
                if($image5!=="")
              {?> 
               <li><img src="media/product/thumb/<?php echo $thumb5;?>" alt="product"></li>
              <?php }   
              ?>
              <?php
                if($image6!=="")
              {?> 
               <li><img src="media/product/thumb/<?php echo $thumb6;?>" alt="product"></li>
              <?php }   
              ?>
                        
                     </ul>
                  </div>
               </div>
               <div class="col-lg-6">
                  <div class="details-content">
                     <h3 class="details-name"><a href="#"><?php echo  $title; ?></a></h3>
                     <div class="details-meta">
                        <p><b>Category:</b><a href="#"><?php echo $catname; ?></a></p>
                     </div>
                        <h3 class="details-price" id="setsalprice"><del style="color: grey;">₹ <?php echo $mrp; ?></del><span>₹ <?php echo  $price; ?></span></h3>
    
                     <label class="details-list-title" style="padding-bottom: 8px;">Select Size :</label> <br>
                     <div class="details-list-group">

                          <div class="account-content">
                        <div class="row">
<?php
$query3 = mysqli_query($conn, "select * from tbl_product_price where productId='$pprdicyt' and status='1'") or die(mysqli_error());
$firstRow = true; // Flag to track the first row

while ($row3 = mysqli_fetch_assoc($query3)) {
    $size = $row3['psize'];
    $unit = $row3['punit'];
    $pqty = $row3['pqty'];
    $pprice = $row3['pprice'];
    $pmrp = $row3['pmrp'];
    $sizeidd = $row3['id'];
    $productiddd = $row3['productId'];

    // Add 'active' class to the first div
    $activeClass = $firstRow ? 'active' : '';
    $firstRow = false; // Set the flag to false after the first row

    ?>
    <div class="col-md-2 col-lg-2 alert fade show " style="width: 104px;padding: 0px 4px;">
        <div class="profile-card contact getsize" price="<?php echo $pprice;?>" mrp="<?php echo $pmrp;?>" getskucode="<?php echo $rw['skucode']; ?>" getunitsizeqty="<?php echo $size; ?>" getunitsize="<?php echo $unit; ?>" getproductid="<?php echo $productiddd; ?>" getvarientid="<?php echo $row3['varient_id']; ?>" style="padding: 0px;margin-bottom: 0px;">
            <p style="text-align: center;font-size: 13px;"><?php echo $unit; ?></p>
        </div>
    </div>
    <?php
}
?>
       
                </div>
                     </div>
                     </div>
            <!-- select size close --> 
            <!-- note section -->
          <?php 
         if($category_id==2){
             ?>
        <div class="details-add-group">
             <label class="details-list-title" style="padding-bottom: 8px;">Enter Printing Detail :</label> 
             <div class="form-group">
                 <input type="text" id="getname" placeholder="Enter Name" class="form-control" style="height: 38px;">
             </div>
             <div class="form-group">
                 <input type="text" id="getmobile" placeholder="Enter Mobile" class="form-control" style="height: 38px;">
             </div>
             <div class="form-group">
                 <input type="text" id="getemail" placeholder="Enter Email" class="form-control" style="height: 38px;">
             </div>
             <div class="form-group">
                 <input type="text" id="getaddress" placeholder="Enter Address" class="form-control" style="height: 38px;">
             </div>
             <div class="form-group">
                 <textarea style="height: 89px;" type="text" rows="3" cols="50" class="form-control" name="txtvisting" placeholder="Enter Other Details Here" id="getvistingcarddetail" style="height: 38px;"></textarea>
             </div>
        </div>
        <!-- imge 1 form -->
      <form id="imageForm">
            <input type="hidden" id="getimageid" class="form-control mt-2" readonly>
            <input type="hidden" id="steve" value="1" class="form-control mt-2" readonly>
            <div class="row">
                <div class="col-md-9 col-12">
                    <div class="details-add-group">
                        <div class="form-group">
                            <input type="file" class="form-control" name="txtimage1" id="getimage1" accept="image/*" style="height: 38px;">
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-6">
                    <div class="details-add-group">
                        <div class="form-group">
                            <button class="product-add save" style="display: block !important; background: green !important; color: white; padding: 3px; font-size: 12px;">
                                <i class="fas fa-save"></i><span> Save Image</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </form>

       <!-- image 1 form -->
       
          <form id="imageForm2">
            <input type="hidden" id="getimageid2" class="form-control mt-2" readonly>
        <div class="row">
            <div class="col-md-9 col-12">
                <div class="details-add-group">
                    <div class="form-group">
                        <input type="file" class="form-control" name="txtimage2" id="getimage2" accept="image/*" style="height: 38px;">
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-6">
                <div class="details-add-group">
                    <div class="form-group">
                        <button class="product-add save2" style="display: block !imporant;background:green !important;color:white;padding: 3px;font-size: 12px;">
                            <i class="fas fa-save"></i><span> Save Image</span>
                        </button>
                    </div>
                </div>
            </div>   
        </div>
       </form>
             
    <?php     }
    else { ?>
        <div class="details-add-group">
             <div class="form-group">
                 <label class="details-list-title">Order Note : </label>
                 <textarea style="height: 89px;" type="text" rows="3" cols="50" class="form-control" name="txtnote" placeholder="Order Note Here" id="getordernote" style="height: 38px;"></textarea>
             </div>
         </div>

        <div class="details-add-group">
                        <center><div class="product-action" style="display: block;margin-bottom:12px">
                           <button class="" onclick="document.querySelector('#steve').value=parseInt(document.querySelector('#steve').value)<=<?php echo $minqty; ?>?parseInt(document.querySelector('#steve').value):parseInt(document.querySelector('#steve').value)-1" title="Quantity Minus"><i class="icofont-minus" ></i></button>
                           
                           <input class="action-input" id="steve" title="Quantity Number" type="number" name="quantity"  style="width: 43%;" min="<?php echo $minqty; ?>" max="<?php echo $avalqty; ?>" value="<?php echo $minqty; ?>" readonly >
           
               <button class="" onclick="document.querySelector('#steve').value=parseInt(document.querySelector('#steve').value)>=<?php echo $avalqty; ?>?parseInt(document.querySelector('#steve').value):parseInt(document.querySelector('#steve').value)+1" title="Quantity Plus"><i class="icofont-plus"></i></button>
                        </div></center>
        </div>
  <?php  }
        ?>
         <!-- note section closed -->

                     
                    <input type="hidden" id="getproductsize">
                     <input type="hidden" id="getunitsize">
                      <input type="hidden" id="getproductprice">
                      <input type="hidden" id="getproductmrp">
                      <input type="hidden" id="getvarientid">
                       <input type="hidden" id="getskucode">
                       <input type="hidden" id="getproductid">
                     <div class="details-action-group">
                        <button class="product-add  addtocart" title="Add to Cart" style="display: block !imporant;background: linear-gradient(to right, #000, #326c36);color:white"><i class="fas fa-shopping-basket"></i><span>BUY NOW</span></button>
                     </div>
                     

                  

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

       <section class="inner-section">
         <div class="container">
            <div class="row">
               <div class="col-lg-12">
                  <ul class="nav nav-tabs">
                     <li><a href="#tab-desc" class="tab-link active" data-bs-toggle="tab">descriptions</a></li>
                     <!--<li><a href="#tab-reve" class="tab-link" data-bs-toggle="tab">reviews (2)</a></li>-->
                  </ul>
               </div>
            </div>
            <div class="tab-pane fade show active" id="tab-desc">
               <div class="row">
                  <div class="col-lg-12">
                     <div class="product-details-frame">
                        <div class="tab-descrip">
                           <p><?php  echo $longdesc; ?></p>
                        </div>
                     </div>
                  </div>
         </div>
      </section>
      <!-- Related Product -->
        <section class="inner-section" style="background-color: white;margin-bottom: auto;"> <br>
             <h3 class="details-name" style="padding: 13px;text-transform: uppercase;"><a href="#">Other <?php echo  $catname; ?> Products</a></h3>
         <div class="container">
            <div class="row content-reverse">
              
               <div class="col-lg-12">
                  <div class="row row-cols-2 row-cols-md-3 row-cols-lg-3 row-cols-xl-4">
   <?php
           $sql=mysqli_query($conn,"select * from tbl_product where category_id='$category_id' and status='1'")or die(mysqli_error());
          
                while($row=mysqli_fetch_assoc($sql))
        {extract($row);
       
        
        $query2=mysqli_query($conn,"select * from tbl_product_price where productId='$productid'") or die(mysqli_error($conn));

                     $rw2=mysqli_fetch_assoc($query2);
                     $price=$rw2['pprice'];
                       $size=$rw2['psize'];
                     $unit=$rw2['punit'];
                
    
        ?>                  
                     <!-- product start-->
                     <div class="col">
                         <div class="product-card" style="padding-top: 17px !important;border: 1px solid darkgoldenrod;">
                     <div class="product-media">
                        <a class="product-image" href="<?php echo $url; ?>.html">
                        <img src="media/product/thumb/<?php echo $thumb1 ?>" alt="product"></a>
                     </div>
                      <div class="product-content">
                        <h6 class="product-name"><a href="<?php echo $url; ?>.html" style="text-transform: uppercase;"><?php echo $productname; ?></a></h6>
                        
                         <center><div class="feature-rating" style="justify-content: center;"><i class="active icofont-star"></i><i class="active icofont-star"></i><i class="active icofont-star"></i><i class="active icofont-star"></i><i class="active icofont-star"></i></div></center>

                           <h6 class="product-price" style="font-weight: 500;"><span style="color: red;">₹ <?php echo $price; ?></span> <span style="font-size: 14px;color: black;margin-left: 8px;"><del><?php echo $pmrp; ?></del> </span></h6>  
                          
                          
                        <a href="<?php echo $url; ?>.html>" style="background-color:black;color: white;" class="product-add" title="View"><i class="fas fa-cart-plus"></i><span>Buy Now</span></a>
                     </div>
                  </div>
                     </div>
                    <!-- product close-->
   <?php }   ?>                 
                  </div>

               </div>
            </div>
         </div>
      </section>
          <?php include 'includes/footer.php'; ?>
      <!-- related product close-->
  <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script src="js/newcustom.js"></script> -->
     <script src="vendor/bootstrap/jquery-1.12.4.min.js"></script>
      </script><script src="vendor/niceselect/nice-select.min.js"></script><script src="vendor/slickslider/slick.min.js"></script><script src="vendor/venobox/venobox.min.js"></script><script src="js/nice-select.js"></script><script src="js/countdown.js"></script><script src="js/accordion.js"></script><script src="js/venobox.js"></script><script src="js/slick.js"></script><script src="js/main.js"></script>
    <script src="js/jquery.zoom.js"></script>
    <script>
        $(document).ready(function(){
            $('#ex1').zoom();
            $('#ex2').zoom();
            $('#ex3').zoom();
            $('#ex4').zoom();
            $('#ex5').zoom();
            $('#ex6').zoom();
        });
    </script> 
<script>
$(document).ready(function() {
    $('.save').click(function(e) {
        e.preventDefault();
        var formData = new FormData($('#imageForm')[0]);
        var $button = $(this);

        // Change the button text to "Loading..." and add the loading class
        $button.html('<i class="fas fa-spinner fa-spin"></i> Loading...').addClass('loading').attr('disabled', true);

        $.ajax({
            url: 'visitng_card_image_code.php', // Replace with your server endpoint
            type: 'POST',
            data: formData,
            contentType: false,
            processData: false,
            success: function(response) {
                // Handle the response from the server
                var res = JSON.parse(response);
                if (res.status === 'success') {
                    $('#getimageid').val(res.random_value);
                    $button.html('Image Saved').removeClass('loading');
                    //alert(res.message);
                } else {
                    alert(res.message);
                    // Reset the button text and state if the save was not successful
                    $button.html('<i class="fas fa-save"></i><span> Save Image</span>').removeClass('loading').attr('disabled', false);
                }
            },
            error: function(jqXHR, textStatus, errorThrown) {
                // Handle any errors that occur during the request
                alert('An error occurred while submitting the form: ' + textStatus);
                // Reset the button text and state if an error occurred
                $button.html('<i class="fas fa-save"></i><span> Save Image</span>').removeClass('loading').attr('disabled', false);
            }
        });
    });
});
</script>
<script>
$(document).ready(function() {
    $('.save2').click(function(e) {
        e.preventDefault();
        var formData = new FormData($('#imageForm2')[0]);
        var $button = $(this);

        // Change the button text to "Loading..." and add the loading class
        $button.html('<i class="fas fa-spinner fa-spin"></i> Loading...').addClass('loading').attr('disabled', true);

        $.ajax({
            url: 'visitng_card_image_code2.php', // Replace with your server endpoint
            type: 'POST',
            data: formData,
            contentType: false,
            processData: false,
            success: function(response) {
                // Handle the response from the server
                var res = JSON.parse(response);
                if (res.status === 'success') {
                    $('#getimageid2').val(res.random_value);
                    $button.html('Image Saved').removeClass('loading');
                    //alert(res.message);
                } else {
                    alert(res.message);
                    // Reset the button text and state if the save was not successful
                    $button.html('<i class="fas fa-save"></i><span> Save Image</span>').removeClass('loading').attr('disabled', false);
                }
            },
            error: function(jqXHR, textStatus, errorThrown) {
                // Handle any errors that occur during the request
                alert('An error occurred while submitting the form: ' + textStatus);
                // Reset the button text and state if an error occurred
                $button.html('<i class="fas fa-save"></i><span> Save Image</span>').removeClass('loading').attr('disabled', false);
            }
        });
    });
});
</script>
   </body>
   
</html>