<!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 = $record[0]; ?> 

<div class="main-block container">
    <div class="row">
        <div class="col-md-12 menu_block bg-top">
            <div class="remark">
                <?= trim($row->Remark) ?? '-'; ?>            
            </div>
        </div>
    </div>
        <?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 ?>
        <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 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">SkuCode</div>
                                <div class="value"><?php echo $detRow['SkuCode']; ?></div>
                            </div>
                            <?php } ?>
                            <?php if (!empty($detRow['Product'])) { ?> 
                            <div class="Detailcol">
                                <div class="key">Product</div>
                                <div class="value"><?php echo $detRow['Product']; ?></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['MASTER ITEM'])) { ?> 
                            <div class="Detailcol">
                                <div class="key">MASTER ITEM</div>
                                <div class="value"><?php echo $detRow['MASTER ITEM']; ?></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">GrossWt</div>
                                <div class="value"><?php echo $detRow['GrossWt']; ?></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['Last Change'])) { ?> 
                            <div class="Detailcol">
                                <div class="key">Last Change</div>
                                <div class="value"><?php echo $detRow['Last Change']; ?></div>
                            </div>
                            <?php } ?>
                            <?php if (!empty($detRow['MetalWeight'])) { ?> 
                            <div class="Detailcol">
                                <div class="key">MetalWeight</div>
                                <div class="value"><?php echo $detRow['MetalWeight']; ?></div>
                            </div>
                            <?php } ?>
                            <?php if (!empty($detRow['TotalDiaWeight'])) { ?> 
                            <div class="Detailcol">
                                <div class="key">TotalDiaWeight</div>
                                <div class="value"><?php echo $detRow['TotalDiaWeight']; ?></div>
                            </div>
                            <?php } ?>
                            <?php if (!empty($detRow['TotalStoneWeight'])) { ?> 
                            <div class="Detailcol">
                                <div class="key">TotalStoneWeight</div>
                                <div class="value"><?php echo $detRow['TotalStoneWeight']; ?></div>
                            </div>
                            <?php } ?>
                            <?php if (!empty($detRow['TotalSliverWeight'])) { ?> 
                            <div class="Detailcol">
                                <div class="key">TotalSliverWeight</div>
                                <div class="value"><?php echo $detRow['TotalSliverWeight']; ?></div>
                            </div>
                            <?php } ?>
                            <?php if (!empty($detRow['Vendor'])) { ?> 
                            <div class="Detailcol">
                                <div class="key">Vendor</div>
                                <div class="value"><?php echo $detRow['Vendor']; ?></div>
                            </div>
                            <?php } ?>
                            <?php if (!empty($detRow['VendorStyle#'])) { ?> 
                            <div class="Detailcol">
                                <div class="key">VendorStyle#</div>
                                <div class="value"><?php echo $detRow['VendorStyle#']; ?></div>
                            </div>
                            <?php } ?>
                            <?php if (!empty($detRow['CP Cost'])) { ?> 
                            <div class="Detailcol">
                                <div class="key">CP Cost</div>
                                <div class="value"><?php echo $detRow['CP Cost']; ?></div>
                            </div>
                            <?php } ?>
                    </div>
                </div>
                <?php endforeach ?>   
            </div>
        
            <div class="col-md-12 text-justify top-margin" style="">
                <div class="title-heading" style=""> Bom Details</div>
                <?php foreach ($bom as $key => $bom_record): ?> 
                <div class="col-md-4"> 
                    <div class="division" id="gdDD">
                            <?php if (!empty($bom_record['Item'])) { ?> 
                            <div class="Detailcol">
                                <div class="key">Item</div>
                                <div class="value"><?php echo $bom_record['Item']; ?></div>
                            </div>
                            <?php } ?>
                            <?php if (!empty($bom_record['Size'])) { ?> 
                            <div class="Detailcol">
                                <div class="key">Size</div>
                                <div class="value"><?php echo $bom_record['Size']; ?></div>
                            </div>
                            <?php } ?>
                            <?php if (!empty($bom_record['SkuCode'])) { ?> 
                            <div class="Detailcol">
                                <div class="key">SkuCode</div>
                                <div class="value"><?php echo $bom_record['SkuCode']; ?></div>
                            </div>
                            <?php } ?>
                            <?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">ItemComp</div>
                                <div class="value"><?php echo $bom_record['ItemComp']; ?></div>
                            </div>
                            <?php } ?>
                            <?php if (!empty($bom_record['SizeComp'])) { ?> 
                            <div class="Detailcol">
                                <div class="key">SizeComp</div>
                                <div class="value"><?php echo $bom_record['SizeComp']; ?></div>
                            </div>
                            <?php } ?>
                            <?php if (!empty($bom_record['SeiveSize'])) { ?> 
                            <div class="Detailcol">
                                <div class="key">SeiveSize</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">Wt</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 } ?>
                            <?php if (!empty($bom_record['Amt'])) { ?> 
                            <div class="Detailcol">
                                <div class="key">Amt</div>
                                <div class="value"><?php echo $bom_record['Amt']; ?></div>
                            </div>
                            <?php } ?>
                    </div>
                </div>
                <?php endforeach ?>   
            </div>
    <div class="download"> <div class="row"> </div> </div>

    <div class="clearfix"></div>

    
</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>

</body>
</html>