<!DOCTYPE html>
<html>
<body table v-for="buy in buys" style="break-before: page">
	<table>
			<tr>
				<td class="md-txt bold center black-bg lg-width md-height">
					<div class="overflow-multiline">
						{{buy.item}}
					</div>
				</td>
				<td colspan="2" class="xl-txt bold center black-bg md-height md-width">
					<div class="overflow-line">
						{{buy.size}}
					</div>
				</td>
			</tr>
			<tr>
				<td class="right lg-width">
					<div class="overflow-line">
						{{
							(buy.longName && buy.size && buy.subName)
							? `${buy.longName} ${buy.size} ${buy.subName}`
							: buy.comment
						}}
					</div>
				</td>
				<td class="center sm-width">
					<div class="overflow-line">
						{{buy.producerName || buy.producerFk}}
					</div>
				</td>
				<td class="center sm-width">
					<div class="overflow-line">
						{{buy.inkFk}}
					</div>
				</td>
			</tr>
			<tr>
				<td class="bold center lg-txt xl-width">
					<div class="overflow-line">
						{{formatNumber(buy.itemFk)}}
					</div>
				</td>
				<td colspan="2" class="center md-txt md-width">
					<div class="overflow-line">
						{{`${(packing || buy.packing)} x ${buy.stems || ''}`}}
					</div>
				</td>
			</tr>
			<tr>
				<td rowspan="2" class="center">
					<div v-html="getBarcode(buy.buyFk)"></div>
				</td>
				<td colspan="2" class="center md-width xs-height xs-txt">
					<div v-if="buy.isLaid && typeId === 'buy'" class="overflow-line black-bg bold">
						{{'LAID'}}
					</div>
					<div v-else class="overflow-line">
						{{formatNumber(buy.entryFk)}}
					</div>
				</td>
			</tr>
			<tr>
				<td class="center xs-txt sm-width">
					<div class="overflow-line">
						{{buy.buyerName}}
					</div>
				</td>
				<td class="center xs-txt sm-width">
					<div class="overflow-line">
						{{buy.origin}}
					</div>
				</td>
			</tr>
			<tr>
				<td class="center xs-txt xl-width">
					<div class="overflow-line">
						{{formatNumber(buy.buyFk)}}
					</div>
				</td>
				<td class="center xs-txt sm-width">
					<div class="overflow-line">
						{{date}}
					</div>
				</td>
				<td class="cursive center bold xs-txt sm-width">
					<div class="overflow-line">
						{{`${buy.labelNum}/${buy.quantity / (packing || buy.packing)}`}}
					</div>
				</td>
			</tr>
	</table>
</body>
</html>