<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
    <!--[if gte mso 9]>
    <xml>
    <o:OfficeDocumentSettings>
    <o:AllowPNG/>
    <o:PixelsPerInch>96</o:PixelsPerInch>
    </o:OfficeDocumentSettings>
    </xml>
    <![endif]-->
    <style media="screen">
body{
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
     font-family: "Proxima Nova", Helvetica, Arial, san-serif;
    padding: 0;
  }
  .container{
    max-width: 700px;
    margin: 0 auto;
    padding: 0;
  }
  .content-body{
    padding-top: 60px;
  }
  .content-body-text{
    max-width: 400px;
    margin: 0 auto;
  }
  .button{
    margin-bottom: 40px;
  }
  .product {
    width: 325px;
    float: left;
    margin: 10px;
  }
  a.button-link{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #034d7f;
    border-radius: 5px;
    margin: 0 auto;
    padding: 10px 15px;
    color: #ffffff;
    border: 2px solid #FFFFFF;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    display: block;
  }
  h2 {
    font-size: 14px;
    font-weight: bold;
  }
  td.det_col {
      font-size: 14px;
  }
 
@media only screen and (max-width:480px){

  body{
    margin-left: 0;
    margin-right: 0;
  }
  .container{
    max-width: 320px;
    margin: 0 auto;
    padding: 0;
  }
  .product {
    margin: 10px auto;
  }
  a.button-link{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #034d7f;
    border-radius: 5px;
    margin: 0 auto;
    padding: 10px 15px;
    color: #ffffff;
    border: 2px solid #FFFFFF;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    display: block;
  }
  h2 {
    font-size: 14px;
    font-weight: bold;
  }
}
    </style>

<!– [if gte mso 9]>
<style type="text/css">
  .container{
    width: 700px;
    margin: 0 auto;
    padding: 0;
  }
</style>
<![endif]–>

</head>
<body style="margin:0; padding: 0;font-family: 'arial', sans-serif;">
  <div class="container">

<table> <tr> <td style="padding: 5px;font-size: 15px"><?= $message_body ?></td> </tr> </table>

<?php $description = $list[0]['description']; ?>
<table cellpadding="0" cellspacing="5" border="0" align="center" style="width: 100%;">
    <tr>  
      <td colspan="3" style="font-size: 15px"><b>Special remarks:</b> <?= $description->remarks ?></td>                    
    </tr>
    <tr>  
      <td colspan="3" style="font-size: 15px"><b>Inscription wanted:</b> <?= $description->inscription ?></td>                    
    </tr>
    <tr>
      <td colspan="3" style="padding: 10px;border-top: 1px solid #ddd;"> </td>
    </tr>

<?php $count = 1; ?>    
<?php foreach ($list as $row): ?>
<?php   
  $detail_url = base_url().'j/'.$row['item'].'?id='.$row['pro_id'];
  
  $image_url = 'https://dnalinks.in/'.$row['item'].'/1'.$row['metal_color'].'.jpg';
  if(checkLink($image_url) != '200') {
      $image_url = base_url().'assets/images/No_image.jpg';    
  }
?>
<tr>      

    <td style="width: 210px">
      <a href="<?= $detail_url ?>" target="_blank">
          <img width="200"
            style="border: 1px solid #ddd;border-radius: 6px;width: 200px; height: auto;" 
            src="<?= $image_url ?>" onerror="imgError(this)">
      </a>  
    </td>

    <td>
      <table cellspacing="" cellpadding="3" border="0" width="100%" style="width: 300px">                    

        <tr>  
          <td class="det_col" style="color: #034d7f;font-size: 16px;"><?= $row['remarks'] ?></td>                    
        </tr>
        <tr>  
          <td class="det_col" style="color: #034d7f;">$ <?= $description->price ?></td>                    
        </tr>
        <tr>  
          <td class="det_col"><b>Item# </b>: <?= $description->item ?></td>
        </tr>
        <tr> 
          <td class="det_col"><b>Diamond Shape (Center Stone) </b>: <?= $description->diaShape ?></td>
        </tr>
        <tr>   
          <td class="det_col"><b>Diamond Quality (Side Stone) </b>: <?= $description->diaQuality ?></td>
        </tr>
        <tr>   
          <td class="det_col"><b>Approx Ct Wt (Center Stone) </b>: <?= $description->ctWeight ?></td>
        </tr>
        <tr>   
          <td class="det_col"><b>Metal Type </b>: <?= $description->metalType ?></td>
        </tr>
        <?php if ($description->ringSize): ?>
        <tr> 
          <td class="det_col"><b>Ring Size </b>: <?= $description->ringSize ?></td>
        </tr>                    
        <?php endif ?>

    </table>
  </td>

</tr>
<tr>
  <td colspan="2" style="padding: 10px;border-top: 1px solid #ddd;"> </td>
</tr>
<?php endforeach ?>


</table>

<table> <tr> <td style="padding: 5px;"></td> </tr> </table>
</div>

</body>
</html>