<!DOCTYPE html>
<html>
<head>
	<title>QR Baju</title>
	<style type="text/css">
		body {
			width: 5cm;
			/*border: 1px solid black;*/
			font-family: 'helvetica';
			font-size: 12px;
		}
		.tr-note td.lbl{
			font-size: 12px;
		}

		.ico-arrow {
			position: absolute;
			top: 7px;
			right: 0px;
			height: 23px;
		}

	</style>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/jquery/jquery.min.js"></script>
</head>
<body onload="window.print();">

	<table style="border-collapse: collapse;" border="1" cellpadding="3" width="100%">
		<?php 
			$tot = count($trx);
			$txt = '';
			foreach ($trx as $key => $value) {
		?>
			<tr>
				<td rowspan="4" width="75px">
					<img style="display:inline-block" src="https://quickchart.io/qr?size=75&text=<?php echo $value['item_code'];?>">
				</td>
				<td colspan="2">
					<div style="font-size:12px;font-weight:bold;position:relative;">
						<?php echo $data['customer_name'];?>
						<img class="ico-arrow" src="<?php echo base_url().AZAPP.'assets/images/arrow.png';?>">
					</div>
				</td>
			</tr>
			<tr>
				<td><?php echo $value['product_name'].'. '.$value['colour'].', '.$value['hue'].', '.$value['spot'];?></td>
			</tr>
			<tr>
				<td><?php echo $outlet['outlet_name'];?></td>
			</tr>
			<tr>
				<td><?php echo $value['item_code'];?></td>
			</tr>
		<?php
			}
		?>
	</table>
</body>
</html>