@foreach ($data as $owner)
	<div class="page">
		<p>
		<span class="span1""></span><br>
		<span class="span2""></span><br>
		<span class="span3"></span><br>
		<span class="span3">Cali - Valle</span>
		</p> 
	
		<div class="div1">
			<p style="font-size: 18px"><B>Documento Soporte en adquisiciones efectuadas a no obligados a facturar</B><br/>
			<span style="font-size: 11.5px;">Artículo 1.6.1.4.12 Decreto Único reglamentario en materia tributaria 1625 de 2016 - Sustituido por el Decreto 358 de 2020</span></p>
		</div>
		<table cellspacing="0" cellpadding="0" class="table1">
			<tbody>
				<tr>
					<td></td>
					<td class="td1">-</td>
				</tr>
				<tr>
					<td class="td2" style="width: 60%">PERIODO: </td>
					<td class="td3">Autorización de numeración Dian No<br></td>
				</tr>
			</tbody>
		</table>
		<br/>
		<table cellspacing="0" cellpadding="0" class="table2"">
			<tr>
				<td class="tdtb2">Propietario</td>
				<td class="tdtb2">Titular</td>
				<td class="tdtb2">Nit</td>
				<td class="tdtb2">Telefono</td>
				<td class="tdtb2">Dirección</td>
			</tr>
			<tr>
				<td class="td2tb2"></td>
				<td class="td2tb2"></td>
				<td class="td2tb2"></td>
				<td class="td2tb2"></td>
				<td class="td2tb2"></td>
			</tr>
		</table>
		<br>
		@foreach($owner["payrolls"] as $payroll)

			<div class="div2">FECHA PAGO:  | PERIODO: </div>
			<br>
			<table cellspacing="0" cellpadding="0" class="table3">
				<tr>
					<td class="td1tb3">Total</td>
					<td class="td1tb3">%GB</td>
					<td class="td1tb3">%Pago</td>
					<td class="td1tb3">TRM</td>
					<td class="td1tb3">Transacción</td>
					<td class="td1tb3">Retención</td>
					<td class="td1tb3">Valor Pago</td>
				</tr>
				<tr>
					<td class="td2tb3"></td>
					<td class="td2tb3"></td>
					<td class="td2tb3"> </td>
					<td class="td2tb3"></td>
					<td class="td2tb3"></td>
					<td class="td2tb3"></td>
					<td class="td2tb3">$</td>
				</tr>
			</table>
			<br>
		@endforeach
		<p class="p1">Me debe la suma de: $</p>
		<p class="p1">Valor en Letras: </p>
		<p class="p2"> PESOS MCTE</p>
		<br>
		<br>

		<p class="p3">_________________________________________<br>
		<b>ACEPTO QUE NO SOY RESPONSABLE DE IVA</b>
	</div>
@endforeach

<style>
	.page {
		font-weight: bold;
		text-align: center;
		font-family:'Helvetica';
		page-break-inside: avoid;
		page-break-after: always;
	}
	.span1 {
		font-size: 20px; 
		font-weight: bold;
	}
	.span2 {
		font-size: 18px; 
		font-weight: bold;
	}
	.span3 {
		font-size: 11.8px; 
		font-weight: bold;
	}

	.div1 {
		text-align: center; 
		font-family:'Helvetica';
	}
	.table1 {
		width: 100%; 
		font-family:'Helvetica';
	}
	.td1 {
		font-size: 13px; 
		font-weight: bold; 
		text-align: center;
	}
	.td2 {
		
		font-size: 13px; 
		font-weight: bold; 
		text-align: left;
	}
	.td3 {
		font-size: 9px; 
		font-weight: bold; 
		text-align: center;
	}
	.table2 {
		padding: 5px;
		width: 100%;
		font-size: 10px; 
		text-align: left;
		widows: 100%;
	}
	.tdtb2 {
		padding-left: 3px;
		background-color:#DEDDDD; 
		border: 1px solid #000000;
	}
	.td2tb2 {
		padding-left: 3px;
		border: 1px solid #000000;
	}
	.div2 {
		font-size: 13px; 
		font-weight: bold; 
		text-align: left;
	}
	.table3 {
		width: 100%;
		font-size: 10px; 
		text-align: center;
	}
	.td1tb3 {
		background-color:#DEDDDD;
		border: 1px solid #000000;
	}
	.td2tb3 {
		border: 1px solid #000000;
	}

	.p1 {
		text-align: left;
		font-family:'Helvetica'; 
		font-size:15px; 
		margin-left: 15px;
	}
	.p2 {
		font-family:'Helvetica'; 
		text-align: center; 
		font-size:15px;
	}
	.p3 {
		text-align: left;
		font-size: 12px; 
		font-family:'Helvetica'; 
		margin-left: 15px;
	}

</style>