<?php

include('include/main.inc.php');


$actual_links = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://{$_SERVER['HTTP_HOST']}{$_SERVER['REQUEST_URI']}";

$ex_cat = explode("/", $actual_links);

$cat_url = $ex_cat[3];

$cat_name = explode(".", $cat_url);
$catName = str_ireplace("-", " ", $cat_name[0]);
$catName = ucwords($catName);

$res_cat = $dbconn->query("select displayName,catName,catImage,parentID,catID,keyword1,keyword2,catDesc1,catDesc,pageTitle,pageDescription,pageKeywords,category_images,catVideo from category_tbl where catName ='$catName'");


if (strpos($_SERVER['REQUEST_URI'], "?") !== false) {
    $uri_parts = explode('?', $_SERVER['REQUEST_URI']);
    $linksLoc = $uri_parts[0];
    header("Location: ".site_url.$linksLoc);
    exit;
    
}

if ($res_cat->num_rows > 0) {
    $cat_details = $res_cat->fetch_assoc();

    $res_web = $dbconn->query("Select * from admin_details where slno = '1'");
    $web_details = $res_web->fetch_assoc();

    $page_metatitle = $cat_details['pageTitle'];
    $page_metadesc = $cat_details['pageDescription'];
    $page_metakey = $cat_details['pageKeywords'];

    $page_metatitle = ($page_metatitle) ? $page_metatitle : $cat_details['keyword1'] . ' Manufacturers in Surat, ' . $cat_details['keyword2'] . ' Suppliers, Exporters in India';
    $page_metadesc = ($page_metadesc) ? $page_metadesc : $web_details['companyName'] . ' is the leading ' . $cat_details['keyword1'] . ' Manufacturers in ' . $web_details['city'] . '. Best Quality ' . $cat_details['keyword2'] . ' Suppliers and Exporters in ' . $web_details['country'] . ' at Factory Price. Call +91-9104978782';
    $page_metakey = ($page_metakey) ? $page_metakey : $cat_details['keyword1'] . ' Manufacturers in Surat, ' . $cat_details['keyword2'] . ' Manufacturers in India, ' . $cat_details['keyword1'] . ' Suppliers in Surat, ' . $cat_details['keyword2'] . ' Suppliers in India, ' . $cat_details['keyword1'] . ' Exporters in Surat, ' . $cat_details['keyword2'] . ' Exporters in India, ' . $cat_details['keyword1'] . ' in Surat, ' . $cat_details['keyword2'] . ' in India';


?>
    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title><?= $page_metatitle; ?></title>
        <meta name="description" content="<?= $page_metadesc; ?>">
        <meta name="keywords" content="<?= $page_metakey; ?>">
        <?php include "app_top.php"; ?>
    </head>

    <body>
        <?php include "app_header.php"; ?>
        <section class="heading_banner" style="background-image: url(<?= site_url; ?>/designer/images/category-banner.webp)">
            <div class="container">
                <div class="row">
                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
                        <h1 class="cat_title"><?= $cat_details['displayName']; ?> Manufacturers</h1>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </section>

        <div class="inner_breadcrumb hidden_xs">
            <div class="container">
                <div class="row">
                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <ul class="breadcrumb">
                            <li><a href="<?= site_url; ?>" title="Home">Home</a></li>
                            <?php
                            if ($cat_details['parentID'] != 0) {
                                $res_pr_cat = $dbconn->query("select displayName,catName from category_tbl where catID = '" . $cat_details['parentID'] . "'");
                                $res_cat_pr = $res_pr_cat->fetch_assoc();
                                $res_pr_href = str_ireplace(" ", "-", $res_cat_pr['catName']);

                            ?>
                                <li><a href="<?= site_url; ?>/<?= strtolower($res_pr_href); ?>.htm"
                                        title="<?= $res_cat_pr['displayName']; ?>"><?= $res_cat_pr['displayName']; ?></a></li>
                            <?php } ?>
                            <li class="active"><?= $cat_details['displayName']; ?></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <section class="category_page">
            <div class="container">
                <h2 class="title"><?= $cat_details['displayName']; ?> in Surat</h2>
                <div class="clearfix"></div>
                <div class="row">
                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="wps_right">
                            <div class="product_left_image">
                                <?php $ii = 1;
                                if ($cat_details['catImage']) {
                                    $i++; ?>

                                    <div class="product2">
                                        <div id="small21" class="small">
                                            <a data-zoom-id="Zoom-21"
                                                href="<?= site_url . '/uploaded-files/category/images/' . $cat_details['catImage']; ?>"
                                                title="<?= $cat_details['displayName']; ?> Manufacturers in Surat"
                                                data-image="<?= site_url . '/uploaded-files/category/images/' . $cat_details['catImage']; ?>?scale.height=400">
                                                <img class="<?= $ii == 1 ? 'active' : ''; ?>"
                                                    srcset="<?= site_url . '/uploaded-files/category/images/' . $cat_details['catImage']; ?>?scale.width=112 2x"
                                                    src="<?= site_url . '/uploaded-files/category/images/' . $cat_details['catImage']; ?>"
                                                    alt="<?= $cat_details['displayName']; ?> Manufacturers in Surat"
                                                    title="<?= $cat_details['displayName']; ?> Manufacturers in Surat"
                                                    width="420" height="420">
                                            </a>

                                            <?php
                                            $sno = 0;
                                            foreach ($category_images as $catimg) {
                                                $sno++;
                                                if ($catimg != '') {
                                            ?>
                                                    <a data-zoom-id="Zoom-21"
                                                        href="<?= site_url . '/uploaded-files/category/images/' . $catimg; ?>"
                                                        data-image="<?= site_url . '/uploaded-files/category/images/' . $catimg; ?>"
                                                        title="<?= $cat_details['displayName']; ?> Manufacturers in Surat">
                                                        <img class="<?= $ii == 1 ? 'active' : ''; ?>"
                                                            srcset="<?= site_url . '/uploaded-files/category/images/' . $catimg; ?>"
                                                            src="<?= site_url . '/uploaded-files/category/images/' . $catimg; ?>"
                                                            alt="<?= $cat_details['displayName']; ?> Manufacturers in Surat"
                                                            title="<?= $cat_details['displayName']; ?> Manufacturers in Surat">
                                                    </a>
                                                <?php }
                                            }
                                            if ($cat_details['catVideo']) { ?>

                                                <a data-fancybox
                                                    href="https://www.youtube.com/watch?v=<?= $cat_details['catVideo']; ?>"
                                                    class="mz-thumb video"
                                                    title="<?= explode('</title>', explode('<title>', file_get_contents("https://www.youtube.com/watch?v=" . $cat_details['catVideo']))[1])[0]; ?>">
                                                    <img class="<?= $ii == 1 ? 'active' : ''; ?>"
                                                        src="<?= getImage($cat_details['catImage'], 70, 70, $cat_details['catName'], '/uploaded-files/category/images/'); ?>"
                                                        alt="<?= explode('</title>', explode('<title>', file_get_contents("https://www.youtube.com/watch?v=" . $cat_details['catVideo']))[1])[0]; ?>"
                                                        title="<?= explode('</title>', explode('<title>', file_get_contents("https://www.youtube.com/watch?v=" . $cat_details['catVideo']))[1])[0]; ?>">
                                                    <div class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                            fill="currentColor" viewBox="0 0 16 16">
                                                            <path
                                                                d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z">
                                                            </path>
                                                        </svg>
                                                    </div>
                                                </a>
                                            <?php } ?>


                                        </div>
                                        <div class="single_image">
                                            <a id="Zoom-21"
                                                href="<?= site_url . '/uploaded-files/category/images/' . $cat_details['catImage']; ?>"
                                                data-options="zoomWidth:500px; zoomHeight:500px"
                                                class="MagicZoom main-cat-image"
                                                title="<?= $cat_details['displayName']; ?> Manufacturers in Surat">
                                                <img class="img-responsive"
                                                    src="<?= getImage($cat_details['catImage'], 400, 400, $cat_details['catName'], "/uploaded-files/category/images/"); ?>"
                                                    alt="<?= $cat_details['displayName']; ?> Manufacturers in Surat"
                                                    title="<?= $cat_details['displayName']; ?> Manufacturers in Surat"
                                                    width="420" height="420">
                                                <input type="hidden" class="main_heading"
                                                    value="<?= $cat_details['displayName']; ?>">
                                            </a>


                                        </div>

                                    </div>

                                    <div class="row">
                                        <!-- <div class="col-md-10 col-12 order-md-2">
                                    <a id="Zoom-1"
                                        href="<?= site_url . '/uploaded-files/category/images/' . $cat_details['catImage']; ?>"
                                        data-options="zoomWidth:500px; zoomHeight:500px"
                                        class="MagicZoom main-cat-image"
                                        title="<?= $cat_details['displayName']; ?> Manufacturers in Surat">
                                        <img class="img-responsive"
                                            src="<?= getImage($cat_details['catImage'], 420, 420, $cat_details['catName'], "/uploaded-files/category/images/"); ?>"
                                            alt="<?= $cat_details['displayName']; ?> Manufacturers in Surat"
                                            title="<?= $cat_details['displayName']; ?> Manufacturers in Surat"
                                            width="600" height="600">
                                        <input type="hidden" class="main_heading"
                                            value="<?= $cat_details['displayName']; ?>">
                                    </a>
                                </div> -->
                                        <!-- <div class="col-md-2 col-12 order-md-1 pt-3 pt-md-0 pe-md-0">

                                    <div class="selectors d-flex d-md-block gap-1">
                                        <div class="owl-carousel img-sec owl-theme">

                                            <a data-zoom-id="Zoom-21"
                                                href="<?= site_url . '/uploaded-files/category/images/' . $cat_details['catImage']; ?>"
                                                title="<?= $cat_details['displayName']; ?> Manufacturers in Surat"
                                                data-image="<?= site_url . '/uploaded-files/category/images/' . $cat_details['catImage']; ?>?scale.height=400">
                                                <img srcset="<?= site_url . '/uploaded-files/category/images/' . $cat_details['catImage']; ?>?scale.width=112 2x"
                                                    src="<?= site_url . '/uploaded-files/category/images/' . $cat_details['catImage']; ?>"
                                                    alt="<?= $cat_details['displayName']; ?> Manufacturers in Surat"
                                                    title="<?= $cat_details['displayName']; ?> Manufacturers in Surat"
                                                    width="420" height="420">
                                            </a>

                                            <?php
                                            $sno = 0;
                                            foreach ($category_images as $catimg) {
                                                $sno++;
                                                if ($catimg != '') {
                                            ?>
                                            <a data-zoom-id="Zoom-21"
                                                href="<?= site_url . '/uploaded-files/category/images/' . $catimg; ?>"
                                                data-image="<?= site_url . '/uploaded-files/category/images/' . $catimg; ?>"
                                                title="<?= $cat_details['displayName']; ?> Manufacturers in Surat">
                                                <img srcset="<?= site_url . '/uploaded-files/category/images/' . $catimg; ?>"
                                                    src="<?= site_url . '/uploaded-files/category/images/' . $catimg; ?>"
                                                    alt="<?= $cat_details['displayName']; ?> Manufacturers in Surat"
                                                    title="<?= $cat_details['displayName']; ?> Manufacturers in Surat">
                                            </a>
                                            <?php }
                                            }
                                            if ($cat_details['catVideo']) { ?>

                                            <a data-fancybox
                                                href="https://www.youtube.com/watch?v=<?= $cat_details['catVideo']; ?>"
                                                class="mz-thumb video"
                                                title="<?= explode('</title>', explode('<title>', file_get_contents("https://www.youtube.com/watch?v=" . $cat_details['catVideo']))[1])[0]; ?>">
                                                <img src="<?= getImage($cat_details['catImage'], 70, 70, $cat_details['catName'], '/uploaded-files/category/images/'); ?>"
                                                    alt="<?= explode('</title>', explode('<title>', file_get_contents("https://www.youtube.com/watch?v=" . $cat_details['catVideo']))[1])[0]; ?>"
                                                    title="<?= explode('</title>', explode('<title>', file_get_contents("https://www.youtube.com/watch?v=" . $cat_details['catVideo']))[1])[0]; ?>">
                                                <div class="icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                        fill="currentColor" viewBox="0 0 16 16">
                                                        <path
                                                            d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z">
                                                        </path>
                                                    </svg>
                                                </div>
                                            </a>
                                            <?php } ?>
                                        </div>
                                    </div>
                                </div> -->
                                    </div>
                                    <!-- <a href="#!"
                                class="read_more main-category-image send_specifications_details" data-bs-toggle="modal"
                                data-bs-target="#myModal" title="Get Best Quote"><svg xmlns="http://www.w3.org/2000/svg"
                                    width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                    <path
                                        d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z">
                                    </path>
                                </svg> Get Best Quote</a> -->
                                <?php } ?>

                            </div>

                            <?php if ($cat_details['catID'] == 1 || $cat_details['parentID'] == 1) { ?>
                                <div class="product_color_switch">
                                    <div class="tit">Product Specifications:</div>
                                    <div class="price-range">
                                        <div class="ti">Price Range:</div>
                                        <div class="range">&#36;135 - &#36;500</div>
                                    </div>
                                    <ul class="metal_color">
                                        <li><strong>Gold KT :</strong></li>
                                        <li class="active"><a href="#!" title="10k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="10k">10K</a></li>
                                        <li><a href="#!" title="14k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="14k">14K</a></li>
                                        <li><a href="#!" title="18k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="18k">18K</a></li>
                                        <li><a href="#!" title="PT" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="PT">PT</a></li>
                                    </ul>
                                    <div class="metalColour_grade clarity">
                                        <ul>
                                            <li><strong>Metal Colour :</strong></li>
                                            <li class="active"><a href="#!">Rose Gold</a></li>
                                            <li><a href="#!">White</a></li>
                                            <li><a href="#!">Yellow</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product_size_wrapper">
                                    <ul>
                                        <li><strong>Shape :</strong></li>
                                        <li class="active"><a href="#!" title="Round"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Round.png"
                                                    alt="Round" title="Round"></a>
                                        </li>
                                        <li><a href="#!" title="Princess"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Princess.png"
                                                    alt="Princess" title="Princess"></a>
                                        </li>
                                        <li><a href="#!" title="Emerald"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Emerald.png"
                                                    alt="Emerald" title="Emerald"></a>
                                        </li>
                                        <li><a href="#!" title="Marquise"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Marquise.png"
                                                    alt="Marquise" title="Marquise"></a>
                                        </li>
                                        <li><a href="#!" title="Oval"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Oval.png"
                                                    alt="Oval" title="Oval"></a>
                                        </li>
                                        <li><a href="#!" title="Radiant"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Radiant.png"
                                                    alt="Radiant" title="Radiant"></a>
                                        </li>
                                        <li><a href="#!" title="Pear"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Pear.png"
                                                    alt="Pear" title="Pear"></a>
                                        </li>
                                        <li><a href="#!" title="Heart"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Heart.png"
                                                    alt="Heart" title="Heart"></a>
                                        </li>
                                        <li><a href="#!" title="Cushion"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Cushion.png"
                                                    alt="Cushion" title="Cushion"></a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="ring-size">
                                    <ul class="ring_ul">
                                        <li><strong>Ring Size :</strong></li>
                                        <li>
                                            <select name="ring_size" id="ring_size">
                                                <option selected disabled>Select</option>
                                                <option value="1">One</option>
                                                <option value="2">Two</option>
                                                <option value="3">Three</option>
                                            </select>
                                        </li>
                                    </ul>
                                </div>
                                <div class="new_carat_range">
                                    <strong>Carat :</strong>
                                    <label><input type="radio" id="carat_1" name="range" value="0" checked=""> 0.20 - 3.00
                                    </label>
                                    <label><input type="radio" id="carat_2" name="range" value="1"> 3.50 - 10.00 </label>
                                </div>
                                <div class="newCarat_div caratRange_one">
                                    <ul>
                                        <li class="active">0.20</li>
                                        <li>0.30</li>
                                        <li>0.40</li>
                                        <li>0.50</li>
                                        <li>0.60</li>
                                        <li>0.70</li>
                                        <li>0.80</li>
                                        <li>0.90</li>
                                        <li>1.00</li>
                                        <li>1.20</li>
                                        <li>1.50</li>
                                        <li>1.70</li>
                                        <li>2.00</li>
                                        <li>2.50</li>
                                        <li>3.00</li>
                                    </ul>
                                </div>

                                <div class="newCarat_div caratRange_two">
                                    <ul>
                                        <li>3.50</li>
                                        <li>4.00</li>
                                        <li>4.50</li>
                                        <li>5.00</li>
                                        <li>5.50</li>
                                        <li>6.00</li>
                                        <li>6.50</li>
                                        <li>7.00</li>
                                        <li>7.50</li>
                                        <li>8.00</li>
                                        <li>8.50</li>
                                        <li>9.00</li>
                                        <li>9.50</li>
                                        <li>10.00</li>
                                    </ul>
                                </div>
                                <div class="product_grade_wrapper product_grade_wrapper2">
                                    <ul>
                                        <li><strong>Clarity :</strong></li>
                                        <li class="active"><a href="#!" title="FL">FL</a></li>
                                        <li><a href="#!" title="IF">IF</a></li>
                                        <li><a href="#!" title="VVS1">VVS1</a></li>
                                        <li><a href="#!" title="VVS2">VVS2</a></li>
                                        <li><a href="#!" title="VS1">VS1</a></li>
                                        <li><a href="#!" title="VS2">VS2</a></li>
                                        <li><a href="#!" title="SI1">SI1</a></li>
                                        <li><a href="#!" title="SI2">SI2</a></li>
                                        <li><a href="#!" title="I1">I1</a></li>
                                    </ul>
                                </div>
                                <div class="diamondcolor_wrap dia_colour">
                                    <ul>
                                        <li><strong>Diamond Color :</strong></li>
                                        <li class="active"><a href="#!" title="D">D</a></li>
                                        <li><a href="#!" title="E">E</a></li>
                                        <li><a href="#!" title="F">F</a></li>
                                        <li><a href="#!" title="G">G</a></li>
                                        <li><a href="#!" title="H">H</a></li>
                                        <li><a href="#!" title="J">J</a></li>
                                        <li><a href="#!" title="K">K</a></li>
                                        <li><a href="#!" title="L">L</a></li>
                                    </ul>
                                </div>
                                <a href="javascript:void(0);" data-bs-target="#whatsapp" data-bs-toggle="modal" class="read_more know_more_details" title="Place Order"><svg
                                        xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                        viewBox="0 0 16 16">
                                        <path
                                            d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z">
                                        </path>
                                    </svg> Place Order</a>

                                <hr>

                            <?php }
                            if ($cat_details['catID'] == 9 || $cat_details['parentID'] == 9) { ?>
                                <div class="product_color_switch">
                                    <div class="tit">Product Specifications:</div>
                                    <div class="price-range">
                                        <div class="ti">Price Range:</div>
                                        <div class="range">&#36;700 - &#36;1500</div>
                                    </div>
                                    <ul class="metal_color">
                                        <li><strong>Gold KT :</strong></li>
                                        <li class="active"><a href="#!" title="10k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="10k">10K</a></li>
                                        <li><a href="#!" title="14k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="14k">14K</a></li>
                                        <li><a href="#!" title="18k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="18k">18K</a></li>
                                        <li><a href="#!" title="PT" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="PT">PT</a></li>
                                    </ul>
                                    <div class="metalColour_grade clarity">
                                        <ul>
                                            <li><strong>Metal Colour :</strong></li>
                                            <li class="active"><a href="#!">Rose Gold</a></li>
                                            <li><a href="#!">White</a></li>
                                            <li><a href="#!">Yellow</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product_size_wrapper">
                                    <ul>
                                        <li><strong>Shape :</strong></li>
                                        <li class="active"><a href="#!" title="Round"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Round.png"
                                                    alt="Round" title="Round" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Princess"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Princess.png"
                                                    alt="Princess" title="Princess" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Emerald"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Emerald.png"
                                                    alt="Emerald" title="Emerald" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Marquise"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Marquise.png"
                                                    alt="Marquise" title="Marquise" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Oval"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Oval.png"
                                                    alt="Oval" title="Oval" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Radiant"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Radiant.png"
                                                    alt="Radiant" title="Radiant" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Pear"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Pear.png"
                                                    alt="Pear" title="Pear" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Heart"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Heart.png"
                                                    alt="Heart" title="Heart" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Cushion"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Cushion.png"
                                                    alt="Cushion" title="Cushion" width="46" height="46"></a>
                                        </li>
                                    </ul>
                                </div>
                                <a href="javascript:void(0);" data-bs-target="#whatsapp" data-bs-toggle="modal" class="read_more know_more_details" title="Place Order"><svg
                                        xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                        viewBox="0 0 16 16">
                                        <path
                                            d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z">
                                        </path>
                                    </svg> Place Order</a>

                                <hr>
                            <?php }
                            if ($cat_details['catID'] == 10 || $cat_details['parentID'] == 10) { ?>
                                <div class="product_color_switch">
                                    <div class="tit">Product Specifications:</div>
                                    <div class="price-range">
                                        <div class="ti">Price Range:</div>
                                        <div class="range">&#36;500 - &#36;1000</div>
                                    </div>
                                    <ul class="metal_color">
                                        <li><strong>Gold KT :</strong></li>
                                        <li class="active"><a href="#!" title="10k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="10k">10K</a></li>
                                        <li><a href="#!" title="14k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="14k">14K</a></li>
                                        <li><a href="#!" title="18k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="18k">18K</a></li>
                                        <li><a href="#!" title="PT" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="PT">PT</a></li>
                                    </ul>
                                    <div class="metalColour_grade clarity">
                                        <ul>
                                            <li><strong>Metal Colour :</strong></li>
                                            <li class="active"><a href="#!">Rose Gold</a></li>
                                            <li><a href="#!">White</a></li>
                                            <li><a href="#!">Yellow</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product_size_wrapper">
                                    <ul>
                                        <li><strong>Shape :</strong></li>
                                        <li class="active"><a href="#!" title="Round"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Round.png"
                                                    alt="Round" title="Round" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Princess"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Princess.png"
                                                    alt="Princess" title="Princess" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Emerald"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Emerald.png"
                                                    alt="Emerald" title="Emerald" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Marquise"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Marquise.png"
                                                    alt="Marquise" title="Marquise" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Oval"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Oval.png"
                                                    alt="Oval" title="Oval" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Radiant"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Radiant.png"
                                                    alt="Radiant" title="Radiant" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Pear"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Pear.png"
                                                    alt="Pear" title="Pear" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Heart"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Heart.png"
                                                    alt="Heart" title="Heart" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Cushion"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Cushion.png"
                                                    alt="Cushion" title="Cushion" width="46" height="46"></a>
                                        </li>
                                    </ul>
                                </div>
                                <a href="javascript:void(0);" data-bs-target="#whatsapp" data-bs-toggle="modal" class="read_more know_more_details" title="Place Order"><svg
                                        xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                        viewBox="0 0 16 16">
                                        <path
                                            d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z">
                                        </path>
                                    </svg> Place Order</a>

                                <hr>


                            <?php }
                            if ($cat_details['catID'] == 11 || $cat_details['parentID'] == 11) { ?>
                                <div class="product_color_switch">
                                    <div class="tit">Product Specifications:</div>
                                    <div class="price-range">
                                        <div class="ti">Price Range:</div>
                                        <div class="range">&#36;500 - &#36;1000</div>
                                    </div>
                                    <ul class="metal_color">
                                        <li><strong>Gold KT :</strong></li>
                                        <li class="active"><a href="#!" title="10k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="10k">10K</a></li>
                                        <li><a href="#!" title="14k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="14k">14K</a></li>
                                        <li><a href="#!" title="18k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="18k">18K</a></li>
                                        <li><a href="#!" title="PT" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="PT">PT</a></li>
                                    </ul>
                                    <div class="metalColour_grade clarity">
                                        <ul>
                                            <li><strong>Metal Colour :</strong></li>
                                            <li class="active"><a href="#!">Rose Gold</a></li>
                                            <li><a href="#!">White</a></li>
                                            <li><a href="#!">Yellow</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product_size_wrapper">
                                    <ul>
                                        <li><strong>Shape :</strong></li>
                                        <li class="active"><a href="#!" title="Round"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Round.png"
                                                    alt="Round" title="Round" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Princess"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Princess.png"
                                                    alt="Princess" title="Princess" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Emerald"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Emerald.png"
                                                    alt="Emerald" title="Emerald" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Marquise"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Marquise.png"
                                                    alt="Marquise" title="Marquise" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Oval"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Oval.png"
                                                    alt="Oval" title="Oval" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Radiant"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Radiant.png"
                                                    alt="Radiant" title="Radiant" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Pear"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Pear.png"
                                                    alt="Pear" title="Pear" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Heart"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Heart.png"
                                                    alt="Heart" title="Heart" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Cushion"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Cushion.png"
                                                    alt="Cushion" title="Cushion" width="46" height="46"></a>
                                        </li>
                                    </ul>
                                </div>
                                <a href="javascript:void(0);" data-bs-target="#whatsapp" data-bs-toggle="modal" class="read_more know_more_details" title="Place Order"><svg
                                        xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                        viewBox="0 0 16 16">
                                        <path
                                            d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z">
                                        </path>
                                    </svg> Place Order</a>

                                <hr>

                            <?php }
                            if ($cat_details['catID'] == 12 || $cat_details['parentID'] == 12) { ?>
                                <div class="product_color_switch">
                                    <div class="tit">Product Specifications:</div>
                                    <div class="price-range">
                                        <div class="ti">Price Range:</div>
                                        <div class="range">&#36;200 - &#36;600</div>
                                    </div>
                                    <ul class="metal_color">
                                        <li><strong>Gold KT :</strong></li>
                                        <li class="active"><a href="#!" title="10k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="10k">10K</a></li>
                                        <li><a href="#!" title="14k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="14k">14K</a></li>
                                        <li><a href="#!" title="18k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="18k">18K</a></li>
                                        <li><a href="#!" title="PT" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="PT">PT</a></li>
                                    </ul>
                                    <div class="metalColour_grade clarity">
                                        <ul>
                                            <li><strong>Metal Colour :</strong></li>
                                            <li class="active"><a href="#!">Rose Gold</a></li>
                                            <li><a href="#!">White</a></li>
                                            <li><a href="#!">Yellow</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product_size_wrapper">
                                    <ul>
                                        <li><strong>Shape :</strong></li>
                                        <li class="active"><a href="#!" title="Round"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Round.png"
                                                    alt="Round" title="Round" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Princess"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Princess.png"
                                                    alt="Princess" title="Princess" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Emerald"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Emerald.png"
                                                    alt="Emerald" title="Emerald" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Marquise"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Marquise.png"
                                                    alt="Marquise" title="Marquise" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Oval"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Oval.png"
                                                    alt="Oval" title="Oval" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Radiant"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Radiant.png"
                                                    alt="Radiant" title="Radiant" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Pear"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Pear.png"
                                                    alt="Pear" title="Pear" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Heart"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Heart.png"
                                                    alt="Heart" title="Heart" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Cushion"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Cushion.png"
                                                    alt="Cushion" title="Cushion" width="46" height="46"></a>
                                        </li>
                                    </ul>
                                </div>
                                <a href="javascript:void(0);" data-bs-target="#whatsapp" data-bs-toggle="modal" class="read_more know_more_details" title="Place Order"><svg
                                        xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                        viewBox="0 0 16 16">
                                        <path
                                            d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z">
                                        </path>
                                    </svg> Place Order</a>

                                <hr>
                            <?php }
                            if ($cat_details['catID'] == 13 || $cat_details['parentID'] == 13) { ?>
                                <div class="product_color_switch">
                                    <div class="tit">Product Specifications:</div>
                                    <div class="price-range">
                                        <div class="ti">Price Range:</div>
                                        <div class="range">&#36;300 - &#36;800</div>
                                    </div>
                                    <ul class="metal_color">
                                        <li><strong>Gold KT :</strong></li>
                                        <li class="active"><a href="#!" title="10k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="10k">10K</a></li>
                                        <li><a href="#!" title="14k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="14k">14K</a></li>
                                        <li><a href="#!" title="18k" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="18k">18K</a></li>
                                        <li><a href="#!" title="PT" data-bs-toggle="tooltip"
                                                data-bs-placement="bottom" data-bs-title="PT">PT</a></li>
                                    </ul>
                                    <div class="metalColour_grade clarity">
                                        <ul>
                                            <li><strong>Metal Colour :</strong></li>
                                            <li class="active"><a href="#!">Rose Gold</a></li>
                                            <li><a href="#!">White</a></li>
                                            <li><a href="#!">Yellow</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product_size_wrapper">
                                    <ul>
                                        <li><strong>Shape :</strong></li>
                                        <li class="active"><a href="#!" title="Round"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Round.png"
                                                    alt="Round" title="Round" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Princess"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Princess.png"
                                                    alt="Princess" title="Princess" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Emerald"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Emerald.png"
                                                    alt="Emerald" title="Emerald" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Marquise"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Marquise.png"
                                                    alt="Marquise" title="Marquise" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Oval"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Oval.png"
                                                    alt="Oval" title="Oval" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Radiant"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Radiant.png"
                                                    alt="Radiant" title="Radiant" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Pear"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Pear.png"
                                                    alt="Pear" title="Pear" width="46" height="46"></a>
                                        </li>
                                        <li><a href="#!" title="Heart"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Heart.png"
                                                    alt="Heart" title="Heart"></a>
                                        </li>
                                        <li><a href="#!" title="Cushion"><img
                                                    src="<?= site_url; ?>/designer/images/icons/Diamond-Shape-Cushion.png"
                                                    alt="Cushion" title="Cushion" width="46" height="46"></a>
                                        </li>
                                    </ul>
                                </div>
                                <a href="javascript:void(0);" data-bs-target="#whatsapp" data-bs-toggle="modal" class="read_more know_more_details" title="Place Order"><svg
                                        xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                        viewBox="0 0 16 16">
                                        <path
                                            d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z">
                                        </path>
                                    </svg> Place Order</a>

                                <hr>
                            <?php } ?>

                            <div class="clearfix"></div>
                            <div class="flt-bx-cont">
                                <?= $cat_details['catDesc1']; ?>
                            </div>

                            <div class="clearfix"></div>
                            <!-- new multiple images section -->
                            <!-- <div class="col-lg-4">
                                <div class="thumbnail">
                                    <div class="product-lists">



                                        <div class="w-100">
                                            <img id="myImage1"
                                                src="https://www.fiyujewels.com/uploaded-files/product-images/thumbs/18-K-Solid-Gold-Ring-thumbs-420X420.jpg"
                                                class="w-100">
                                        </div>
                                        <div class="slider d-flex justify-content-center">
                                            <div class="slides p-0 h-auto d-block m-1 bg-dark  active"
                                                onclick="imgMulti(1, 'uploaded-files/product-images/thumbs/18-K-Solid-Gold-Ring-thumbs-420X420.jpg', this)">
                                                <img src="https://www.fiyujewels.com/uploaded-files/product-images/thumbs/18-K-Solid-Gold-Ring-thumbs-420X420.jpg"
                                                    class="w-100" alt="">
                                            </div>
                                            <div class="slides  p-0 h-auto d-block m-1 bg-dark "
                                                onclick="imgMulti(1, 'uploaded-files/product-images/thumbs/Classic-Four-Prong-Solitaire-Ring-thumbs-420X420.jpg', this)">
                                                <img src="https://www.fiyujewels.com/uploaded-files/product-images/thumbs/Classic-Four-Prong-Solitaire-Ring-thumbs-420X420.jpg"
                                                    class="w-100" alt="">
                                            </div>
                                            <div class="slides p-0 h-auto d-block m-1 bg-dark "
                                                onclick="imgMulti(1, 'uploaded-files/product-images/thumbs/Emerald-Cut-Diamond-White-Gold-Ring-thumbs-420X420.jpg', this)">
                                                <img src="https://www.fiyujewels.com/uploaded-files/product-images/thumbs/Emerald-Cut-Diamond-White-Gold-Ring-thumbs-420X420.jpg"
                                                    class="w-100" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="caption">
                                                    <h4><?= $product_r['product_title']; ?></h4>


                                                    <div class="clearfix"></div>
                                                    <a href="javascript:void();"
                                                        class="read_more read_moreblk know_more_details"
                                                        title="Place Order">Place Order</a>
                                                    <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>
                        -->
                            <!-- new multiple images section -->
                            <?php


                            $product_s = mysqli_query($GLOBALS['dbconn'], "select * from product_tbl where   FIND_IN_SET('" . $cat_details['catID'] . "',product_cat) ");
                            $num = mysqli_num_rows($product_s);
                            if ($num > 0) {    ?>
                                <div class="similar-products listing_view">
                                    <div class="you_may">Similar Products</div>
                                    <div class="row">

                                        <?php $i = 1;
                                        while ($product_r = mysqli_fetch_array($product_s)) {
                                            $pro_image =  explode(',', $product_r['product_image']);
                                            $probig_img = $pro_image[0];
                                            //  $prod_img=getImage($probig_img, 371, 371, $product_r['product_title'],"/uploaded-files/product-images/");
                                            //   $prod_imgsmall=getImage($probig_img, 175, 177, $product_r['product_title'],"/uploaded-files/product-images/");
                                        ?>
                                            <div class="col-lg-4 col-md-4 col-sm-4 item_view grid">
                                                <div class="thumbnail">
                                                    <div class="singleGallery">
                                                        <div class="largeImage">
                                                            <img id="myImage<?= $product_r['product_id']; ?>" src="<?= getImage($probig_img, 420, 420, $product_r['product_title'], "/uploaded-files/product-images/"); ?>"
                                                                alt="<?= $product_r['product_title']; ?> Manufacturers, Suppliers, Exporters in Surat"
                                                                title="<?= $product_r['product_title']; ?> Manufacturers, Suppliers, Exporters in Surat" width="420" height="420">
                                                        </div>
                                                        <div class="slider d-flex justify-content-center">
                                                            <?php
                                                            $snn = 1;
                                                            foreach ($pro_image as $pro_imag_vals) {
                                                                if ($snn < 4) { ?>
                                                                    <img class="imgItem slides p-0 h-auto d-block m-1 bg-dark <?= $snn == 1 ? 'active' : ''; ?>" onclick="imgMulti(<?= $product_r['product_id']; ?>, '<?= getImage($pro_imag_vals, 420, 420, $product_r['product_title'] . $product_r['product_id'] . $snn, '/uploaded-files/product-images/'); ?>', this)"
                                                                        src="<?= getImage($pro_imag_vals, 50, 50, $product_r['product_title'] . $product_r['product_id'] . $snn, '/uploaded-files/product-images/'); ?>"
                                                                        alt="<?= $product_r['product_title']; ?> Manufacturers, Suppliers, Exporters in Surat"
                                                                        title="<?= $product_r['product_title']; ?> Manufacturers, Suppliers, Exporters in Surat" width="50" height="50">
                                                                <?php }
                                                                $snn++;
                                                            }



                                                            if ($cat_details['catVideo']) { ?>

                                                            <?php } ?>




                                                        </div>
                                                    </div>
                                                    <div class="caption">
                                                        <h4><?= $product_r['product_title']; ?></h4>
                                                        <div class="clearfix"></div>
                                                        <a href="javascript:void(0);" data-bs-target="#whatsapp" data-bs-toggle="modal"
                                                            class="read_more read_moreblk know_more_details"
                                                            title="Place Order">Place Order</a>
                                                        <div class="clearfix"></div>
                                                    </div>

                                                </div>
                                            </div>

                                        <?php $i++;
                                        } ?>



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

                            <?php

                            $sub_cat_query = "select displayName,catName,catImage,parentID,catID,catDesc,catDesc1 from category_tbl where parentID = '" . $cat_details['catID'] . "' order by catOrder asc";
                            $res_cat = $dbconn->query($sub_cat_query);
                            if ($res_cat->num_rows > 0) {

                            ?>
                                <div class="you_may">All Category Related to <?= $cat_details['displayName']; ?></div>
                                <div class="allListing">
                                    <?php
                                    while ($sub_cat_det = $res_cat->fetch_assoc()) {
                                        $sub_cat_href = str_ireplace(" ", "-", $sub_cat_det['catName']);
                                    ?>
                                        <div class="product_listing">
                                            <div class="row">
                                                <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-5 col-12">
                                                    <?php if ($sub_cat_det['catImage']) { ?>
                                                        <div class="product">
                                                            <a href="<?= site_url . '/' . strtolower($sub_cat_href); ?>.htm"
                                                                title="<?= $sub_cat_det['displayName']; ?> Manufacturers in Surat">
                                                                <div class="image1">
                                                                    <img class="category_image<?= $sub_cat_det['catID']; ?>"
                                                                        src="<?= getImage($sub_cat_det['catImage'], 300, 300, $sub_cat_det['catName'], "/uploaded-files/category/images/"); ?>"
                                                                        alt="<?= $sub_cat_det['displayName']; ?> Manufacturers in Surat"
                                                                        title="<?= $sub_cat_det['displayName']; ?> Manufacturers in Surat"
                                                                        width="300" height="300">
                                                                </div>
                                                            </a>
                                                        </div><?php } ?>
                                                </div>
                                                <div class="col-xxl-8 col-xl-8 col-lg-8 col-md-8 col-sm-7 col-12">
                                                    <div class="right-content">
                                                        <h4><a class="category_title<?= $sub_cat_det['catID']; ?>"
                                                                href="<?= site_url . '/' . strtolower($sub_cat_href); ?>.htm"
                                                                title="<?= $sub_cat_det['displayName']; ?> Manufacturers in Surat"><?= $sub_cat_det['displayName']; ?></a>
                                                        </h4>
                                                        <div class="blue-line1"></div>
                                                        <div class="more_info">
                                                            <p><?= $sub_cat_det['catDesc']; ?></p>
                                                        </div>

                                                        <div class="clearfix"></div>
                                                        <a class="read_more pop_cat_id" href="#" data-bs-toggle="modal"
                                                            data-bs-target="#productID" title="Get Best Quote"><input type="hidden"
                                                                class="cat_id" value="<?= $sub_cat_det['catID']; ?>"><svg
                                                                xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                                fill="currentColor" viewBox="0 0 16 16">
                                                                <path
                                                                    d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z" />
                                                            </svg> Get Best Quote</a>
                                                        <a href="<?= site_url . '/' . strtolower($sub_cat_href); ?>.htm"
                                                            class="read_more" title="View More">View More</a>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    <?php } ?>
                                </div>
                                <?php } else {
                                $sub_cat_query = "select displayName,catName,catImage,parentID,catID,catDesc,catDesc1 from category_tbl where parentID = '" . $cat_details['parentID'] . "' and catID != '" . $cat_details['catID'] . "' order by catOrder asc";
                                $res_cat = $dbconn->query($sub_cat_query);
                                if ($res_cat->num_rows > 0) {
                                ?>
                                    <div class="you_may">You May Also Like These</div>
                                    <div class="allListing">
                                        <?php
                                        while ($sub_cat_det = $res_cat->fetch_assoc()) {
                                            $sub_cat_href = str_ireplace(" ", "-", $sub_cat_det['catName']);
                                        ?>
                                            <div class="product_listing">
                                                <div class="row">
                                                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-5 col-12">
                                                        <?php if ($sub_cat_det['catImage']) { ?>
                                                            <div class="product">
                                                                <a href="<?= site_url . '/' . strtolower($sub_cat_href); ?>.htm"
                                                                    title="<?= $sub_cat_det['displayName']; ?> Manufacturers in Surat">
                                                                    <div class="image1">
                                                                        <img class="category_image<?= $sub_cat_det['catID']; ?>"
                                                                            src="<?= getImage($sub_cat_det['catImage'], 300, 300, $sub_cat_det['catName'], "/uploaded-files/category/images/"); ?>"
                                                                            alt="<?= $sub_cat_det['displayName']; ?> Manufacturers in Surat"
                                                                            title="<?= $sub_cat_det['displayName']; ?> Manufacturers in Surat"
                                                                            width="300" height="300">
                                                                    </div>
                                                                </a>
                                                            </div><?php } ?>
                                                    </div>
                                                    <div class="col-xxl-8 col-xl-8 col-lg-8 col-md-8 col-sm-7 col-12">
                                                        <div class="right-content">
                                                            <h4 class="title4"><a class="category_title<?= $sub_cat_det['catID']; ?>"
                                                                    href="<?= site_url . '/' . strtolower($sub_cat_href); ?>.htm"
                                                                    title="<?= $sub_cat_det['displayName']; ?> Manufacturers in Surat"><?= $sub_cat_det['displayName']; ?></a>
                                                            </h4>
                                                            <div class="blue-line1"></div>
                                                            <div class="more_info">
                                                                <?= $sub_cat_det['catDesc']; ?>
                                                            </div>

                                                            <div class="clearfix"></div>
                                                            <a class="read_more pop_cat_id" href="#" data-bs-toggle="modal"
                                                                data-bs-target="#productID" title="Get Best Quote"><input type="hidden"
                                                                    class="cat_id" value="<?= $sub_cat_det['catID']; ?>"><svg
                                                                    xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                                    fill="currentColor" viewBox="0 0 16 16">
                                                                    <path
                                                                        d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z" />
                                                                </svg> Get Best Quote</a>
                                                            <a href="<?= site_url . '/' . strtolower($sub_cat_href); ?>.htm"
                                                                class="read_more" title="View More">View More</a>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        <?php } ?>
                                    </div>
                            <?php }
                            } ?>


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

            </div>
        </section>

        <div class="clearfix"></div>
        <!-- <div class="videoSection">
            <div class="container">
                <div class="title">Watch Fiyu Jewels</div>
                <div class="row">

                    <?php
                    $video_sql = mysqli_query($GLOBALS['dbconn'], "select slink_title, slink_url from video_tbl");
                    while ($video_res = mysqli_fetch_array($video_sql)) { ?>
                        <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 text-center">
                            <div class="videoFeedback">
                                <a data-fancybox="" href="https://youtu.be/<?= $video_res['slink_url']; ?>?si=O4CdwhK3_I7m7uOa" title="<?= $video_res['slink_title']; ?>">
                                    <div class="image">
                                        <img src="https://img.youtube.com/vi/<?= $video_res['slink_url']; ?>/hqdefault.jpg" alt="<?= $video_res['slink_title']; ?>" title="<?= $video_res['slink_title']; ?>">
                                        <span>
                                            <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M17.13 7.9799C20.96 10.1899 20.96 13.8099 17.13 16.0199L14.04 17.7999L10.95 19.5799C7.13 21.7899 4 19.9799 4 15.5599V11.9999V8.43989C4 4.01989 7.13 2.2099 10.96 4.4199L13.21 5.7199" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                            </svg>
                                        </span>
                                    </div>
                                    <div class="videoTitle">
                                        <div class="videoName"> <?= $video_res['slink_title']; ?> </div>
                                    </div>
                                </a>
                            </div>

                        </div>
                    <?php } ?>

                </div>
            </div>
        </div> -->


        <div class="videoSection">
            <div class="container">
            <div class="title">Check Out Our Latest Jewelry Creations</div>
             <p class="text-center mx-auto mb-3 w-75">
             Immerse yourself in elegance with our latest jewelry creations! Discover stunning designs featuring exquisite rings, necklaces, and bracelets that elevate any outfit. Watch as we unveil unique pieces crafted with precision and care. Join us for styling tips, behind-the-scenes insights, and the inspiration that brings each piece to life!
             </p>
             <div class="row g-3 mb-5">
                <div class="col-lg-2 col-md-3 col-6">
                   <a href="https://www.youtube.com/embed/1npyN0s28bI" data-fancybox="" title="Youtube" class="vid-bx">
                        <img src="https://img.youtube.com/vi/1npyN0s28bI/hqdefault.jpg" loading="lazy"
                            alt="Video thumbnail" class="img-fluid">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-play-fill" viewBox="0 0 16 16">
                            <path
                                d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393" />
                        </svg>
                       
                    </a>
                </div>

                <div class="col-lg-2 col-md-3 col-6">
                     <a href="https://www.youtube.com/embed/R0QzeB1biJ4" data-fancybox="" title="Youtube" class="vid-bx">
                        <img src="https://img.youtube.com/vi/R0QzeB1biJ4/hqdefault.jpg" loading="lazy"
                            alt="Video thumbnail" class="img-fluid">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-play-fill" viewBox="0 0 16 16">
                            <path
                                d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393" />
                        </svg>
                       
                    </a>
                </div>

                <div class="col-lg-2 col-md-3 col-6">
                  <a href="https://www.youtube.com/embed/PGk07VszA0Y" data-fancybox="" title="Youtube" class="vid-bx">
                        <img src="https://img.youtube.com/vi/PGk07VszA0Y/hqdefault.jpg" loading="lazy"
                            alt="Video thumbnail" class="img-fluid">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-play-fill" viewBox="0 0 16 16">
                            <path
                                d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393" />
                        </svg>
                       
                    </a>
                </div>

                <div class="col-lg-2 col-md-3 col-6">
                       <a href="https://www.youtube.com/embed/O7KNAZD7rcM" data-fancybox="" title="Youtube" class="vid-bx">
                        <img src="https://img.youtube.com/vi/O7KNAZD7rcM/hqdefault.jpg" loading="lazy"
                            alt="Video thumbnail" class="img-fluid">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-play-fill" viewBox="0 0 16 16">
                            <path
                                d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393" />
                        </svg>
                       
                    </a>
                </div>

                <div class="col-lg-2 col-md-3 col-6">
                   <a href="https://www.youtube.com/embed/KTQ8XoLs87w" data-fancybox="" title="Youtube" class="vid-bx">
                        <img src="https://img.youtube.com/vi/KTQ8XoLs87w/hqdefault.jpg" loading="lazy"
                            alt="Video thumbnail" class="img-fluid">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-play-fill" viewBox="0 0 16 16">
                            <path
                                d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393" />
                        </svg>
                       
                    </a>
                </div>

                <div class="col-lg-2 col-md-3 col-6">
                    <a href="https://www.youtube.com/embed/hRDx8G8HhpQ" data-fancybox="" title="Youtube" class="vid-bx">
                        <img src="https://img.youtube.com/vi/hRDx8G8HhpQ/hqdefault.jpg" loading="lazy"
                            alt="Video thumbnail" class="img-fluid">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-play-fill" viewBox="0 0 16 16">
                            <path
                                d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393" />
                        </svg>
                       
                    </a>
                </div>
            </div>
                <!-- <div class="row g-2 mb-5">
                    <div class="col-lg-2 col-md-6 col-12">
                        <a href="https://youtube.com/shorts/hRDx8G8HhpQ?si=0SJVbaFcurCeQAvm" target="_blank"
                            title="Instagram" class="vid-bx">
                            <video autoplay="" muted="" loop="">
                                <source src="designer/images/video/Baguette-Cut-Diamond-Band-Fiyu-Jewels-Diamond-Ring.mp4" type="video/mp4">
                            </video>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                class="bi bi-play-fill" viewBox="0 0 16 16">
                                <path
                                    d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393">
                                </path>
                            </svg>
                        </a>
                    </div>
                    <div class="col-lg-2 col-md-6 col-12">
                        <a href="https://youtube.com/shorts/KTQ8XoLs87w?si=RRR6RxQnhBJDHw2u" target="_blank"
                            title="Instagram" class="vid-bx">
                            <video autoplay="" muted="" loop="">
                                <source src="designer/images/video/Baguette-Cut-Diamond.mp4" type="video/mp4">
                            </video>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                class="bi bi-play-fill" viewBox="0 0 16 16">
                                <path
                                    d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393">
                                </path>
                            </svg>
                        </a>
                    </div>
                    <div class="col-lg-2 col-md-6 col-12">
                        <a href="https://youtube.com/shorts/O7KNAZD7rcM?si=UrXpFdXZjR_TDH9y" target="_blank"
                            title="Instagram" class="vid-bx">
                            <video autoplay="" muted="" loop="">
                                <source src="designer/images/video/Round-Brilliant-Cut-Diamond-Ring.mp4" type="video/mp4">
                            </video>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                class="bi bi-play-fill" viewBox="0 0 16 16">
                                <path
                                    d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393">
                                </path>
                            </svg>
                        </a>
                    </div>
                    <div class="col-lg-2 col-md-6 col-12">
                        <a href="https://youtube.com/shorts/PGk07VszA0Y?si=pNtsqE5U0de-8Sa0" target="_blank"
                            title="Instagram" class="vid-bx">
                            <video autoplay="" muted="" loop="">
                                <source src="designer/images/video/Three-Stone-Anniversary-Ring.mp4" type="video/mp4">
                            </video>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                class="bi bi-play-fill" viewBox="0 0 16 16">
                                <path
                                    d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393">
                                </path>
                            </svg>
                        </a>
                    </div>
                    <div class="col-lg-2 col-md-6 col-12">
                        <a href="https://youtube.com/shorts/R0QzeB1biJ4?si=RDbk_kSMI9yz6nII" target="_blank"
                            title="Instagram" class="vid-bx">
                            <video autoplay="" muted="" loop="">
                                <source src="designer/images/video/Yellow-Color-Gold-Ring.mp4" type="video/mp4">
                            </video>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                class="bi bi-play-fill" viewBox="0 0 16 16">
                                <path
                                    d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393">
                                </path>
                            </svg>
                        </a>
                    </div>
                    <div class="col-lg-2 col-md-6 col-12">
                        <a href="https://youtube.com/shorts/1npyN0s28bI?si=ShW8CvYa5qNerCVJ" target="_blank"
                            title="Instagram" class="vid-bx">
                            <video autoplay="" muted="" loop="">
                                <source src="designer/images/video/Yellow-Solid-Gold-Diamond-Ring.mp4" type="video/mp4">
                            </video>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                class="bi bi-play-fill" viewBox="0 0 16 16">
                                <path
                                    d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393">
                                </path>
                            </svg>
                        </a>
                    </div>
                </div> -->
            </div>
        </div>




        <?php include "app_footer.php"; ?>
        <?php include "app_bottom.php"; ?>
        <script>
            $(document).ready(function() {
                $(".img-sec").owlCarousel({
                    items: 5,
                    loop: false,
                    mouseDrag: true,
                    touchDrag: true,
                    pullDrag: true,
                    rewind: false,
                    autoplay: false,
                    margin: 0,
                    nav: true,
                    dots: false,
                });
            });
        </script>
        <script>
            function imgMulti(id, url, elm) {
                document.getElementById(`myImage${id}`).src = url;
                $(elm).addClass('active').siblings().removeClass('active');
            }
        </script>
        <script>
            function imgMulti(id, url, elm) {
                document.getElementById(`myImage${id}`).src = url;
                $(elm).addClass('active').siblings().removeClass('active');
            }
        </script>

    </body>

    </html>
<?php } else {
    header('location:' . site_url);
} ?>