<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

  <head>

    <meta charset="UTF-8">

    <meta http-equiv="x-ua-compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="robots" content="noindex">

    <meta name="googlebot" content="noindex">

    <title>DNA</title>

    <!-- BOOTSTRAP CSS -->

    <link rel="preconnect" href="https://fonts.googleapis.com">

    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <!-- <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap" rel="stylesheet"> -->

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">

    
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>

    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>

    <link rel="stylesheet" type="text/css" href="<?= base_url() ?>assets/css/dna.css?v=<?php echo filemtime('./assets/css/dna.css'); ?>"/>
<!-- owl carosol -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
    <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
</head>

<body>    

<?php error_reporting(0); 

$row = $jewelry_list[0];

?> 



<div class="main-block">

    <div class="row">

        <div class="col-md-12 menu_block bg-top">

            <div class="remark">

                <h3><?php if (!empty($row['Descrption'])) { ?> <?php echo $row['Descrption']; ?></div><?php } ?></h3>

            </div>

        </div>

    </div>

        <!--img section start  -->

        <!-- <?php if (!empty($dataImg) || !empty($dataVideo)): ?>

        <div class="row">  

            <div class="col-md-12">                 

                <div>

                    <div class="images-carousel">

                        <?php $i = 1; foreach ($dataImg as $imgValue): ?> 

                            <div>

                                <div class="magnify-div">

                                    <img id="img_<?= $i++ ?>" src="<?= $imgValue; ?>" onmouseover="magnify(this.id)">

                                </div>

                            </div>

                        <?php endforeach ?>

                        <?php foreach ($dataVideo as $videoValue): ?> 

                            <div>

                                <div class="magnify-div">

                                    <video autoplay muted loop <?php if($this->agent->is_mobile()) { echo 'controls'; } ?>>

                                      <source src="<?= $videoValue; ?>" type="video/mp4">

                                    </video>

                                </div>

                            </div>

                        <?php endforeach ?>

                    </div>

                    <div class="images-carousel-nav carousel-nav">

                        <?php foreach ($dataImg as $imgValue): ?>   

                            <div class="nav_img">

                                <img src="<?= $imgValue; ?>">

                            </div>

                        <?php endforeach ?>  



                        <?php foreach ($dataVideo as $videoValue): ?>

                            <div class="nav_img">

                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-camera-video-fill" viewBox="0 0 16 16">

                                <path fill-rule="evenodd" d="M0 5a2 2 0 0 1 2-2h7.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 4.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 13H2a2 2 0 0 1-2-2V5z"/>

                            </svg>

                            </div> 

                        <?php endforeach ?>                                           

                    </div>   

                </div>

            </div>

        </div>

        <?php endif ?> -->

        <!-- img section end -->

<!-- carosel -->
<div class="wrapper">
<div class="container">
<div class="row">
  <div class="col-xs-12">
    <div id="product__slider">
      <div class="product__slider-main">

        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['SkuCode']); ?>.jpg" onerror="imgError(this)" alt="img"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['SkuCode']); ?>_1.jpg"  onerror="imgError(this)" alt="img"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['SkuCode']); ?>_2.jpg" onerror="imgError(this)" alt="img"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['SkuCode']); ?>_3.jpg" onerror="imgError(this)" alt="img"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['SkuCode']); ?>_4.jpg" onerror="imgError(this)" alt="img"></div>
        <!-- <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['SkuCode']); ?>_4.jpg" onerror="imgError(this)" alt="img"></div> -->


      </div>
      <div class="product__slider-thmb">
        <div class="slide thumb_hide_1"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['SkuCode']); ?>.jpg" onerror="this.parentNode.style.display='none'" alt="thumb_img"></div>
        <div class="slide" id="thumb_hide_2"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['SkuCode']); ?>_1.jpg" onerror="this.parentNode.style.display='none'" alt="thumb_img"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['SkuCode']); ?>_2.jpg" onerror="this.parentNode.style.display='none'"  alt="thumb_img"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['SkuCode']); ?>_3.jpg" onerror="this.parentNode.style.display='none'"  alt="thumb_img"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['SkuCode']); ?>_4.jpg" onerror="this.parentNode.style.display='none'"  alt="thumb_img"></div>
       
      </div>
    </div>
    <div class="row certificate_links ">
        <!-- <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 text-right links">
            <div class="border">
                <a href="https://dnalink.s3.us-west-2.amazonaws.com/Certificate_Images/GIA-1182337251.jpg" onclick="open_windows(this.href)"  data-toggle="tooltip" title="Certificate Image" target="_blank">
                <img src="../assets/images/camera-icon.png" alt="">
                </a>
            </div>
        </div> -->
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 text-left links">
        <div class="border">
           <a href="https://dnalink.s3.us-west-2.amazonaws.com/Certificate_Images/1295535065.pdf" onclick="open_windows(this.href)" data-toggle="tooltip" title="Certificate Pdf" target="_blank" >
              <img src="../assets/images/GIA-Logo.jpg" alt="">
           </a>
        </div>
        </div>
    </div>
  </div>
</div>
</div>
  
  </div>

<!-- carosel end -->
        <!-- <div class="row">  

            <div class="col-md-12">                 

                <div>

                    <div class="images-carousel">

                       

                            <div>

                                <div class="magnify-div">

                                    <img id="img" src="https://content.oul.net/Docs/Images/2/2019/05/Small/0d102923-de32-4d18-8b85-0c9d52c4bf7b-117bb0d89af649dc33625ae2c1e7b846.jpg" onmouseover="magnify(this.id)">

                                </div>

                            </div>



                            <div>

                                <div class="magnify-div">

                                    <img id="img" src="https://content.oul.net/Docs/Images/2/2019/05/Small/0d102923-de32-4d18-8b85-0c9d52c4bf7b-117bb0d89af649dc33625ae2c1e7b846.jpg" onmouseover="magnify(this.id)">

                                </div>

                            </div> -->

                        

                            <!-- <div>

                                <div class="magnify-div">

                                    <video autoplay muted loop >

                                      <source src="https://content.oul.net/Docs/Images/2/2019/05/Small/0d102923-de32-4d18-8b85-0c9d52c4bf7b-117bb0d89af649dc33625ae2c1e7b846.jpg" type="video/mp4">

                                    </video>

                                </div>

                            </div> -->

<!--                         

                    </div>

                    <div class="images-carousel-nav carousel-nav"> -->

                         

                            <!-- <div class="nav_img">

                                <img src="https://content.oul.net/Docs/Images/2/2019/05/Small/0d102923-de32-4d18-8b85-0c9d52c4bf7b-117bb0d89af649dc33625ae2c1e7b846.jpg">

                            </div>
 -->


                            <!-- <div class="nav_img">

                                <img src="https://content.oul.net/Docs/Images/2/2019/05/Small/0d102923-de32-4d18-8b85-0c9d52c4bf7b-117bb0d89af649dc33625ae2c1e7b846.jpg">

                            </div> -->



                            <!-- <div class="nav_img">

                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-camera-video-fill" viewBox="0 0 16 16">

                                <path fill-rule="evenodd" d="M0 5a2 2 0 0 1 2-2h7.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 4.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 13H2a2 2 0 0 1-2-2V5z"/></svg>

                            </div>  -->

                                                                  
<!-- 
                    </div>   

                </div>

            </div>

        </div> -->

        <!-- dummy image section end -->

        

        <!-- <pre> -->

        <?php // print_r($jewelry_list); ?>



        <div class="row">            

            <div class="col-md-12 text-justify top-margin" style="">

                <div class="title-heading" style=""> Details</div>
                <div class="d-flex">
                    <?php if(!empty($jewelry_list)){ ?>
                        <?php foreach ($jewelry_list as $detRow): ?> 
                       
                        <div class="col"> 

                            <div class="division" id="gdDD">

                                <!-- <?php if (!empty($detRow['Item'])) { ?> 

                                    <div class="Detailcol">

                                        <div class="key">Master Item</div>

                                        <div class="value"><?php echo $detRow['Item']; ?></div>

                                    </div>

                                <?php } ?> -->

                                <?php if (!empty($detRow['Item'])) { ?> 

                                    <div class="Detailcol">

                                        <div class="key">Item</div>

                                        <div class="value"><?php echo $detRow['Item']; ?></div>

                                    </div>

                                <?php } ?>

                                <?php if (!empty($detRow['Size'])) { ?> 

                                    <div class="Detailcol">

                                        <div class="key">Lot No.</div>

                                        <div class="value"><?php echo $detRow['Size']; ?></div>

                                    </div>

                                <?php } ?>

                                <?php if (!empty($detRow['SkuCode'])) { ?> 

                                    <div class="Detailcol">

                                        <div class="key">Barcode</div>

                                        <div class="value"><?php echo $detRow['SkuCode']; ?></div>

                                    </div>

                                <?php } ?>

                                <?php if (!empty($detRow['Department'])) { ?> 

                                    <div class="Detailcol">

                                        <div class="key">Department</div>

                                        <div class="value"><?php echo $detRow['Department']; ?></div>

                                    </div>

                                <?php } ?>

                                <?php if (!empty($detRow['Section'])) { ?> 

                                    <div class="Detailcol">

                                        <div class="key">Section</div>

                                        <div class="value"><?php echo $detRow['Section']; ?></div>

                                    </div>

                                <?php } ?>

                                <?php if (!empty($detRow['Descrption'])) { ?> 

                                    <div class="Detailcol">

                                        <div class="key">Descrption</div>

                                        <div class="value"><?php echo $detRow['Descrption']; ?></div>

                                    </div>

                                <?php } ?>

                                <!-- <?php if (!empty($detRow['Descrption'])) { ?> 

                                   <div class="Detailcol">

                                      <div class="key">Descrption</div>

                                      <div class="value"><?php echo $detRow['Descrption']; ?></div>

                                      </div>

                                <?php } ?> -->

                                <?php if (!empty($detRow['Grade'])) { ?> 

                                    <div class="Detailcol">

                                        <div class="key">Grade</div>

                                        <div class="value"><?php echo $detRow['Grade']; ?></div>

                                    </div>

                                <?php } ?>

                                <?php if (!empty($detRow['Color'])) { ?> 

                                    <div class="Detailcol">

                                        <div class="key">Color</div>

                                        <div class="value"><?php echo $detRow['Color']; ?></div>

                                    </div>

                                <?php } ?>

                                <?php if (!empty($detRow['GrossWt'])) { ?> 

                                    <div class="Detailcol">

                                        <div class="key">Gross Weight</div>

                                        <div class="value"><?php echo number_format((float)$detRow['GrossWt'],2); ?> Gram</div>
                                        <!-- <div class="value"><?php //echo number_format($detRow['GrossWt'],2); ?></div> -->

                                    </div>

                                <?php } ?>

                                <?php if (!empty($detRow['Style'])) { ?> 

                                    <div class="Detailcol">

                                        <div class="key">Style</div>

                                        <div class="value"><?php echo $detRow['Style']; ?></div>

                                    </div>

                                <?php } ?>

                                <?php if (!empty($detRow['X_Price'])) { ?> 

                                    <div class="Detailcol">

                                        <div class="key">X Price</div>

                                        <div class="value">$ <?php echo $detRow['X_Price']; ?></div>

                                    </div>

                                <?php } ?>

                                <?php if (!empty($detRow['MetalWeight'])) { ?> 

                                    <div class="Detailcol">

                                        <div class="key">Metal Weight</div>

                                        <div class="value"><?php echo number_format($detRow['MetalWeight'],2); ?> Gram</div>

                                    </div>

                                <?php } ?>

                                <?php if (!empty($detRow['TotalDiaWeight'])) { ?> 

                                    <div class="Detailcol">

                                        <div class="key">Total Dia Weight</div>

                                        <div class="value"><?php echo number_format($detRow['TotalDiaWeight'],2); ?> Cts.</div>

                                    </div>

                                <?php } ?>

                                <?php if (!empty($detRow['TotalStoneWeight'])) { ?> 

                                    <div class="Detailcol">

                                        <div class="key">Total Stone Weight</div>

                                        <div class="value"><?php echo number_format($detRow['TotalStoneWeight'],2); ?> Cts.</div>

                                    </div>

                                <?php } ?>

                                <?php if (!empty($detRow['TotalSliverWeight'])) { ?> 

                                    <div class="Detailcol">

                                        <div class="key">Total Sliver Weight</div>

                                        <div class="value"><?php echo $detRow['TotalSliverWeight']; ?> Gram</div>

                                    </div>

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

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

        
        <?php if(!empty($bom)){ ?>
            <div class="col-md-12 text-justify top-margin" style="">

                <div class="title-heading" style=""> Specifications</div>
                <div class="col-sm-12 design-table table-responsive">

                <table  cellspacing='5' cellpadding="5" border="1" class="table  table-hover">
                    <tr>
                        <!-- <th>Item </th>
                        <th>Size </th>
                        <th>SkuCode </th> -->
                        <th>Type </th>
                        <th>Shape </th>
                        <th>Grade </th>
                        <th>Color </th>
                        <th>Cut </th>
                        <!-- <th>Item Comp </th>
                        <th>Size Comp </th> -->
                        <th>Seive Size </th>
                        <th>Pcs </th>
                        <th>Weight </th>
                        <th>Unit </th>
                        <!-- <th>Amt </th> -->
                        
                    </tr>

                    <?php foreach ($bom as $key1 => $bom_record1): ?> 
                        <?php //print_r($bom_record1); 
                        
                        ?>
                    <tr>
                        <!-- <td><?php echo (!empty($bom_record1['Item'])) ? $bom_record1['Item'] : '-' ;?></td>
                        <td><?php echo (!empty($bom_record1['Size'])) ? $bom_record1['Size'] : '-' ;?></td>
                        <td><?php echo (!empty($bom_record1['SkuCode'])) ? $bom_record1['SkuCode'] : '-' ;?></td> -->
                        <td><?php echo (!empty($bom_record1['Type'])) ? $bom_record1['Type'] : '-' ;?></td>
                        <td><?php echo (!empty($bom_record1['Shape'])) ? $bom_record1['Shape'] : '-' ;?></td>
                        <td><?php echo (!empty($bom_record1['Grade'])) ? $bom_record1['Grade'] : '-' ;?></td>
                        <td><?php echo (!empty($bom_record1['Color'])) ? $bom_record1['Color'] : '-' ;?></td>
                        <td><?php echo (!empty($bom_record1['Cut'])) ? $bom_record1['Cut'] : '-' ;?></td>
                        <!-- <td><?php echo (!empty($bom_record1['ItemComp'])) ? $bom_record1['ItemComp'] : '-' ;?></td>
                        <td><?php echo (!empty($bom_record1['SizeComp'])) ? $bom_record1['SizeComp'] : '-' ;?></td> -->
                        <td><?php echo (!empty($bom_record1['SeiveSize'])) ? $bom_record1['SeiveSize'] : '-' ;?></td>
                        <td><?php echo (!empty($bom_record1['Pcs'])) ? $bom_record1['Pcs'] : '-' ;?></td>
                        <td><?php echo (!empty($bom_record1['Wt'])) ? $bom_record1['Wt']."" : '-' ;?></td>
                        <td><?php echo (!empty($bom_record1['Unit'])) ? $bom_record1['Unit'] : '-' ;?></td>
                        <!-- <td><?php echo (!empty($bom_record1['Amt'])) ? $bom_record1['Amt'] : '-' ;?></td> -->
                                         
                    </tr>
                    <?php endforeach ?> 
                    
                    </table>
                <!-- table start here -->
                <!-- <div class="col-sm-12 design-table table-responsive"> -->
                <!-- <table cellspacing='5' cellpadding="5" border="1" class="table  table-hover">
                    <?php foreach ($bom as $key1 => $bom_record1): ?> 
                        
                            <th><?php echo $key1; ?></th>
                        
                     <?php endforeach ?> 

                    <?php foreach ($bom as $key => $bom_record): ?> 
                        <tr>
                            <?php foreach ($bom_record as $key => $record): ?> 
                                <td><?php echo (!empty($record)) ? $record : '-' ;?></td>

                            <?php endforeach ?> 
                        <tr>
                <?php endforeach ?> 
                </table> -->

                <!-- <table cellspacing='5' cellpadding="5" border="1" class="table  table-hover">
                    <?php foreach ($bom as $key1 => $bom_record1): ?> 
                            
                            <th><?php echo $key1; ?></th>
                    <?php endforeach ?> 

                    <?php //print_r(array_keys($bom['0'])); ?>
                    <?php foreach ($bom as $key => $bom_record): ?> 
                        
                            <tr>
                                <?php foreach ($bom_record as $key1 => $record): ?> 
                                    <td><?php echo (!empty($record)) ? $record : '-' ;?></td>
                                <?php endforeach ?> 
                            </tr>   
                               
                        <?php endforeach ?> 
                </table> -->


                </div>
                <!-- table end here -->
                <!-- <div class="col-md-4"> 

                    <div class="division" id="gdDD">

                            <?php if (!empty($bom_record['Type'])) { ?> 

                            <div class="Detailcol">

                                <div class="key">Type</div>

                                <div class="value"><?php echo $bom_record['Type']; ?></div>

                            </div>

                            <?php } ?>

                            <?php if (!empty($bom_record['Shape'])) { ?> 

                            <div class="Detailcol">

                                <div class="key">Shape</div>

                                <div class="value"><?php echo $bom_record['Shape']; ?></div>

                            </div>

                            <?php } ?>

                            <?php if (!empty($bom_record['Grade'])) { ?> 

                            <div class="Detailcol">

                                <div class="key">Grade</div>

                                <div class="value"><?php echo $bom_record['Grade']; ?></div>

                            </div>

                            <?php } ?>

                            <?php if (!empty($bom_record['Color'])) { ?> 

                            <div class="Detailcol">

                                <div class="key">Color</div>

                                <div class="value"><?php echo $bom_record['Color']; ?></div>

                            </div>

                            <?php } ?>

                            <?php if (!empty($bom_record['Cut'])) { ?> 

                            <div class="Detailcol">

                                <div class="key">Cut</div>

                                <div class="value"><?php echo $bom_record['Cut']; ?></div>

                            </div>

                            <?php } ?>

                            <?php if (!empty($bom_record['ItemComp'])) { ?> 

                            <div class="Detailcol">

                                <div class="key">Item Comp</div>

                                <div class="value"><?php echo $bom_record['ItemComp']; ?></div>

                            </div>

                            <?php } ?>

                            <?php if (!empty($bom_record['SizeComp'])) { ?> 

                            <div class="Detailcol">

                                <div class="key">Size Comp</div>

                                <div class="value"><?php echo $bom_record['SizeComp']; ?></div>

                            </div>

                            <?php } ?>

                            <?php if (!empty($bom_record['SeiveSize'])) { ?> 

                            <div class="Detailcol">

                                <div class="key">Seive Size</div>

                                <div class="value"><?php echo $bom_record['SeiveSize']; ?></div>

                            </div>

                            <?php } ?>

                            <?php if (!empty($bom_record['Pcs'])) { ?> 

                            <div class="Detailcol">

                                <div class="key">Pcs</div>

                                <div class="value"><?php echo $bom_record['Pcs']; ?></div>

                            </div>

                            <?php } ?>

                            <?php if (!empty($bom_record['Wt'])) { ?> 

                            <div class="Detailcol">

                                <div class="key">Weight</div>

                                <div class="value"><?php echo $bom_record['Wt']; ?></div>

                            </div>

                            <?php } ?>

                            <?php if (!empty($bom_record['Unit'])) { ?> 

                            <div class="Detailcol">

                                <div class="key">Unit</div>

                                <div class="value"><?php echo $bom_record['Unit']; ?></div>

                            </div>

                            <?php } ?>

                    </div>

                </div> -->

            </div>
        <?php } ?>
    

</div>

<!-- similar products carousol -->
<section class="container-fluid owl-carousol_">
        <div class="home-demo">
            <h1 class="arrival-class">Similar Products</h1>
            <div class="owl-carousel owl-theme">
              <div class="img-box">
                <a href="#"> <img src="https://dnalink.s3.us-west-2.amazonaws.com/1044114_1.jpg" alt="img"> </a>
              </div>
              <div class="img-box">
                <a href="#"> <img src="https://dnalink.s3.us-west-2.amazonaws.com/1044114_1.jpg" alt="img"> </a>
              </div>
              <div class="img-box">
                <a href="#"> <img src="https://dnalink.s3.us-west-2.amazonaws.com/1044114_1.jpg" alt="img"> </a>
              </div>
              <div class="img-box">
                <a href="#"> <img src="https://dnalink.s3.us-west-2.amazonaws.com/1044114_1.jpg" alt="img"> </a>
              </div>
              <div class="img-box">
                <a href="#"> <img src="https://dnalink.s3.us-west-2.amazonaws.com/1044114_1.jpg" alt="img"> </a>
              </div>
              <div class="img-box">
                <a href="#"> <img src="https://dnalink.s3.us-west-2.amazonaws.com/1044114_1.jpg" alt="img"> </a>
              </div>
            </div>
        </div>
</section>
  <script> var base_url = '<?php echo base_url(); ?>'; </script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  <script src="<?php echo base_url(); ?>assets/js/dna.js?v=<?php echo filemtime('./assets/js/dna.js'); ?>"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  

<script>
    if ( $('.product__slider-main').length ) {
        var $slider = $('.product__slider-main')
            .on('init', function(slick) {
                $('.product__slider-main').fadeIn(1000);
            })
            .slick({
                slidesToShow: 1,
                slidesToScroll: 1,
                arrows: true,
                lazyLoad: 'ondemand',
                asNavFor: '.product__slider-thmb'
            });

    var $slider2 = $('.product__slider-thmb')
            .on('init', function(slick) {
                $('.product__slider-thmb').fadeIn(1000);
            })
            .slick({
                slidesToShow: 5,
                slidesToScroll:1,
                arrows: false,
                lazyLoad: 'ondemand',
                asNavFor: '.product__slider-main',
                dots: false,
                centerMode: false,
                focusOnSelect: true
            });

 $('.product__slider-thmb .slick-slide').removeClass('slick-active');

 
 $('.product__slider-thmb .slick-slide').eq(0).addClass('slick-active');

 $('.product__slider-main').on('beforeChange', function (event, slick, currentSlide, nextSlide) {
 	var mySlideNumber = nextSlide;
 	$('.product__slider-thmb .slick-slide').removeClass('slick-active');
 	$('.product__slider-thmb .slick-slide').eq(mySlideNumber).addClass('slick-active');
});
require(['js-sliderWithProgressbar'], function(slider) {

    $('.product__slider-main').each(function() {

        me.slider = new slider($(this), options, sliderOptions, previewSliderOptions);


    });
});
  var options = {
    progressbarSelector    : '.bJS_progressbar'
    , slideSelector        : '.bJS_slider'
    , previewSlideSelector : '.bJS_previewSlider'
    , progressInterval     : ''
    , onCustomProgressbar : function($slide, $progressbar) {}
}
var sliderOptions = {
    slidesToShow   : 1,
    slidesToScroll : 1,
    arrows         : true,
    fade           : true,
}
var previewSliderOptions = {
    slidesToShow   : 5,
    slidesToScroll : 1,
    dots           : false,
    focusOnSelect  : true,
    centerMode     : true
}
}

    </script>

    <script>
        var base_url = "<?=base_url(); ?>";
        function imgError(e) {
            e.src = base_url+'assets/images/No_image.jpg';

        }

        function imgErrors(e){
            e.parentNode.style.display='none';
        }

        // $(".thumb_hide img").each(function() {
            //     // alert(thumb_hide);
            // });
            // var thumb_hide_1 = $("img").attr(src);
            // if(thumb_hide_1 == base_url+'assets/images/No_image.jpg'){
            //     $('.thumb_hide_1').hide();
            // }
            // var thumb_hide_2 = $(".thumb_hide_2").attr(src);
            // alert(thumb_hide_2);
            // if(thumb_hide_2 == base_url+'assets/images/No_image.jpg'){
            //     // $('#thumb_hide_2').css('diplay','none');
            // }

    </script>
    <!-- tooltip script -->
    <script>
$(document).ready(function(){
  $('[data-toggle="tooltip"]').tooltip();   
});
</script>

<script>
    function open_windows(src)
    {       
        window.open(src, "Diamond", "width=500, height=500");
    }


      // owl carousol
      $(function() {
        var owl = $(".owl-carousel");
        owl.owlCarousel({
          items: 5,
          margin:15,
          loop: true,
          nav: true,
          arrow:true,
        });
      });
</script>
</body>

</html>