<!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'); ?>"/>



</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['Item']);?>.jpg"  alt="" class="img-responsive"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['Item']);?>.jpg"  alt="" class="img-responsive"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['Item']);?>.jpg"  alt="" class="img-responsive"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['Item']);?>.jpg"  alt="" class="img-responsive"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['Item']);?>.jpg"  alt="" class="img-responsive"></div> -->

        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/NJR3132-J12761_1.jpg" alt="" class="img-responsive"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/NJR3132-J12761_2.jpg" alt="" class="img-responsive"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/NJR3132-J12761_3.jpg" alt="" class="img-responsive"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/NJR3132-J12761_4.jpg" alt="" class="img-responsive"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/NJR3132-J12761_5.jpg" alt="" class="img-responsive"></div>

      </div>
      <div class="product__slider-thmb">
        <!-- <div class="slide"><img src="https://content.oul.net/Docs/Images/2/2019/05/Small/0d102923-de32-4d18-8b85-0c9d52c4bf7b-117bb0d89af649dc33625ae2c1e7b846.jpg" alt="" width="100px" height="100px"style="border:1px solid #ddd;"></div> -->
        
        <!-- <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['Item']);?>.jpg"  alt="" width="100px" height="100px"style="border:1px solid #ddd;"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['Item']);?>.jpg"  alt="" width="100px" height="100px"style="border:1px solid #ddd;"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['Item']);?>.jpg"  alt="" width="100px" height="100px"style="border:1px solid #ddd;"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['Item']);?>.jpg"  alt="" width="100px" height="100px"style="border:1px solid #ddd;"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['Item']);?>.jpg"  alt="" width="100px" height="100px"style="border:1px solid #ddd;"></div>
         -->
        <!-- <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/<?= trim($row['Item']);?>.jpg" alt="" width="100px" height="100px"style="border:1px solid #ddd;"></div> -->
        
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/NJR3132-J12761_1.jpg" alt="" width="100px" height="100px"style="border:1px solid #ddd;"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/NJR3132-J12761_2.jpg" alt="" width="100px" height="100px"style="border:1px solid #ddd;"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/NJR3132-J12761_3.jpg" alt="" width="100px" height="100px"style="border:1px solid #ddd;"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/NJR3132-J12761_4.jpg" alt="" width="100px" height="100px"style="border:1px solid #ddd;"></div>
        <div class="slide"><img src="https://dnalink.s3.us-west-2.amazonaws.com/NJR3132-J12761_5.jpg" alt="" width="100px" height="100px"style="border:1px solid #ddd;"></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>
                    <?php if(!empty($jewelry_list)){ ?>
                        <?php foreach ($jewelry_list as $detRow): ?> 

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

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

                                    <?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">Size</div>

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

                                    </div>

                                    <?php } ?>

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

                                    <div class="Detailcol">

                                        <div class="key">Sku#</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['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 } ?>

                            

                            </div>

                        </div>

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

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

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

                                    <div class="Detailcol">

                                        <div class="key">Gross Weight</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); ?></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); ?></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); ?></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']; ?></div>

                                    </div>

                                    <?php } ?>

                            </div>

                        </div>

                        <?php endforeach ?>   
                    <?php } ?>

            </div>

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

                <div class="title-heading" style=""> Specifications</div>
                <!-- table start here -->
                <div class="col-sm-12 design-table">
                <table cellspacing='5' cellpadding="5" border="1" class="table  table-hover">
                    <?php foreach ($bom as $key => $bom_record): ?> 
                    <tr>
                        <th><?php echo $key; ?></th>
                            <?php foreach ($bom_record as $key => $record): ?> 
                                <!-- <td><?php //echo $record; ?></td> -->
                                <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>

<script> var base_url = '<?php echo base_url(); ?>'; </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>
    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: 4,
                slidesToScroll: 1,
                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         : false,
    fade           : true,
}
var previewSliderOptions = {
    slidesToShow   : 5,
    slidesToScroll : 1,
    dots           : false,
    focusOnSelect  : true,
    centerMode     : true
}
}

    </script>

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

</body>

</html>