@foreach ($data as $payment)
<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 class="table1">
		<tbody>
			<tr>
				<td style="font-size: 12px; font-weight: bold; text-align: left;">FECHA PAGO: </td>
				<td class="td1">-</td>
			</tr>
			<tr>
				<td class="td2">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>
	<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>
	
	<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;
	}
	.table3 {
		padding-top: 0px;
		margin-top: 0px; 
		width: 100%;
		font-size: 10px; 
		text-align: center;
	}
	.td1tb3 {
		background-color:#DEDDDD;
		border: 1px solid #000000;
	}
	.td2tb3 {
		border: 1px solid #000000;
	}
	.table4 {
		padding-top: 0px;
		margin-top: 0px; 
		font-size: 9px; 
		text-align: left; 
		width:100%
	}
	
	.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;
	}
	h4 {
		text-align: left; 
		padding-bottom:0px; 
		margin-bottom:0px;
	}

</style>