<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>Print Barcodes | Stock Manager Advance</title>
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/bootstrap/css/bootstrap.min.css">
      <link rel="stylesheet" href="<?php echo asset_url(); ?>plugins/font-awesome/css/font-awesome.min.css">
      </head>
  <style>

.table.barcodes td {

   border-top: 0px;

   padding: 0px;

}

.table.barcodes .table-barcode {

    width: 100%;

}

.table.barcodes .table-barcode td {

    padding: 2px!important;

}

.bold {

    font-weight: 900;

}

.table-barcode tr{ line-height: 0.5; }



table{ line-height: 1.5; margin-bottom: 0px;  margin-left: 0mm;}



img{width: 145px; height: 25px;}

      body{font-size:13px;text-align:center;color:#000;background:#FFF;}body:before,body:after{display:none;}.tab-wrapper{max-width:1000px;margin:0 auto;}.table td{text-align:center;}h4{margin:5px;padding:0;}@media print {.table td{border-color:#F9F9F9!important;}.tab-wrapper{width:auto!important;}h3{margin-top:0;}.container p,.pagination,.well{display:none;}hr{page-break-after:always;}}

	  
.is_box{
	/*width:20%;*/
	/*background-color:#CCF;*/
	margin-left:4.1%;
	float:left;
	margin-bottom:2px;
        margin-top:0px;
        font-weight: bold;
}

img{
width:108px;
float:left;
}

body {
 font-size: 13px !important;
/* font-weight: bold;*/
line-height: 1.1 !important;

}
.img_div{
    	
    	
}
.img_div{
    height: 25px!important; 
}
.price_div{
    -ms-transform: rotate(270deg); /* IE 9 */
  -webkit-transform: rotate(270deg); /* Safari */
  transform: rotate(270deg); /* Standard syntax */
  
position: absolute;
margin-left: 96px;
font-size: 14px;
     margin-top: 13px;
}
.space{
clear: both;
    height: 2px;
    width: 100%;
}
      </style>
   </head>
   <body>
      <div class="tab-wrapper">
         <div class="well">
            <span style="margin-top:15px; display: block;">
               <div class="btn-group">
                  <a class="btn btn-primary" href="#" onclick="window.print(); return false;"><i class="fa fa-print"></i> Print</a>
                  <a class="btn btn-danger" onclick="javascript:window.close()"><i class="fa fa-times"></i> Close</a>
               </div>
            </span>
         </div>
         
         
  
  <!-- start code-->
  <?php
  for($k=0; $k<3; $k++){
   echo "<div class=\"is_box\">";	
        // $card_ref_number=$sale_des['card_ref_number'];
          //echo "";
          $card_ref_number=123546;
	 ?>
<!-- 	<div style="font-weight: bold;">The SmartPhone Shop</div> -->
<!--	 <img  class="img_div" src="<?php echo base_url().'thems/images/logo_sp.png';?>" alt='code' />	-->
          
         
           <div class="price_div"><?php echo number_format($product_details->product_price, 0, '', ''); //echo substr($product_details->product_price, 0,15);?> </div> 
          
	  <img src="<?php echo base_url().'products/gen_barcode/'.$product_details->product_code.'/25'; ?>" alt='code' />	
	 
	   <div>
	       <div class="space">&nbsp</div> 
	       <?php echo substr($product_details->product_name, 0,12);?> </div>
     <?php
	 echo "</div>";
	 }
	 ?>
  <!-- end code -->
         
       
         
      </div>
   </body>
</html>