i have page for barcode print by id product
like this :
https://i.sstatic.net/LekwH.jpg
i want page show 20 barcode like picture bellow
https://i.sstatic.net/SgAle.jpg
I only have 1 barcode data but I want to display as many as 20 barcodes on the page ... so, when I print a barcode, I can print as many as 20 barcodes, not just one
my controller :
public function barcodes($id){
$title = $this->title;
$products = Product::find($id);
$vars = compact('products');
$data = ['products' => $products];
return view($title.'.barcodes',compact('data','products'));
}
blade view:
<div class="row">
<div class="col-12">
<div class="card-box">
<div class="header-title">
<a href="#" class="btn btn-info btn-sm" onclick="printDiv('printableArea')" >
<i class="fa fa-print"></i>
Print
</a>
</div>
<div class="panel-body" id="printableArea">
<div class="col-md-2" style="padding: 10px; border: 1px solid #adadad;display:inline-block;line-height:16px !important; " align="center">
<p>{{$products->name}}</p>
<?php echo '<img src="data:image/png;base64,' . DNS1D::getBarcodePNG($products->code, "c128A",1,40,array(1,1,1), true) . '" />'; ?>
<br>
<small style="font-size: 8px !important;"><b>{{$products->code}}</b></small>
<p style="line-height: 12px !important; font-size: 8px !important;">
<b>Price: {{$products->sale_price}} </b>
</p>
</div>
</div>
</div>
</div>
</div>
<script>
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
</script>