<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="apple-touch-icon" href="apple-touch-icon.png">
        <!-- Place favicon.ico in the root directory -->

        <style type="text/css">
        	@page {
				size: 89mm 36mm;
        	}

        	html {
        		font-size: 17px;
        		margin: 0;
        	}

        	.barcode {
        		width: 195px;
        		margin: 4px auto;
        	}

        	.barcode-number {
        		text-align: center;
        		font-size: 14px;
        		font-family: monospace;
        		margin: 2px 0;
        		font-weight: bold;
        	}

        	.controls {
        		margin-bottom: 20px;
        	}

			@media print {
				.controls {
					display: none;
					margin: 0;
				}
			}
    	</style>
    </head>
    <body style="text-align: center;">
    	<div class="controls">
    		<a href="#" onclick="window.print()">Print</a>
    	</div>

    	<div>
    		{!! $stock->name !!}
    	</div>
    	<div class="barcode">
			{!! DNS1D::getBarcodeHTML($stock->model_number, "EAN13") !!}
		</div>
		<div class="barcode-number">
			{!! $stock->model_number !!} - &pound;{!! $stock->retail_price !!}
		</div>
    </body>
</html>
