Highlighted
New Member
Posts: 1
Registered: 3 weeks ago
Kudos: 3

Quiero compartir mi formato de factura

Hola a toda la comunidad UBNT.

 

Quiero compartir mi frmato de factura, depronto puede ser util para alguien.

 

Adjunto encontraran el archivo PDF.

 

ATENTAMENTE,

 

Sergio cubillos

whatsapp:  +57 317 656 46 56

vigiasystem@gmail.com

 

 

********************ESTE ES EL CODIGO********************

 

<div class="invoice">

<table>
<tbody>
<tr>
<td> <img src="http://wiretic.com/images/logo.jpg" alt="Elemento de Descarga" width="200px" height="70px"/> </td>
<td><div align="center" id="borderDemo" bgcolor="white" class="tg-wrap"><table >
<tr>
<th><font text-align="center" face="TAHOMA" size ="5", color ="#0B7CAA" >&nbsp;Línea soporte, quejas y reclamos</fond></th>

</tr>
<tr>
<td><font face="TAHOMA" size ="4", color ="#0B7CAA">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Contactanos Celular - Whatsapp
<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.&nbsp;&nbsp;.&nbsp;&nbsp;301 554 77 30 -- 301 214 66 72&nbsp;&nbsp;.&nbsp;&nbsp;&nbsp;.</FONT></td>
</tr>
</table></div></td>
</tr>
</tbody>
</table>
<br><br><br><br>
<table class="header">
<tbody>

<tr >
<td id="borderDemo" >
<font face="TAHOMA" size ="5", color ="white"><b> Datos del cliente</b> </font><br>
<br>
<font face="TAHOMA" size ="3", color ="#0B7CAA"><b> Cliente : </b> {{ client.name }} </font> <br><br>
<font face="TAHOMA" size ="3", color ="#0B7CAA"><b> Cedula : </b> {{ client.zipCode }}{{ client.getAttribute('cedula') }} </font><br><br>
<font face="TAHOMA" size ="3", color ="#0B7CAA"> {{ client.street1 }} {{ client.city }} </font><br><br>
<font face="TAHOMA" size ="3", color ="#0B7CAA"><b> Contrato: </b> {{ client.userIdent }} </font><font face="TAHOMA" size ="1", color ="red">Con este codigo pagas tu servicio</font><br><br>




</td>

<td class="header__info">
<table>

<tr class="first-child">


<th>{% trans %}<font face="TAHOMA" size ="3", color ="#0B7CAA"><b>Referencia:</b></font>{% endtrans %}</th>
<td>{{ invoice.number }}</td>
</tr>

<tr>
<th>{% trans %}<font face="TAHOMA" size ="3", color ="#0B7CAA"><b>Fecha de Creación:</b></font>{% endtrans %}</th>
<td>{{ invoice.createdDate }}</td>
</tr>
<tr>
<th>{% trans %}<font face="TAHOMA" size ="3", color ="#0B7CAA"><b>Pagar Antes del:</b></font>{% endtrans %}</th>



{% if client.hasOverdueInvoice %}<td><font face="TAHOMA" size ="3", color ="red">INMEDIATO</font></td>{% else %}<td>{{ invoice.dueDate }}</td>{% endif %}



</tr>
<tr>
<th>{% trans %}<font face="TAHOMA" size ="4", color ="#0B7CAA"><b>Total a Pagar:</b></font>{% endtrans %}</th>
<td>{{ client.accountOutstanding }}</td>
</tr>
<tr>
<th>{% trans %}<font face="TAHOMA" size ="3", color ="#0B7CAA"><b>Estado del servicio:</b></font>{% endtrans %}</th>
<td>





{% if client.hasSuspendedService %}<font face="TAHOMA" size ="4", color ="red">SUSPENDIDO</font>{% else %}ACTIVO{% endif %}







</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>


<table style="width:520; height:auto;" BORDER=0 CELLPADDING=10 CELLSPACING=10 bgcolor="#D8D8D8" style="font-size:20px" >
<tr align="right" >
<th><font face="TAHOMA" size ="4", color ="#0B7CAA"><b> ¿Cómo pagar? </b> </font></th>
<th >Realiza el pago en Bancolombia cuenta de ahorros numero 551-000139-15 <br>
a nombre de Luisa María Jaramillo Valencia C.C:1.128.278.490.</th>
</tr>
</table>

<table class="items{% if invoice.pricesWithTax %} items--pricesWithTax{% endif %}">

<thead>

<tr>

<th class="items__item__label">{% trans %}Plan&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Periodo{% endtrans %}</th>
{% if invoice.pricesWithTax %}
<th class="items__item__price">{% trans %}Price{% endtrans %}</th>
<th class="items__item__quantity">{% trans %}Quantity{% endtrans %}</th>
<th class="items__item__untaxed">{% trans %}Untaxed{% endtrans %}</th>
<th class="items__item__tax_rate">{% trans %}Tax rate{% endtrans %}</th>
<th class="items__item__tax">{% trans %}Tax{% endtrans %}</th>
{% else %}
<th class="items__item__price">{% trans %}Price{% endtrans %}</th>
<th class="items__item__quantity">{% trans %}Quantity{% endtrans %}</th>
{% endif %}
<th class="items__item__total last-child">{% trans %}Total{% endtrans %}</th>
</tr>
</thead>

{% for item in items %}
<tbody>
<tr class="items__item items__item--{{ item.type }}">
<td class="items__item__label"><span>{{ item.label }}</span></td>
{% if invoice.pricesWithTax %}
<td class="items__item__price">{{ item.priceUntaxed }}</td>
<td class="items__item__quantity">{{ item.quantity }}</td>
<td class="items__item__untaxed">{{ item.totalUntaxed }}</td>
<td class="items__item__tax_rate">{{ item.taxRate }}</td>
<td class="items__item__tax">{{ item.taxAmount }}</td>
{% else %}
<td class="items__item__price">{{ item.price }}</td>
<td class="items__item__quantity">{{ item.quantity }}</td>
{% endif %}
<td class="items__item__total last-child">{{ item.total }}</td>
</tr>
{% for child in item.children %}
<tr class="items__item items__item--sub items__item--{{ child.type }}">
<td class="items__item__label"><span>{{ child.label }}</span></td>
{% if invoice.pricesWithTax %}
<td class="items__item__price">{{ child.priceUntaxed }}</td>
<td class="items__item__quantity">{{ child.quantity }}</td>
<td class="items__item__untaxed">{{ child.totalUntaxed }}</td>
<td class="items__item__tax_rate">{{ child.taxRate }}</td>
<td class="items__item__tax">{{ child.taxAmount }}</td>
{% else %}
<td class="items__item__price">{{ child.price }}</td>
<td class="items__item__quantity">{{ child.quantity }}</td>
{% endif %}
<td class="items__item__total last-child">{{ child.total }}</td>
</tr>
{% endfor %}
</tbody>
{% endfor %}

<tfoot class="totals">
<tr>
<td colspan="{% if invoice.pricesWithTax %}3{% else %}1{% endif %}"></td>
<td colspan="{% if invoice.pricesWithTax %}4{% else %}3{% endif %}">
<table>
<tbody>
<tr class="last-child">
<th>{% trans %}Subtotal{% endtrans %}:</th>
<td>{{ totals.subtotal }}</td>
</tr>
</tbody>

{% if totals.hasDiscount or totals.taxes %}
<tbody class="totals__sub">
{% if totals.hasDiscount %}
<tr {% if not totals.taxes %}class="last-child"{% endif %}>
<th>{{ totals.discountLabel }}</th>
<td>{{ totals.discountPrice }}</td>
</tr>
{% endif %}

{% for tax in totals.taxes %}
<tr class="totals__tax{% if loop.last %} last-child{% endif %}">
<th>{{ tax.label }}:</th>
<td>{{ tax.price }}</td>
</tr>
{% endfor %}
</tbody>
{% endif %}

<tbody class="totals__total">
<tr class="last-child">
<th>{% trans %}Total{% endtrans %}:</th>
<td>{{ totals.total }}</td>
</tr>
</tbody>

{% if totals.hasPayment %}
<tbody>
<tr class="last-child">
<th>{% trans %}Amount paid{% endtrans %}:</th>
<td>{{ totals.amountPaid }}</td>
</tr>
</tbody>
<tbody class="totals__total">
<tr class="last-child">
<th>{% trans %}Balance due{% endtrans %}:</th>
<td>{{ totals.balanceDue }}</td>
</tr>
</tbody>
{% endif %}
</table>
</td>
</tr>
</tfoot>
</table>
<br>


{% if client.hasOverdueInvoice %}

<table style="width:520; height:auto;" BORDER=0 CELLPADDING=10 CELLSPACING=10 bgcolor="#D8D8D8" style="font-size:20px" >
<tr align="right" >
<th><font face="TAHOMA" size ="4", color ="#ff0000"><b> ¡Usted Tiene Facturas Vencidas!<br> </b> </font></th>
<th><font face="TAHOMA" size ="4", color ="#000000"><b>Saldo total a la fecha: -{{ client.accountBalance }}</b></th>
</tr>
</table>

<table style="width:520; height:auto;" BORDER=0 CELLPADDING=10 CELLSPACING=10 bgcolor="#D8D8D8" style="font-size:20px" >
<tr align="right" >
<th><font face="TAHOMA" size ="4", color ="#ff0000"><b> </b> </font></th>
<th >Cuida tu historial crediticio pagando oportunamente y evita ser reportado negativamente en centrales.</th>
</tr>
</table>
{% else %}

<table style="width:520; height:auto;" BORDER=0 CELLPADDING=10 CELLSPACING=10 bgcolor="#D8D8D8" style="font-size:20px" >
<tr align="right" >
<th><font face="TAHOMA" size ="4", color ="#ff0000"><b> ¡Eres Un Cliente Especial!<br> </b> </font></th>
<th><font face="TAHOMA" size ="4", color ="#000000"><b>Gracias por estar siempre al día en tus pagos.</b></th>
</tr>
</table>




{% endif %}









<table class="notes">
<tr>











<td>
{{ invoice.notes|nl2br }}
</td>
</tr>
</table>



</div>