@foreach($etq as $data)
<div class="page">
    <div class="tbody">
        <div class="content">
            <img src="/img/jadlog.png" style="float: right;" class="logo">
            <h4 style="float: left; margin: 0; text-align: left">
                {{ $data['orders_id'] }}
            </h4>
            <br>
            <small style="float: left; margin: 0; text-align: left">
                {{ $data['peso'] }}Kg - {{ $data['nota_fiscal'] }}
            </small>
            <br>
            <small style="float: left; margin: 0; text-align: left">
                {{ $data['nome'] }}
            </small>
        </div>
        <div class="content" style="text-align:center;">
            <div>
                <img class="barcode" src="{{ $data['barcode'] }}" alt="{{ $data['rastreamento'] }}" width="100%" height="40vh" style="margin:auto">
            </div>
            <small style="padding-top: 5px"> {{ $data['rastreamento'] }} </small>
            <div id="dest" style="padding-top: 5px">
                <small>
                    <b>
                        Destinatário - {{ $data['destino'] }} <br>
                    </b>
                </small>
            </div>
        </div>
    </div>
</div>
@endforeach
	<style type="text/css">
		.page, body, html{
			padding: 0px;
			margin: 0px;
		}
        @page {
		    size: 10cm 6cm;
		    padding: 10px;
		    margin: 0px;
		}
        .tbody{
            width: calc(10cm - 20px);
            height: 5cm;
            padding: 10px;
            display: table;
            border-left: 3px solid #dc0031;
            margin: 10px;
        }
        .content{
            height: 2.7cm !important;
            position: relative !important;
        }
        .content > img{
            height: 50px !important;
            margin-right:0% !important;
        }
        #dest{
            padding-top: 5px !important; 
        }
        @media print{
        	.page, body, html{
				padding: 0px;
				margin: 0px;
			    page-break-after: left;
			}
        	@page {
			    size: 10cm 6cm;
			    padding: 10px;
			    margin: 0px;
			}
	        .tbody{
	            width: calc(10cm - 20px);
	            height: 5cm;
	            padding: 10px;
	            display: table;
	            margin: 0px;
	            border: none;
	        }
	        .content{
	            height: 2.7cm !important;
	            position: relative !important;
	        }
	        .content > img{
	            height: 50px !important;
	            margin-right:0% !important;
	        }
	        #dest{
	            padding-top: 5px !important; 
	        }
	        .barcode{
	        	width: 100%;
	        	display: block;
	        }
        }
	</style>