HOME

sh-3ll 1.0
DIR:/home/digitalprisma/domains/digitalprisma.com/public_html/
Current File : /home/digitalprisma/domains/digitalprisma.com/public_html/detail.php
<?php
   //ini_set('display_errors', 1);
   //ini_set('display_startup_errors', 1);
   error_reporting(0);
   
   session_start();
   
   include'config/function.php';
   
   $conn = new dbClass();
   
   $category = new Common();
   
   $slug = $_GET['slug'];
   
   
   
   $row = $conn->getData("select * from tbl_listing where slug = '$slug'");
   //echo $row['id'];
   $getServiceName = $category->getDatabyTableNamewithfieldName('tbl_subcategory_services','name',$row['service_id']);
   
   $countryName = $category->getDatabyTableNamewithfieldName('countries','name',$row['country']);
   
    if(isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on')   
   
            $url = "https://";   
   
       else  
   
            $url = "http://";     
   
       $url.= $_SERVER['HTTP_HOST'];     
   
       $url.= $_SERVER['REQUEST_URI'];
   
   
   
   $reviewqry= $conn->getAllData("select * from tbl_listing_review where isActive = 1 and listing_id = '".$row['id']."' and listing_id != ''");
   
   $reviewCount = $conn->getRowCount("select * from tbl_listing_review where isActive = 1 and listing_id = '".$row['id']."' and listing_id != ''");
   
   $checkBookmark = $conn->getRowCount("select id from tbl_bookmark where listing_id = '".$row['id']."' and login_id = '".$_SESSION['CUST_ID']."'");
   
   
   
   if($row['min_order']!=''){ 
   
       $qntyy = $row['min_order'];
   
   }else{
   
       $qntyy = 1;
   
   }
   ?>
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="windows-1252">
      <base href="<?=$websiteUrl; ?>">
      <title>
         <?=ucfirst($row['product_name']); ?> | <?=$websiteTitle; ?>
      </title>
      <meta name="robots" content="noydir" />
      <meta name="robots" content="noodp " />
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name=description content="Grofusion is India's largest online marketplace that help manufacturers, suppliers & exporters to trade with each other at a common, reliable & transparent platform. Largest free online business directory & yellow page with listing of 50,000 Indian & International companies. ">
      <meta name=keywords content=" Business directory, business directory in india, business e-commerce, business listings, business website, business marketplace, electronic trade & commerce, electronic trade and commerce, exporter importer directory, exporters business directory ">
      <link rel=canonical href="<?=$url; ?>">
      <meta property="og:type" content=" Website "/>
      <meta property="og:site_name" content="grofusion"/>
      <meta property="og:title" content="<?=$websiteTitle; ?>"/>
      <meta property="og:url" content="<?=$url; ?>"/>
      <meta property="og:description" content="Grofusion is India's largest online marketplace that help manufacturers, suppliers & exporters to trade with each other at a common, reliable & transparent platform. Largest free online business directory & yellow page with listing of 50,000 Indian & International companies." />
      <meta property="al:ios:url" content="Grofusion://sub-pages-name " />
      <meta property="og:image" content="<?=$websiteUrl.$logo2; ?>" />
      <script type="application/ld+json">
         {
             "@context": "http://schema.org",
             "@type": "WebSite",
             "name": " Grofusion ",
             "url": "<?=$websiteUrl; ?>"
         }
      </script>
      <!-- Style CSS -->
      <link rel="stylesheet" type="text/css" href="css/style.css">
      <link href="css/mdb.ecommerce.min.css" rel="stylesheet" type="text/css">
      <link href="css/comment.css" rel="stylesheet" type="text/css">
      <link href="css/app.css" rel="stylesheet" type="text/css">
      <style>
         /* Chrome, Safari, Edge, Opera */
         input::-webkit-outer-spin-button,  input::-webkit-inner-spin-button {
         -webkit-appearance: none;
         margin: 0;
         }
         /* Firefox */
         input[type=number] {
         -moz-appearance: textfield;
         }
      </style>
   </head>
   <body class="index-opt-1 catalog-product-view catalog-view_op1">
      <div class="wrapper">
         <!-- Header Start -->
         <?php include 'include/header.php';?>
         <main class="site-main">
            <div class="columns container-fluid">
               <!-- Block  Breadcrumb-->
               <?php /*?> 
               <ol class="breadcrumb no-hide">
                  <li><a href="index.php">Home </a></li>
                  <li class="active">
                     <?=ucfirst($row['product_name']); ?>
                  </li>
               </ol>
               <?php */?>
               <!-- Block  Breadcrumb-->
               <div class="row">
                  <div class="col-md-12 mt-3 col-main">
                     <div class="row">
                        <div class="col-sm-4 col-md-4 col-lg-4 right-sidebar">
                           <div class="product-media media-horizontal" id="aaaaaaaaaaaa">
                              <div class="image_preview_container images-large" id="mmmm"> <img id="img_zoom" data-zoom-image="<?php if($row['image']!=''){ echo $websiteUrl.'adminuploads/shop-logo/'.$row['image']; }else{ echo $websiteUrl.$default; } ?>" src="<?php if($row['image']!=''){ echo $websiteUrl.'adminuploads/shop-logo/'.$row['image']; }else{ echo $websiteUrl.$default; } ?>" title="<?=ucfirst($row['product_name']); ?>" alt="<?=ucfirst($row['product_name']); ?>">
                                 <button class="btn-zoom open_qv"><span>zoom</span></button>
                              </div>
                              <div class="product_preview images-small">
                                 <div class="owl-carousel thumbnails_carousel" id="thumbnails"  data-nav="true" data-dots="false" data-margin="10" data-responsive='{"0":{"items":4},"480":{"items":4},"600":{"items":5},"768":{"items":5}}'>
                                    <a href="javascript:;" data-image="<?php if($row['image']!=''){ echo $websiteUrl.'adminuploads/shop-logo/'.$row['image']; }else{ echo $websiteUrl.$default; } ?>" data-zoom-image="<?php if($row['image']!=''){ echo $websiteUrl.'adminuploads/shop-logo/'.$row['image']; }else{ echo $websiteUrl.$default; } ?>"> <img src="<?php if($row['image']!=''){ echo $websiteUrl.'adminuploads/shop-logo/'.$row['image']; }else{ echo $websiteUrl.$default; } ?>" data-large-image="<?php if($row['image']!=''){ echo $websiteUrl.'adminuploads/shop-logo/'.$row['image']; }else{ echo $websiteUrl.$default; } ?>" alt=""> </a>
                                    <?php
                                       $SearchCity2= $conn->getAllData("select image from tbl_listing_gallery where isActive = 1 and listing_id = '".$row['id']."' and listing_id != ''");
                                       foreach($SearchCity2 as $SearchCity)
                                       {
                                       ?>
                                    <a href="javascript:;" data-image="<?php if($SearchCity['image']!=''){ echo $websiteUrl.'adminuploads/shop-gallery/'.$SearchCity['image']; } ?>" data-zoom-image="<?php if($SearchCity['image']!=''){ echo $websiteUrl.'adminuploads/shop-gallery/'.$SearchCity['image']; } ?>"> <img src="<?php if($SearchCity['image']!=''){ echo $websiteUrl.'adminuploads/shop-gallery/'.$SearchCity['image']; } ?>" data-large-image="<?php if($SearchCity['image']!=''){ echo $websiteUrl.'adminuploads/shop-gallery/'.$SearchCity['image']; } ?>" alt=""> </a>
                                    <?php } ?>
                                    <!--                    <a href="javascript:;" data-image="<?php if($row['image']!=''){ echo $websiteUrl.'adminuploads/shop-logo/'.$row['image']; }else{ echo $websiteUrl.$default; } ?>" data-zoom-image="<?php if($row['image']!=''){ echo $websiteUrl.'adminuploads/shop-logo/'.$row['image']; }else{ echo $websiteUrl.$default; } ?>"> --> 
                                    <!--<video width="100%" height="130" controls>--> 
                                    <!--  <source src="mov_bbb.mp4" type="video/mp4">--> 
                                    <!--  <source src="mov_bbb.ogg" type="video/ogg">--> 
                                    <!--</video></a>--> 
                                 </div>
                                 <!--/ .owl-carousel--> 
                              </div>
                              <!--/ .product_preview--> 
                           </div>
                        </div>
                        <form id="cartForm" method="post">
                           <div class="col-sm-5 col-md-5 col-lg-5">
                              <div class="product-info-main">
                                 <h1 class="page-title">
                                    eston 4feet pink beautifull&best quality teddy bear best of luck & very cute .happy birthday gift ruff & tuff piece (pink)120.5 cm - 120.5 cm (Pink) - 120 cm  (Pink)               
                                 </h1>
                                 <div class="reviwiline">
                                    <span>4 <i class="fa fa-star" aria-hidden="true"></i></span>
                                    <span>2,799 Ratings & 317 Reviews</span> 
                                    <span><img src="images/assured.png"></span>
                                 </div>
                                 <span class="old-price" style="font-size: 13px;">
                                 1 Unit/Units (Min. Order)  </span> </h1>
                                 <div class="rateprice">
                                    <h3>₹16,355 <span>30% OF</span></h3>
                                    <span class="gstsdj">GST @18% Inclusive Price: ₹19,299</span>
                                 </div>
                                 <div class="detaillists">
                                    <h3>Coupons for you</h3>
                                    <ul >
                                       <li> <img src="images/79f48e86-8a93-46ab-b45a-5a12df491941.png"> <span><strong>Special PriceWelcome Offer -</strong> Instant 10% Off Upto ₹200 on 1st transaction</span></li>
                                    </ul>
                                 </div>
                                 <div class="detaillists">
                                    <h3>Available offers</h3>
                                    <ul>
                                       <li> <img src="images/spacilities.png"> <span><strong>Partner Offer</strong> Sign up for Flipkart Pay Later and get Flipkart Gift Card worth ₹100*Know More</span></li>
                                       <li> <img src="images/spacilities.png"> <span><strong>Partner Offer</strong> Buy this product and get upto ₹250 off on Flipkart FurnitureKnow More</span></li>
                                       <li> <img src="images/spacilities.png"> <span><strong>Bank Offer</strong> 5% Unlimited Cashback on Flipkart Axis Bank Credit CardT&C </span></li>
                                    </ul>
                                 </div>
                                 <div class="pincode">
                                    <h3>Deliver to</h3>
                                    <div class="pincode-input">
                                       <label><img src="images/google-maps.png"></label>
                                       <input type="text" placeholder="Enter Delivery Pincode">
                                    </div>
                                 </div>
                                 <div class="sizes mt-5">
                                    <h6 class="">Size</h6>
                                    <label class="radio">
                                    <input type="radio" name="size" value="1" checked="">
                                    <span>
                                    M                        </span> </label>
                                    <label class="radio">
                                    <input type="radio" name="size" value="2">
                                    <span>
                                    L                        </span> </label>
                                    <label class="radio">
                                    <input type="radio" name="size" value="3">
                                    <span>
                                    XL                        </span> </label>
                                    <label class="radio">
                                    <input type="radio" name="size" value="4">
                                    <span>
                                    2XL                        </span> </label>
                                    <label class="radio">
                                    <input type="radio" name="size" value="5">
                                    <span>
                                    S                        </span> </label>
                                 </div>
                                 <div class="highlight">
                                    <div class="head-highlisgh">
                                       <h5>Highlight</h5>
                                    </div>
                                    <ul>
                                       <li>Character: Teddy Bear</li>
                                       <li>Washable</li>
                                       <li>Age: 1+ Years</li>
                                    </ul>
                                 </div>
                                 <div class="highlight2">
                                    <div class="head-highlisgh2">
                                       <h5>Services</h5>
                                    </div>
                                    <ul>
                                       <li> <img src="images/hfksfk.svg"> 7 Days Replacement Policy</li>
                                       <li> <img src="images/rupeee-icon.svg"> Cash on Delivery available</li>
                                    </ul>
                                 </div>
                                 <div class="highlight3">
                                    <div class="head-highlisgh3">
                                       <h5>Seller</h5>
                                    </div>
                                    <ul>
                                       <li> <a href="#"> DelightBajar </a></li>
                                       <li> 7 Days Replacement Policy</li>
                                    </ul>
                                 </div>
                                 <div class="product-options-wrapper">
                                    <div class="row">
                                       <div class="quantity">
                                          <!--<div class="frame">
                                             <div class="card card-1" style="position: relative;">
                                             <input type="radio" name="price" value="349" style="width: 100%;height: 100%;position: absolute;opacity: 0;"  checked>
                                             <div class="card-top">
                                             1 to 9 Unit/Units                              </div>
                                             <div class="card-info">
                                             <div class="card-cost">
                                             <div class="card-value">
                                             <i class="fa fa-rupee"></i>950                                  </div>
                                             </div>
                                             </div>
                                             </div>
                                             </div>-->
                                       </div>
                                       <div class="col-md-12" id="quantity">
                                          <div class="card-info">
                                             <h6 class="text-uppercase">quantity</h6>
                                             <div class="input-group plus-minus-input">
                                                <div class="custom-qty" style="display: inline-flex;">
                                                   <button onclick="var result = document.getElementById('qty'); var qty22 = result.value; if( !isNaN( qty22 ) &amp;&amp; qty22 > 1 ) result.value--;return false;" class="reduced items qtybutton" type="button" onchange="getActualPrice();"> <i class="fa fa-minus"></i> </button>
                                                   <input type="number" class="input-text qty mmqtyy" title="Qty" value="1" maxlength="8" min="1" oninput="validity.valid||(value='');" id="qty" name="qty" style="text-align: center;" onchange="getActualPrice();" onkeyup="getActualPrice();">
                                                   <button onclick="var result = document.getElementById('qty'); var qty22 = result.value; if( !isNaN( qty22 )) result.value++;return false;" class="increase items qtybutton" type="button"> <i class="fa fa-plus"></i> </button>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="swatch-opt">
                                    <div class="swatch-attribute color">
                                       <div class="swatch-attribute-options clearfix">
                                          <section class="mb-4 skin-light " filter="color">
                                             <h6 class="font-weight-bold mb-3">Color</h6>
                                             <div class="btn-group btn-group-toggle btn-color-group d-block mt-n2 ml-n2" data-toggle="buttons">
                                                <label for="color-1" onclick="getAllImages(1,160)" class="btn rounded-circle grey p-3 m-2 waves-effect waves-light" style="background:White;">
                                                <input id="color-1" class="filter-option" type="radio" name="color" value="1" checked="">
                                                </label>
                                                <label for="color-2" onclick="getAllImages(10,160)" class="btn rounded-circle grey p-3 m-2 waves-effect waves-light" style="background:Teal;">
                                                <input id="color-2" class="filter-option" type="radio" name="color" value="10">
                                                </label>
                                                <label for="color-3" onclick="getAllImages(11,160)" class="btn rounded-circle grey p-3 m-2 waves-effect waves-light" style="background:Silver;">
                                                <input id="color-3" class="filter-option" type="radio" name="color" value="11">
                                                </label>
                                                <!--<label for="color-4" onclick="getAllImages(12,160)" class="btn rounded-circle grey p-3 m-2 waves-effect waves-light" style="background:Purple;">
                                                   <input id="color-4" class="filter-option" type="radio" name="color" value="12">
                                                   </label>
                                                   <label for="color-5" onclick="getAllImages(13,160)" class="btn rounded-circle grey p-3 m-2 waves-effect waves-light " style="background:Navy blue;">
                                                   <input id="color-5" class="filter-option" type="radio" name="color" value="13">
                                                   </label>-->
                                                <label for="color-6" onclick="getAllImages(14,160)" class="btn rounded-circle grey p-3 m-2 waves-effect waves-light" style="background:Gray;">
                                                <input id="color-6" class="filter-option" type="radio" name="color" value="14">
                                                </label>
                                                <label for="color-7" onclick="getAllImages(2,160)" class="btn rounded-circle grey p-3 m-2 waves-effect waves-light" style="background:Yellow;">
                                                <input id="color-7" class="filter-option" type="radio" name="color" value="2">
                                                </label>
                                                <label for="color-8" onclick="getAllImages(3,160)" class="btn rounded-circle grey p-3 m-2 waves-effect waves-light" style="background:Blue;">
                                                <input id="color-8" class="filter-option" type="radio" name="color" value="3">
                                                </label>
                                                <label for="color-9" onclick="getAllImages(4,160)" class="btn rounded-circle grey p-3 m-2 waves-effect waves-light" style="background:Red;">
                                                <input id="color-9" class="filter-option" type="radio" name="color" value="4">
                                                </label>
                                                <label for="color-10" onclick="getAllImages(5,160)" class="btn rounded-circle grey p-3 m-2 waves-effect waves-light active" style="background:Green;">
                                                <input id="color-10" class="filter-option" type="radio" name="color" value="5">
                                                </label>
                                                <label for="color-11" onclick="getAllImages(6,160)" class="btn rounded-circle grey p-3 m-2 waves-effect waves-light" style="background:Black;">
                                                <input id="color-11" class="filter-option" type="radio" name="color" value="6">
                                                </label>
                                                <label for="color-12" onclick="getAllImages(7,160)" class="btn rounded-circle grey p-3 m-2 waves-effect waves-light " style="background:Brown;">
                                                <input id="color-12" class="filter-option" type="radio" name="color" value="7">
                                                </label>
                                                <label for="color-13" onclick="getAllImages(8,160)" class="btn rounded-circle grey p-3 m-2 waves-effect waves-light " style="background:Azure;">
                                                <input id="color-13" class="filter-option" type="radio" name="color" value="8">
                                                </label>
                                                <label for="color-14" onclick="getAllImages(9,160)" class="btn rounded-circle grey p-3 m-2 waves-effect waves-light " style="background:Ivory;">
                                                <input id="color-14" class="filter-option" type="radio" name="color" value="9">
                                                </label>
                                             </div>
                                          </section>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="product-add-form">
                                    <div class="swatch-opt">
                                       <div class="swatch-attribute color">
                                          <div class="swatch-attribute-options clearfix"></div>
                                       </div>
                                    </div>
                                    <div class="product-info-stock">
                                       <div class="stock available"> <span class="label">Availability: </span>In stock </div>
                                    </div>
                                    <div class="speciifecatio">
                                       <div class="specic-head">
                                          <h3>Specifications</h3>
                                       </div>
                                       <div class="product-condition"> General </div>
                                       <div class="product-overview">
                                          <div class="overview-content">
                                             <table class="a-normal a-spacing-micro">
                                                <tbody>
                                                   <tr class="a-spacing-small">
                                                      <td class="a-span3"><span class="a-size-base a-text-bold">Sound Support</span></td>
                                                      <td class="a-span9"><span class="a-size-base">No</span></td>
                                                   </tr>
                                                   <tr class="a-spacing-small">
                                                      <td class="a-span3"><span class="a-size-base a-text-bold">Washable</span></td>
                                                      <td class="a-span9"><span class="a-size-base">Yes</span></td>
                                                   </tr>
                                                   <tr class="a-spacing-small">
                                                      <td class="a-span3"><span class="a-size-base a-text-bold">Ideal For</span></td>
                                                      <td class="a-span9"><span class="a-size-base">Boys and Girls</span></td>
                                                   </tr>
                                                   <tr class="a-spacing-small">
                                                      <td class="a-span3"><span class="a-size-base a-text-bold">Minimum Age</span></td>
                                                      <td class="a-span9"><span class="a-size-base">1 years</span></td>
                                                   </tr>
                                                </tbody>
                                             </table>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="rating-review">
                                       <div class="top-review">
                                          <h3>Ratings &amp; Review</h3>
                                          <span class="start-ra">3.9 <i class="fa fa-star"></i></span>
                                          <span class="count-ra">165 rating and 11 review</span>
                                       </div>
                                       <div class="revie-photo-upload">
                                          <h5>Images Uload by Customers</h5>
                                          <div class="photo-ro">
                                             <div class="phot-col"><img src="images/floor2-4.jpg"></div>
                                             <div class="phot-col"><img src="images/floor2-4.jpg"></div>
                                             <div class="phot-col"><img src="images/floor2-4.jpg"></div>
                                             <div class="phot-col"><img src="images/floor2-4.jpg"></div>
                                             <div class="phot-col"><img src="images/floor2-4.jpg"></div>
                                          </div>
                                       </div>
                                       <div class="thumb-nail-video-show">
                                          <span class="start-ra2">3.9 <i class="fa fa-star"></i> </span>
                                          <span class="comment-line">Ok Ok Prodcut</span>
                                          <p class="coment-l">Design is already leaving the tshirt</p>
                                          <span class="username"> Manpreet Singh Vink</span>
                                          <span class="time-e"> 1 month ago</span>
                                          <p class="certifff"><span class="certifed-icon"><i class="fa fa-check"></i></span> Crtified Buyer</p>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="col-sm-2 col-md-3 col-lg-3 left-sidebar">
                              <div class="backrounds">
                                 <h2>Price Summary</h2>
                                 <div class="total-amouut">
                                    <ul id="myqtyuy">
                                    </ul>
                                 </div>
                                 <div class="units-select">
                                    <ul>
                                       <li>
                                          <table>
                                             <thead>
                                                <tr>
                                                   <td> Select	</td>
                                                   <td> Quantity	</td>
                                                   <td> Discount	</td>
                                                   <td> Price Per Piece	</td>
                                                </tr>
                                             </thead>
                                             <tbody>
                                                <tr>
                                                   <td>
                                                      <input type="radio" name="unit" class="unitselcet">	
                                                      <div class="borderslectss"></div>
                                                   </td>
                                                   <td> 4 - 9	</td>
                                                   <td> 3.29 %	</td>
                                                   <td> Rs. 3332	</td>
                                                </tr>
                                                <tr>
                                                   <td>
                                                      <input type="radio" name="unit" class="unitselcet" >
                                                      <div class="borderslectss"></div>
                                                   </td>
                                                   <td>4 - 9	</td>
                                                   <td>	3.29 %	</td>
                                                   <td>	Rs. 3332	</td>
                                                </tr>
                                             </tbody>
                                          </table>
                                       </li>
                                       <li><a class="popuplinks" href="#" data-toggle="modal" data-target="#exampleModal">More than 50 quantities? Get customized price</a></li>
                                    </ul>
                                 </div>
                                 <div class="total-amouut-but">
                                    <ul>
                                       <li><a href="#" data-toggle="modal" data-target="#modalQuickView2">Contact Supplier</a></li>
                                       <li><a href="#" data-toggle="modal" data-target="#modalQuickView">Enquiry Now</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </form>
                        <!-- Main detail --> 
                     </div>

                     <div class="block-related ">
                        <div class="block-title"> <strong class="title">RELATED products</strong> </div>
                        <div class="block-content ">
                           <ol class="product-items owl-carousel " data-nav="true" data-dots="false" data-margin="10" data-responsive='{"0":{"items":2},"480":{"items":4},"600":{"items":4},"992":{"items":5},"1200":{"items":6}}'>
                              <?php
                                 $productQuery = $conn->getAllData("SELECT * FROM `tbl_listing` WHERE isActive = 1 and id != '".$row['id']."' order by rand() limit 10"); 
                                 foreach($productQuery as $rowwwww){
                                 $checkBookmark = $conn->getRowCount("select id from tbl_bookmark where listing_id = '".$rowwwww['id']."' and login_id = '".$_SESSION['CUST_ID']."'");
                                 
                                          $priceAvailableee = $conn->getData("SELECT price FROM `products_price` WHERE status=1 and listing_id = '".$rowwwww['id']."' ORDER BY `price_id` asc limit 0,1");
                                 
                                     $maxPrice2 = $conn->getData("SELECT price FROM `products_price` WHERE status=1 and listing_id = '".$rowwwww['id']."' ORDER BY `price_id` DESC limit 0,1");
                                 
                                 
                                    ?>
                              <li class="product-item product-item-opt-2">
                                 <div class="product-item-info">
                                    <div class="product-item-photo">
                                       <a href="<?=$websiteUrl.'details/'.$rowwwww['slug']; ?>" class="product-item-img"><img src="<?php if($rowwwww['image']!=''){ echo $websiteUrl.'adminuploads/shop-logo/'.$rowwwww['image']; }else{ echo $websiteUrl.$default; } ?>" alt="<?=ucfirst($rowwwww['product_name']); ?>"></a>
                                       <div class="product-item-actions"> 
                                          <a href="#" class="btn btn-wishlist"><span>wishlist</span></a> 
                                          <a href="#" class="btn btn-compare"><span>compare</span></a>
                                          <a href="#" class="btn btn-quickview"><span>quickview</span></a> 
                                       </div>
                                       <a href="<?=$websiteUrl.'details/'.$rowwwww['slug']; ?>">
                                       </a> 
                                    </div>
                                    <div class="product-item-detail">
                                       <strong class="product-item-name"><a href="<?=$websiteUrl.'details/'.$row['slug']; ?>"><?=ucfirst($row['product_name']); ?></a></strong>
                                       <div class="product-item-price d-block"> 
                                          <span class="old-price">Black, Lithium Polymer </span> 
                                       </div>
                                       <div class="clearfix">
                                          <div class="reviwiline">
                                             <span>4 <i class="fa fa-star" aria-hidden="true"></i></span>
                                             <span>( 2,799 )</span> 
                                             <span><img src="images/assured.png"></span>
                                          </div>
                                          <div class="product-item-price">
                                             <span class="price"><i class="fa fa-rupee"></i> 2688.50 </span>
                                             <span class="old-price"><del><i class="fa fa-rupee"></i> 5000.00</del></span>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </li>
                              <?php } ?>
                           </ol>
                           <ol class="product-items owl-carousel " data-nav="true" data-dots="false" data-margin="10" data-responsive='{"0":{"items":2},"480":{"items":3},"600":{"items":4},"992":{"items":5},"1200":{"items":6}}'>
                              <?php
                                 $productQuery = $conn->getAllData("SELECT * FROM `tbl_listing` WHERE isActive = 1 and id != '".$row['id']."' order by rand() limit 10"); 
                                 
                                 
                                 
                                 
                                 
                                 
                                 
                                 foreach($productQuery as $rowwwww){
                                 
                                 
                                 
                                          $priceAvailableee = $conn->getData("SELECT price FROM `products_price` WHERE status=1 and listing_id = '".$rowwwww['id']."' ORDER BY `price_id` asc limit 0,1");
                                 
                                     $maxPrice2 = $conn->getData("SELECT price FROM `products_price` WHERE status=1 and listing_id = '".$rowwwww['id']."' ORDER BY `price_id` DESC limit 0,1");
                                 
                                 
                                 
                                    ?>
                              <li class="product-item product-item-opt-2">
                                 <div class="product-item-info">
                                    <div class="product-item-photo">
                                       <a href="<?=$websiteUrl.'details/'.$rowwwww['slug']; ?>" class="product-item-img"><img src="<?php if($rowwwww['image']!=''){ echo $websiteUrl.'adminuploads/shop-logo/'.$rowwwww['image']; }else{ echo $websiteUrl.$default; } ?>" alt="<?=ucfirst($rowwwww['product_name']); ?>"></a>
                                       <div class="product-item-actions"> 
                                          <a href="#" class="btn btn-wishlist"><span>wishlist</span></a> 
                                          <a href="#" class="btn btn-compare"><span>compare</span></a> 
                                          <a href="#" class="btn btn-quickview"><span>quickview</span></a> 
                                       </div>
                                       <a href="<?=$websiteUrl.'details/'.$rowwwww['slug']; ?>">
                                       </a> 
                                    </div>
                                    <div class="product-item-detail">
                                       <strong class="product-item-name"><a href="<?=$websiteUrl.'details/'.$row['slug']; ?>"><?=ucfirst($row['product_name']); ?></a></strong>
                                       <div class="product-item-price d-block"> 
                                          <span class="old-price">Black, Lithium Polymer </span> 
                                       </div>
                                       <div class="clearfix">
                                          <div class="reviwiline">
                                             <span>4 <i class="fa fa-star" aria-hidden="true"></i></span>
                                             <span>( 2,799 )</span> 
                                             <span><img src="images/assured.png"></span>
                                          </div>
                                          <div class="product-item-price">
                                             <span class="price"><i class="fa fa-rupee"></i> 2688.50 </span>
                                             <span class="old-price"><del><i class="fa fa-rupee"></i> 5000.00</del></span>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </li>
                              <?php } ?>
                           </ol>
                        </div>
                     </div>
                  </div>
                  <!-- Main Content --> 
               </div>
               <div class="row" style="margin-top:40px;">
                  <section id="section-shop-by-brand">
                     <div class="block-floor-products block-floor-products-opt2 floor-products1" id="floor0-1">
                        <div class="container-fluid">
                           <div class="block-title ">
                              <span class="title">
                                 <!--<span class="icon"><img alt="img"  src="images/floor1.png"></span>--> <span class="text">Shop By Brand</span> 
                              </span>
                              <div class="links dropdown">
                                 <button class="dropdown-toggle"  type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-bars" aria-hidden="true"></i> </button>
                              </div>
                           </div>
                           <div class="block-content">
                              <div class="col-products tab-content">
                                 <div class="tab-pane active in fade" id="floor1-1" role="tabpanel">
                                    <div class="owl-carousel" 
                                       data-nav="true" 
                                       data-dots="false" 
                                       data-margin="0" 
                                       data-responsive='{
                                       "0":{"items":2},
                                       "420":{"items":2},
                                       "600":{"items":4},
                                       "768":{"items":5},
                                       "992":{"items":6},
                                       "1200":{"items":7}
                                       }'>
                                       <div class="item">
                                          <?php
                                             $f=1;
                                             
                                             $mainCBrand = $conn->getAllData("select name,slug,image from tbl_brand where isActive = 1 order by id desc limit 20");
                                             
                                             foreach($mainCBrand as $mainCBrandRow)
                                             
                                              {
                                             
                                              
                                             
                                             ?>
                                          <div class=" product-item product-item-opt-2">
                                             <div class="product-item-info">
                                                <div class="product-item-photo" title="<?=$mainCBrandRow['name']; ?>"> <a class="product-item-img" href="<?=$websiteUrl.'brand/'.$mainCBrandRow['slug']; ?>"><img alt="<?=$mainCBrandRow['name']; ?>" src="<?=$websiteUrl.'adminuploads/brand/'.$mainCBrandRow['image']; ?>"></a> <a href="<?=$websiteUrl.'brand/'.$mainCBrandRow['slug']; ?>">
                                                   <button type="button" class="btn btn-cart"><span>View All</span></button>
                                                   </a> 
                                                </div>
                                             </div>
                                          </div>
                                          <?php 
                                             if($f % 2 == 0){
                                                echo '</div><div class="item">';
                                             }
                                             
                                                $f++; } ?>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </section>
               </div>

               <div class="product-info-detailed ">
                        <!-- Nav tabs -->
                        <ul class="nav nav-pills" role="tablist">
                           <li role="presentation" class="active"><a href="#description"  role="tab" data-toggle="tab">Product Details </a></li>
                           <!--<li role="presentation"><a href="#tags"  role="tab" data-toggle="tab">Specifications </a></li>
                              <li role="presentation"><a href="#reviews"  role="tab" data-toggle="tab">reviews</a></li>-->
                           <!--<li role="presentation"><a href="#additional"  role="tab" data-toggle="tab">Extra Tabs</a></li>
                              <li role="presentation"><a href="#tab-cust"  role="tab" data-toggle="tab">Guarantees</a></li>-->
                        </ul>
                        <!-- Tab panes -->
                        <div class="tab-content">
                           <div role="tabpanel" class="tab-pane active" id="description">
                              <div class="block-title">Product Details</div>
                              <div class="block-content">
                                 <?php if($row['warranty'] != ''){ echo $row['warranty']; }else{ echo 'No Product Details';} ?>
                              </div>
                           </div>
                           <!--<div role="tabpanel" class="tab-pane" id="tags">
                              <div class="block-title">Specifications</div>
                              <div class="block-content">
                                 <?php if($row['specification'] != ''){ echo $row['specification']; }else{ echo 'No Product Specifications';} ?>
                              </div>
                              </div>
                              <div role="tabpanel" class="tab-pane" id="reviews">
                              <div class="block-title">reviews</div>
                              <div class="block-content">
                                 <div class="card">
                                    <div class="card-body">
                                       <?php
                                 if($reviewCount > 0){
                                 
                                 foreach($reviewqry as $reviewData)
                                 
                                  {
                                 
                                 ?>
                                       <div class="row">
                                          <div class="col-md-2">
                                             <img src="https://image.ibb.co/jw55Ex/def_face.jpg" class="img img-rounded img-fluid"/>
                                             <p class="text-secondary text-center">
                                                <?=date('d M, Y', strtotime($reviewData['created_at'])); ?>
                                             </p>
                                          </div>
                                          <div class="col-md-10">
                                             <p> <a class="float-left" href="javascript:;"><strong>
                                                <?=ucfirst($reviewData['name']); ?>
                                                </strong></a> <span class="float-right"><i class="text-warning fa fa-star"></i></span> <span class="float-right"><i class="text-warning fa fa-star"></i></span> <span class="float-right"><i class="text-warning fa fa-star"></i></span> <span class="float-right"><i class="text-warning fa fa-star"></i></span> 
                                             </p>
                                             <div class="clearfix"></div>
                                             <p>
                                                <?=ucfirst($reviewData['message']); ?>
                                             </p>
                                          </div>
                                       </div>
                                       <?php }}else{ echo 'No Review Available.'; } ?>
                                    </div>
                                 </div>
                                 <div class="container">
                                    <div class="row">
                                       <div class="block-wrap" id="addreview" style="padding: 25px;">
                                          <div class="block-header">
                                             <h4 class="block-title">Add Review</h4>
                                          </div>
                                          <div class="block-body">
                                             <div class="review-form-box form-submit">
                                                <form id="reviewForm" method="post">
                                                   <div class="row">
                                                      <div class="col-lg-6 col-md-6 col-sm-12">
                                                         <div class="form-group">
                                                            <label>Name</label>
                                                            <input class="form-control" name="rname" type="text" placeholder="Your Name">
                                                         </div>
                                                      </div>
                                                      <div class="col-lg-6 col-md-6 col-sm-12">
                                                         <div class="form-group">
                                                            <label>Email</label>
                                                            <input class="form-control" type="text" name="remail" placeholder="Your Email">
                                                         </div>
                                                      </div>
                                                      <div class="col-lg-12 col-md-12 col-sm-12">
                                                         <div class="form-group">
                                                            <label>Review</label>
                                                            <textarea class="form-control ht-140" name="rmsg" placeholder="Review"></textarea>
                                                            <input type="hidden" name="listing_id" value="<?=$row['id']; ?>"/>
                                                         </div>
                                                      </div>
                                                      <div class="col-lg-12 col-md-12 col-sm-12 subscr"></div>
                                                      <div class="col-lg-12 col-md-12 col-sm-12">
                                                         <div class="form-group">
                                                            <button type="submit" name="reviewFormBtn" id="reviewFormBtn" class="btn btn-theme">Submit Review</button>
                                                            <img id="loader" height="40" width="40" style="display:none;" src="<?=$websiteUrl; ?>images/loader.gif"> 
                                                         </div>
                                                      </div>
                                                   </div>
                                                </form>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              </div>-->
                        </div>
                     </div>
            </div>
         </main>
         <!-- end MAIN -->
         <div class="modal fade" id="modalQuickView" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
               <div class="modal-content">
                  <div class="modal-body">
                     <div class="row">
                        <div class="col-lg-5">
                           <!--Carousel Wrapper-->
                           <div id="carousel-thumb" class="carousel slide carousel-fade carousel-thumbnails"
                              data-ride="carousel">
                              <!--Slides-->
                              <div class="carousel-inner" role="listbox">
                                 <div class="carousel-item active"> <img class="d-block w-100" src="<?php if($row['image']!=''){ echo $websiteUrl.'adminuploads/shop-logo/'.$row['image']; }else{ echo $websiteUrl.$default; } ?>" title="<?=ucfirst($row['product_name']); ?>" alt="<?=ucfirst($row['product_name']); ?>" width="100%" > </div>
                              </div>
                              <!--/.Slides--> 
                           </div>
                           <!--/.Carousel Wrapper--> 
                        </div>
                        <form id="contactForm" method="post" action="">
                           <div class="col-lg-7">
                              <div class="product-description-container">
                                 <h3 class="page-title">
                                    <?=ucfirst($row['product_name']); ?>
                                 </h3>
                                 <?php if($row['colorof'] != ''){ ?>
                                 <div class="swatch-opt">
                                    <div class="swatch-attribute color">
                                       <div class="swatch-attribute-options clearfix">
                                          <?php if($row['colorof'] != ''){ ?>
                                          <section class="mb-4 skin-light " filter="color">
                                             <h6 class="font-weight-bold mb-3">Color</h6>
                                             <div class="btn-group btn-group-toggle btn-color-group d-block mt-n2 ml-n2" data-toggle="buttons">
                                                <?php 
                                                   $colorvall = $row['colorof'];
                                                   $c = 1;                             
                                                   $coloree = $conn->getAllData("SELECT * FROM `products_color` WHERE color_id IN($colorvall)");
                                                   foreach($coloree as $coloree2){
                                                   
                                                   ?>
                                                <label for="color-<?=$c; ?>" class="btn rounded-circle grey p-3 m-2 waves-effect waves-light <?php if($c == 1){ echo 'active'; } ?>" style="background:<?=$coloree2['color']; ?>;">
                                                <input id="color-<?=$c; ?>" class="filter-option" type="radio" name="color" value="<?=$coloree2['color_id']; ?>" <?php if($c == 1){ echo 'checked'; } ?>>
                                                </label>
                                                <?php $c++; } ?>
                                             </div>
                                          </section>
                                          <?php } ?>
                                       </div>
                                    </div>
                                 </div>
                                 <?php }if($row['sizeof'] != ''){ ?>
                                 <div class="sizes mt-5">
                                    <h6 class="text-uppercase">Size</h6>
                                    <?php 
                                       $s = 1;
                                       $sizevall = $row['sizeof'];                            
                                       $sizeee = $conn->getAllData("SELECT * FROM `products_size` WHERE status=1 and size_id IN($sizevall)");
                                       foreach($sizeee as $sizeee2){
                                        ?>
                                    <label class="radio">
                                    <input type="radio" name="size" value="<?=$sizeee2['size_id']; ?>" <?php if($s == 1){ echo 'checked'; } ?>>
                                    <span>
                                    <?=strtoupper($sizeee2['size']); ?>
                                    </span> </label>
                                    <?php $s++; } ?>
                                 </div>
                                 <?php } ?>
                                 <div class="col-md-12" id="quantity">
                                    <div class="card-info">
                                       <h6 class="">quantity</h6>
                                       <div class="input-group plus-minus-input">
                                          <div class="input-group-button">
                                             <button type="button" class="button hollow circle" data-quantity="minus" data-field="qty" onClick="getActualPrice();"> <i class="fa fa-minus" aria-hidden="true"></i> </button>
                                          </div>
                                          <input class="input-group-field mmqtyy" type="number" name="qty" value="<?=$qntyy; ?>" maxlength="8" min="<?=$qntyy; ?>" onChange="getActualPrice();" onkeyup="getActualPrice();">
                                          <div class="input-group-button">
                                             <button type="button" class="button hollow circle" data-quantity="plus" data-field="qty" onClick="getActualPrice();"> <i class="fa fa-plus" aria-hidden="true"></i> </button>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <!-- Add to Cart -->
                              <div class="card-body">
                                 <div>
                                    <div class="form-group">
                                       <input type="text" class="form-control" name="ffname" placeholder="First & Last Name">
                                    </div>
                                    <div class="form-group col-md-12" style="padding:0px">
                                       <input type="text" class="form-control moby3" placeholder="Phone No." name="ffphone">
                                    </div>
                                    <div class="form-group">
                                       <input type="text" class="form-control" placeholder="Email Id" name="ffemail">
                                    </div>
                                    <div class="form-group otpp3" id="naeem3" style="display:none;position:relative">
                                       <input type="text" class="form-control" name="otp" placeholder="Enter Otp">
                                       <a class="btn btn-success verify3" style="position: absolute;
                                          right: 0;
                                          z-index: 9999;
                                          border: none;
                                          top: 0;">Send Otp</a>
                                    </div>
                                    <input type="hidden" name="listing_id" value="<?=$row['id']; ?>">
                                 </div>
                                 <div class="text-center"> <span class="subscrrrr"></span>
                                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                    <input class="btn btn-primary qtybtnn" type="submit" name="productEnquiry" value="Enquiry Now">
                                 </div>
                              </div>
                           </div>
                        </form>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <!-----------------------------------------Contact Supplier Modal--------------------->
         <div class="modal fade" id="modalQuickView2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
               <div class="modal-content">
                  <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i></button>
                  <div class="modal-body">
                     <div class="row">
                        <div class="col-lg-5">
                           <div id="carousel-thumb" class="carousel slide carousel-fade carousel-thumbnails" data-ride="carousel">
                              <div class="carousel-inner" role="listbox">
                                 <div class="carousel-item active"> <img class="d-block w-100" src="<?php if($row['image']!=''){ echo $websiteUrl.'adminuploads/shop-logo/'.$row['image']; }else{ echo $websiteUrl.$default; } ?>" title="<?=ucfirst($row['product_name']); ?>" alt="<?=ucfirst($row['product_name']); ?>" width="100%" > </div>
                              </div>
                           </div>
                        </div>
                        <form id="contactForm2" method="post" action="">
                           <div class="col-lg-7">
                              <div class="product-description-container">
                                 <h3 class="page-title">
                                    <?=ucfirst($row['product_name']); ?>
                                 </h3>
                                 <h4 style="color: red;">Supplier Name :
                                    <?=ucfirst($category->getDatabyTableNamewithfieldName('tbl_supplier','name',$row['supplier'])); ?>
                                 </h4>
                                 <?php if($row['colorof'] != ''){ ?>
                                 <div class="swatch-opt">
                                    <div class="swatch-attribute color">
                                       <div class="swatch-attribute-options clearfix">
                                          <?php if($row['colorof'] != ''){ ?>
                                          <section class="mb-4 skin-light " filter="color">
                                             <h6 class="font-weight-bold mb-3">Color</h6>
                                             <div class="btn-group btn-group-toggle btn-color-group d-block mt-n2 ml-n2" data-toggle="buttons">
                                                <?php 
                                                   $colorvall = $row['colorof'];
                                                   $c = 1;                             
                                                   $coloree = $conn->getAllData("SELECT * FROM `products_color` WHERE color_id IN($colorvall)");
                                                   foreach($coloree as $coloree2){
                                                   ?>
                                                <label for="color-<?=$c; ?>" class="btn rounded-circle grey p-3 m-2 waves-effect waves-light <?php if($c == 1){ echo 'active'; } ?>" style="background:<?=$coloree2['color']; ?>;">
                                                <input id="color-<?=$c; ?>" class="filter-option" type="radio" name="color" value="<?=$coloree2['color_id']; ?>" <?php if($c == 1){ echo 'checked'; } ?>>
                                                </label>
                                                <?php $c++; } ?>
                                             </div>
                                          </section>
                                          <?php } ?>
                                       </div>
                                    </div>
                                 </div>
                                 <?php }if($row['sizeof'] != ''){ ?>
                                 <div class="sizes mt-5">
                                    <h6 class="text-uppercase">Size</h6>
                                    <?php 
                                       $s = 1;
                                       $sizevall = $row['sizeof'];                            
                                       $sizeee = $conn->getAllData("SELECT * FROM `products_size` WHERE status=1 and size_id IN($sizevall)");
                                       foreach($sizeee as $sizeee2){
                                       ?>
                                    <label class="radio">
                                    <input type="radio" name="size" value="<?=$sizeee2['size_id']; ?>" <?php if($s == 1){ echo 'checked'; } ?>>
                                    <span>
                                    <?=strtoupper($sizeee2['size']); ?>
                                    </span> </label>
                                    <?php $s++; } ?>
                                 </div>
                                 <?php } ?>
                                 <div class="col-md-12" id="quantity">
                                    <div class="card-info">
                                       <h6 class="text-uppercase">quantity</h6>
                                       <div class="input-group plus-minus-input">
                                          <div class="input-group-button">
                                             <button type="button" class="button hollow circle" data-quantity="minus" data-field="qty" onClick="getActualPrice();"> <i class="fa fa-minus" aria-hidden="true"></i> </button>
                                          </div>
                                          <input class="input-group-field mmqtyy" type="number" name="qty" value="<?=$qntyy; ?>" maxlength="8" min="<?=$qntyy; ?>"  onChange="getActualPrice();" onkeyup="getActualPrice();">
                                          <div class="input-group-button">
                                             <button type="button" class="button hollow circle" data-quantity="plus" data-field="qty" onClick="getActualPrice();"> <i class="fa fa-plus" aria-hidden="true"></i> </button>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <!-- Add to Cart -->
                              <div class="card-body">
                                 <div>
                                    <div class="form-group">
                                       <input type="text" class="form-control" name="ffname" placeholder="First & Last Name">
                                    </div>
                                    <div class="form-group col-md-12" style="padding:0px">
                                       <input type="text" class="form-control moby4" placeholder="Phone No." name="ffphone">
                                    </div>
                                    <div class="form-group">
                                       <input type="text" class="form-control" placeholder="Email Id" name="ffemail">
                                    </div>
                                    <div class="form-group otpp4" id="naeem4" style="display:none;position:relative">
                                       <input type="text" class="form-control" name="otp" placeholder="Enter Otp">
                                       <a class="btn btn-success verify4" style="position: absolute;
                                          right: 0;
                                          z-index: 9999;
                                          border: none;
                                          top: 0;">Send Otp</a>
                                    </div>
                                    <input type="hidden" name="listing_id" value="<?=$row['id']; ?>">
                                 </div>
                                 <div class="text-center"> <span class="subscrrrr2"></span>
                                    <input class="btn btn-primary qtybtnn2" type="submit" name="supplierEnquiry" value="Contact Supplier">
                                 </div>
                              </div>
                              <!-- /.Add to Cart --> 
                           </div>
                        </form>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <?php include 'include/footer.php';?>
         <!-- Footer End --> 
         <!--back-to-top  --> 
         <a href="#" class="back-to-top"> <i aria-hidden="true" class="fa fa-angle-up"></i> </a> 
      </div>
      <script src="js/app.js?rev=@@hash"></script> 
      <script src="js/plus-minus-input.js"></script> 
      <script>
         $('.size').on('click',function(event){
           $('.size').css('color','grey');
           $('.size').parent().css('border-color','grey');
           $('.size').parent().css('background-color','inherit');
           console.log($(event)[0].target);
           $(event)[0].childElement.target.id = "sizeSelected";
           $(event)[0].target.childElement.style.color = "white";
           $(event)[0].target.style.borderColor = "#253971";
           $(event)[0].target.style.backgroundColor = "#253971";
           console.log($(event)[0].target.innerText);
         })
         $('#decrease').on('click',function(){
           if(parseInt($('#quantity').text())>1){
          $('#quantity').text(parseInt($('#quantity').text())-1);
         
         }
         })
         
         $('#increase').on('click',function(){
         
          $('#quantity').text(parseInt($('#quantity').text())+1);
         })
      </script> 
      <script type="text/javascript" src="js/jquery.min.js"></script> 
      <script type="text/javascript" src="js/jquery.sticky.js"></script> 
      <script type="text/javascript" src="js/owl.carousel.min.js"></script> 
      <script type="text/javascript" src="js/bootstrap.min.js"></script> 
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script> 
      <script type="text/javascript" src="js/jquery.countdown.min.js"></script> 
      <script type="text/javascript" src="js/jquery.bxslider.min.js"></script> 
      <script type="text/javascript" src="js/jquery.actual.min.js"></script> 
      <script type="text/javascript" src="js/jquery-ui.min.js"></script> 
      <script type="text/javascript" src="js/chosen.jquery.min.js"></script> 
      <script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script> 
      <script type="text/javascript" src="js/jquery.elevateZoom.min.js"></script> 
      <script src="js/fancybox/source/jquery.fancybox.pack.js"></script> 
      <script src="js/fancybox/source/helpers/jquery.fancybox-media.js"></script> 
      <script src="js/fancybox/source/helpers/jquery.fancybox-thumbs.js"></script> 
      <script src="js/arcticmodal/jquery.arcticmodal.js"></script> 
      <script type="text/javascript" src="js/main.js"></script> 
      <script>
         function getAllImages(val,val2){
         
         
         
         	$.ajax({
         
         
         
         
         
         
         
                        url:"<?=$websiteUrl; ?>mails.php",
         
         
         
                        method:"POST",
         
         
         
                        data:{color_id:val,listing_id:val2},
         
         
         
                        success:function(data){
         
         
         
         			$("#thumbnails").html(data);
         
         
         
         			//alert(data);
         
         
         
                        }
         
         
         
         
         
         
         
                    });
         
         
         
         }
         
         
         
         getActualPrice();
         
         
         
         $('.qtybutton').on('click',function(){
         
         
         
         
         
         
         
         getActualPrice();
         
         
         
         });
         
         
         
         function getActualPrice(){
         
         
         
         var currentVal = $('.mmqtyy').val();
         
         
         
         if(currentVal == '' || currentVal == 0){
         
         
         
         	alert('Please Select a valid Quantity.');
         
         
         
         }
         
         
         
         else{
         
         //alert('Please Select a valid Quantity.');
         
         $.ajax({
         
         
         
         
         
         
         
                        url:"<?=$websiteUrl; ?>mails.php",
         
         
         
                        method:"POST",
         
         
         
                        data:{qtyyy:currentVal,listing_id:<?=$row['id']; ?>},
         
         
         
                        success:function(data){
         
         
         
         			$("#myqtyuy").html(data);
         
         
         
         			//alert(data);
         
         
         
                        }
         
         
         
         
         
         
         
                    });
         
         
         
         
         
         
         
         }
         
         
         
         }
         
         $('.verify4').click(function(){
            var mobile = $(".moby4").val();
            
            if(mobile == undefined || mobile == ''){
         	
                $('.moby4').focus();
         	return false;
         }
            if(mobile.length !== 10){
         	alert("Minimum length 10 is required . You enter "+ mobile.length +" digits");
         	return false;
         }
         else{
            $.ajax({
                        url:"<?=$websiteUrl; ?>mails.php",
                        method:"POST",
                        data:{myotp:mobile},
                        beforeSend: function(){
         				
                            //$("#loaderc").show();
                        },
                        complete: function(){
         				//$("#loaderc").hide();
                        },
                        success:function(data){
         			$('.verify4').html('Resend');
                        $(".subscrrrr2").html('An OTP is send to '+ mobile);
         			
         			}
                    });
            }
            });
            $('.verify3').click(function(){
            var mobile = $(".moby3").val();
            
            if(mobile == undefined || mobile == ''){
         	
                $('.moby3').focus();
         	return false;
         }
            if(mobile.length !== 10){
         	alert("Minimum length 10 is required . You enter "+ mobile.length +" digits");
         	return false;
         }
         else{
            $.ajax({
                        url:"<?=$websiteUrl; ?>mails.php",
                        method:"POST",
                        data:{myotp:mobile},
                        beforeSend: function(){
         				
                            //$("#loaderc").show();
                        },
                        complete: function(){
         				//$("#loaderc").hide();
                        },
                        success:function(data){
         			$('.verify3').html('Resend');
                        $(".subscrrrr").html('An OTP is send to '+ mobile);
         			
         			}
                    });
            }
            });
         
         $("#contactForm").validate({
         
         rules:
         
         	{
         
         		qty: {
         
         		required: true,
         
         		number: true
         
         		},
         
         		ffname: {
         
         		required: true,
         
         		minlength: 3
         
         		},
         
         		ffphone: {
         
         		required: true,
         
         		number: true,
         		minlength: 10,
         		maxlength: 10
         
         		},
         		otp: {
         		number:true,
         		minlength:6,
         		maxlength:6
         		},
         
         		ffemail: {
         
         		required: true,
         
         		email:true
         
         		}
         
         	},
         
         	submitHandler: getFormDataseller
         
         });
         
         function getFormDataseller(){
         if($("#naeem3").hasClass("otpp3")){
            var mobile = $(".moby3").val();
         //alert('bbbbb');
         	$.ajax({
         				url:"<?=$websiteUrl; ?>mails.php",
         				method:"POST",
         				data:{myotp:mobile},
         				beforeSend: function(){
         					
         					//$("#loaderc").show();
         				},
         				complete: function(){
         					//$("#loaderc").hide();
         				},
         				success:function(data){
         				$('.verify3').html('Resend');
         				$("#naeem3").removeClass("otpp3");
                            $(".subscrrrr").html('An OTP is send to '+ mobile);
                            $("#naeem3").show();
         				
         				}
         	 });
            }
            else{
            	var newdata = $("#contactForm").serialize();
         	$.ajax({
         
         
         
                        url:"<?=$websiteUrl; ?>mails.php",
         
         
         
                        method:"POST",
         
         
         
                        data:newdata,
         
         
         
                        beforeSend: function(){
         
         
         
         				$('.qtybtnn').attr("disabled", true);
         
         
         
                            $('.qtybtnn').val('Please wait..');
         
         
         
                        },
         
         
         
                        complete: function(){
         
         
         
         				
         
         
         
                        },
         
         
         
                        success:function(data){
         
         
         
         			setTimeout(function(){
         				if(data != '1'){
                            $('.subscrrrr').html(data);
         				$('.qtybtnn').val('Send Again');
         				$('.qtybtnn').attr("disabled", false);
         				}else{
         					$('#modalQuickView').modal('hide');
         				}
         
         			}, 3000);
         
         
         
                        }
         
         
         
                    });
         
         }
         
         }
         
         $("#contactForm2").validate({
         rules:
         	{
         		qty: {
         		required: true,
         		number: true
         		},
         		ffname: {
         		required: true,
         		minlength: 3
         		},
         		ffphone: {
         		required: true,
         		number: true,
         		minlength:10,
         		maxlength:10
         		},
         		otp: {
         		number:true,
         		minlength:6,
         		maxlength:6
         		},
         		ffemail: {
         		required: true,
         		email:true
         
         		}
         	},
         
         	submitHandler: getFormDataEnqNow
         });
         
         function getFormDataEnqNow(){
         if($("#naeem4").hasClass("otpp4")){
            var mobile = $(".moby4").val();
         //alert('bbbbb');
         	$.ajax({
         				url:"<?=$websiteUrl; ?>mails.php",
         				method:"POST",
         				data:{myotp:mobile},
         				beforeSend: function(){
         					
         					//$("#loaderc").show();
         				},
         				complete: function(){
         					//$("#loaderc").hide();
         				},
         				success:function(data){
         				$('.verify4').html('Resend');
         				$("#naeem4").removeClass("otpp4");
                            $(".subscrrrr2").html('An OTP is send to '+ mobile);
                            $("#naeem4").show();
         				
         				}
         	 });
            }
            else{
            	var newdata = $("#contactForm2").serialize();
         	$.ajax({
                        url:"<?=$websiteUrl; ?>mails.php",
                        method:"POST",
                        data:newdata,
                        beforeSend: function(){
         				$('.qtybtnn2').attr("disabled", true);
                            $('.qtybtnn2').val('Please wait..');
                        },
                        complete: function(){
                        },
                        success:function(data){
         			setTimeout(function(){
         				if(data != '1'){
                            $('.subscrrrr2').html(data);
         				$('.qtybtnn2').val('Send Again');
         				$('.qtybtnn2').attr("disabled", false);
         				}else{
         					$('#modalQuickView2').modal('hide');
         				}
         		   }, 3000);
                        }
                    });
         }
         }
         
         function addToCart(val){
         	var newdata = $("#cartForm").serialize();
         
         	var cartdata = newdata+'&product_id='+val;
         
         	$.ajax({
         
                        url:"<?=$websiteUrl; ?>ajax-cart.php",
         
                        method:"POST",
         
                        data:cartdata,
         
         
         
                        beforeSend: function(){
         
         
         
         				$('#addCart').attr("disabled", true);
         
                            $('#addCart').html('Please wait.<i class="fa fa-circle-o-notch fa-spin"></i>');
         
         
         
                        },
         
                        complete: function(){
         
         
         
                        },
         
         
         
                        success:function(data){
         
         			setTimeout(function(){
         
         				$('#addCart').html('Buy Now');
         
         				$('#addCart').attr("disabled", false);
         
         				window.location.href='cart.php';
         
         		   }, 3000);
         
                        }
         
                    });
         
         }
         
         
         
         $("#reviewForm").validate({
         
         rules:
         
         	{
         
         		rname: {
         
         		required: true,
         
         		minlength: 3
         
         		},
         
         		remail: {
         
         		required: true,
         
         		email:true
         
         		},
         
         		rmsg: {
         
         		required: true
         
         		}
         
         	},
         
         	submitHandler: getReviewww
         });
         function getReviewww(){
         
         	var data = $("#reviewForm").serialize();
         
         //	alert(data);
         
         	$.ajax({
         
                        url:"<?=$websiteUrl; ?>mails.php",
         
                        method:"POST",
         
                        data:data,
         
                        beforeSend: function(){
         
         				
         
                            $("#loader").show();
         
                        },
         
                        complete: function(){
         
         				$("#loader").hide();
         
                        },
         
                        success:function(data){
         
                           // alert(data);
         
                            $('.subscr').html(data);
         
         				$(".debug").html('');
         
                           $("#reviewForm")[0].reset();
         
                        }
         
                    });
         
         }
         
      </script>
      <!-- Modal -->
      <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
         <div class="modal-dialog" role="document">
            <div class="modal-content">
               <div class="modal-header">
                  <h3 class="page-title">
                     R.K 1.5 Sqmm 30m 3 Core Copper Submersible Flat Cable                  
                  </h3>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                  </button>
               </div>
               <div class="modal-body">
                  <div class="row">
                     <form id="contactForm" method="post" action="" novalidate="novalidate">
                        <div class="col-lg-12">
                           <div class="product-description-container">
                              <div  id="quantity">
                                 <div class="card-info">
                                    <h6 class="text-uppercase">quantity</h6>
                                    <div class="input-group plus-minus-input">
                                       <div class="input-group-button">
                                          <button type="button" class="button hollow circle" data-quantity="minus" data-field="qty" onclick="getActualPrice();"> <i class="fa fa-minus" aria-hidden="true"></i> </button>
                                       </div>
                                       <input class="input-group-field mmqtyy" type="number" name="qty" value="1" maxlength="8" min="1" onchange="getActualPrice();" onkeyup="getActualPrice();">
                                       <div class="input-group-button">
                                          <button type="button" class="button hollow circle" data-quantity="plus" data-field="qty" onclick="getActualPrice();"> <i class="fa fa-plus" aria-hidden="true"></i> </button>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <!-- Add to Cart -->
                           <div class="card-body">
                              <div>
                                 <div class="form-group">
                                    <input type="text" class="form-control" name="ffname" placeholder="First &amp; Last Name">
                                 </div>
                                 <div class="form-group col-md-12" style="padding:0px">
                                    <input type="text" class="form-control moby3" placeholder="Phone No." name="ffphone">
                                 </div>
                                 <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Email Id" name="ffemail">
                                 </div>
                                 <div class="form-group otpp3" id="naeem3" style="display:none;position:relative">
                                    <input type="text" class="form-control" name="otp" placeholder="Enter Otp">
                                    <a class="btn btn-success verify3" style="position: absolute;
                                       right: 0;
                                       z-index: 9999;
                                       border: none;
                                       top: 0;">Send Otp</a>
                                 </div>
                                 <input type="hidden" name="listing_id" value="178">
                              </div>
                              <div class="text-center">
                                 <span class="subscrrrr"></span>
                                 <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
                                 <input class="btn btn-primary qtybtnn" type="submit" name="productEnquiry" value="Enquiry Now">
                              </div>
                           </div>
                        </div>
                     </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <script>
         $(function(){
         $('.left-sidebar, .right-sidebar').nail({
         direction: 'right',
         defaultCall: function(nailObj){
         nailObj.find('p').html('Ad 1');
         },
         fixedCall: function(nailObj){
         nailObj.css('backgroundColor', 'rgb(34, 89, 58)');
         nailObj.find('p').html('Ad 2');
         },
         floorCall: function(nailObj){
         nailObj.css('backgroundColor', '#000');
         nailObj.find('p').html('Ad 1');
         }
         });
         
         })
      </script>
      <script>
         $(document).ready(function() {
          var lastScrollLeft = 0;
          $(window).scroll(function() {
              
              var x = $(window).scrollTop();
              if (x > 140) {
                  
                  $('.headerp').css({
                      position: "fixed",
                      zIndex: 999,
                      top: "180px",
                      left: "15px",
                      right: "15px"
                  });
              } else if (x < 140) {
                  $('.headerp').removeAttr("style");
              }
          });
         });
      </script>
   </body>
</html>