<html>
      <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">-->
  <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>-->
  <!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
    <title>Barcode Print</title> 
<head>
<style>
    p.inline {
        display: inline-block;
        text-align: left;
    }
    span { 
        font-size: 13px;
  text-align: left;
        
    }
    .grid-container {
          display: grid;
          grid-template-columns: auto auto auto auto;    
          margin: 0mm;
    }
    .grid-item {  
        margin: 0mm; 
        text-align: left;
    }
</style> 
<style type="text/css" media="print">
    @page 
    {
         size: auto;   /* auto is the initial value */
        margin: 0mm;  /* this affects the margin in the printer settings */

    }
    .body{
         size: auto;   /* auto is the initial value */
        margin: 0mm;  /* this affects the margin in the printer settings */
    }
</style>  
</head>


 <!--onload="window.print();"-->
<body>
    <?php
require_once("./new/connection_sql.php"); 
include 'arn_barcode.php';
?>
    <div style="margin-left: 5%">
        <div class='grid-container'>
        <?php
           
            $sql = "Select * from s_purtrn where REFNO='" . $_GET['invno'] . "'"; 
            foreach ($conn->query($sql) as $row) { 
                 
                for($i=1;$i<=1;$i++){
                    
                    echo " <div class='grid-item'>
                    <p class='inline'>
                    <span >".bar128(stripcslashes($row['barcode']))."</span>
                    <span ><b>Price:  </b></span>
                   
                    </p></div>  ";
                      
                }
            }
 
        ?>
        </div>
    </div>
</body>
</html>

