{% extends "admin/base.html" %}
{% load humanize %}
{% block title %} Inventarios y Facturación{% endblock %}

{% block branding %}
<h1 id="site-name"><a href="">Facturación y Control de Inventarios
</a></h1>
{% endblock %}

{% block nav-global %}{% endblock %}

{% load widget_tweaks %}

{% block content %}


    <script type="text/javascript" src="/static/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery.printElement.min.js"></script>

    <script type="text/javascript">
          $(document).ready(function() {
           $("#simplePrint").click(function(){
				$('#toPrint').printElement();
		   });
        });
    </script>

	<style>
	.contenedor
	{
		width:500px;
		height:300px;
		line-height:300px;
		border:1px solid;
		text-align:center;
                position:absolute;
                left:350px;
                top:200px;
                background-color:#eef4fc; 
                width:250px;
                height:300px;
	}
	.contenedor>span {
		display:inline-block;
		vertical-align:middle;
		line-height:normal;
                font-size:25px;
	}
	</style>
  <div style="color:#8A2BE2; text-align: right;"><input type="button" value="Confirmar Impresión" id="simplePrint" />
     <a href="/admin/inventarios/venta/add/" class="addlink">Nueva Venta</a>
  </div>
  {% if vuelto > 0 %}
    <div class='contenedor'>      
	<span>Usted debe regresar<br> {{ vuelto|intcomma }} {{ empresa.moneda }}</span>
    </div>
  {% endif %}
  <div id="toPrint" style="background-color:#fff; width:250px;">
{% if empresa.encabezado_nota_entrega is True %}
<table width="250" border="0">
    <tr>
       <td colspan="2" style="text-align:center;font-size:10px;padding: 0px;border-bottom: 1px solid #fff;">{{ empresa.nombre }}</td>
    </tr>
    <tr>
      <td colspan="2" style="text-align:center;font-size:10px;padding: 0px;border-bottom: 1px solid #fff;">{{ empresa.rif }}</td>
    </tr>
    <tr>
      <td colspan="2" style="text-align:center;font-size:10px;padding: 0px;border-bottom: 1px solid #fff;">{{ empresa.direccion }}</td>
    </tr>
    <tr>
      <td colspan="2" style="text-align:center;font-size:10px;padding: 0px;border-bottom: 1px solid #fff;">------------------------------------------------------------</td>
    </tr>
</table>
 {% else %}
<table width="250" border="0">
    <tr>
      <td colspan="2" style="text-align:center;font-size:10px;padding: 0px;border-bottom: 1px solid #fff;">------------------------------------------------------------</td>
    </tr>
</table>

 {% endif %}

<table width="250" border="0">
      {% for user in ventas %}
        <tr>
          <td style="font-size:10px;padding: 1px;border-bottom: 1px solid #fff;">{{ user.fecha_nota_entrega }}</td>
          <td style="text-align:right;font-size:10px;padding: 1px;border-bottom: 1px solid #fff;">Orden de Entrega: {{ user.nota_entrega }}</td>
        </tr>
        <tr>
          <td colspan="2" style="text-align:center;font-size:10px;padding: 0px;border-bottom: 1px solid #fff;">------------------------------------------------------------</td>
        </tr>
        <tr><td colspan="2" style="font-size:10px;padding: 1px;border-bottom: 1px solid #fff;text-decoration: underline;">Datos del Cliente</td></tr>
        <tr>
          <td colspan="2" style="font-size:10px;padding: 1px;border-bottom: 1px solid #fff;">Nombre: {{ user.cedula }}</td>
        </tr>
        <tr>
          <td style="font-size:10px;padding: 1px;border-bottom: 1px solid #fff;">{{ empresa.ident_fiscal }}: {{ user.cedula.cedula_c }}</td>
          <td style="text-align:right;font-size:10px;padding: 1px;border-bottom: 1px solid #fff;">Items: {{ user.items }}</td>
        </tr>
        <tr>
          <td colspan="2" style="font-size:10px;padding: 1px;border-bottom: 1px solid #fff;">Zona: {{ user.cedula.direccion }}</td>
        </tr>
        <tr>
          <td colspan="2" style="text-align:center;font-size:10px;padding: 0px;border-bottom: 1px solid #fff;">------------------------------------------------------------</td>
        </tr>

      {% empty %}
        <tr>
          <td colspan="2">No se encontró información</td>
        </tr>
      {% endfor %}
</table>
<table width="250" border="0">
        <tr>
          <td colspan="2" style="text-align:center;font-size:10px;padding: 1px;border-bottom: 1px solid #fff;text-decoration: underline;">DETALLE DE COMPRA</td>
        </tr>

      {% for user in list_prod %}
        <tr>
          <td style="width:190px;font-size:10px;padding: 1px;border-bottom: 1px solid #fff;">{% if user.cantidad > 1 %}{{ user.cantidad }} X {{ user.precio_si }}{% endif %} {{ user.prod }}</td>
          <td style="text-align:right;font-size:10px;padding: 1px;border-bottom: 1px solid #fff;">{{ user.stotal }}</td>
        </tr>
      {% empty %}
        <tr>
          <td colspan="2">No se encontró información</td>
        </tr>
      {% endfor %}
      {% for user in ventas %}
        <tr>
          <td colspan="2" style="text-align:left;font-size:10px;padding: 4px;border-bottom: 1px solid #ffffff;">{{ user.servicio_prestado }}</td>
        </tr>
      {% endfor %}
</table>

<table width="250" border="0">
  <tr>
     <td colspan="2" style="text-align:center;font-size:10px;padding: 0px;border-bottom: 1px solid #fff;">------------------------------------------------------------</td>
  </tr>
      {% for user in ventas %}
        <tr>          
          <td style="font-size:10px;padding: 0px;border-bottom: 1px solid #fff;">SUBTOTAL</td><td style="width:150px;text-align:right;font-size:10px;padding: 1px;border-bottom: 1px solid #fff;">{{ empresa.moneda }}{{ user.st_sd }}</td>
        </tr>
        {% if user.desc_si > 0 %}
        <tr>          
          <td style="font-size:10px;padding: 0px;border-bottom: 1px solid #fff;">DESCUENTO</td><td style="width:150px;text-align:right;font-size:10px;padding: 1px;border-bottom: 1px solid #fff;">{{ empresa.moneda }}{{ user.desc_si }}</td>
        </tr>
        <tr>          
          <td style="font-size:10px;padding: 0px;border-bottom: 1px solid #fff;">TOTAL</td><td style="width:150px;text-align:right;font-size:10px;padding: 1px;border-bottom: 1px solid #fff;">{{ empresa.moneda }}{{ user.st_cd }}</td>
        </tr>
        {% endif %}
        <tr>
          <td style="font-size:10px;padding: 0px;border-bottom: 1px solid #fff">IMP.</td><td style="text-align:right;font-size:10px;padding: 1px;border-bottom: 1px solid #fff">{{ user.iva_final }}</td>
        </tr>
        {% if user.exento > 0 %}
        <tr>
          <td style="font-size:10px;padding: 0px;border-bottom: 1px solid #fff">EXENTO.</td><td style="text-align:right;font-size:10px;padding: 1px;border-bottom: 1px solid #fff">{{ empresa.moneda }}{{ user.exento }}</td>
        </tr>
        {% endif %}
        <tr>
          <td colspan="2" style="text-align:center;font-size:10px;padding: 0px;border-bottom: 1px solid #fff;">------------------------------------------------------------</td>
        </tr>
        <tr>
          <td style="font-size:10px;font-weight: bold;padding: 0px;border-bottom: 1px solid #fff">TOTAL A PAGAR</td><td style="text-align:right;font-size:10px;font-weight: bold;padding: 1px;border-bottom: 1px solid #fff">{{ user.total_ }}</td>
        </tr>
        {% if empresa.reconversion_monetaria > 1 %}
        <tr>
          <td style="font-size:10px;font-weight: bold;padding: 0px;border-bottom: 1px solid #fff"></td><td style="text-align:right;font-size:10px;font-weight: bold;padding: 1px;border-bottom: 1px solid #fff">{{ user.reconversion }}</td>
        </tr>
        {% endif %}
        <tr>
          <td colspan="2" style="text-align:center;font-size:10px;padding: 1px;border-bottom: 1px solid #ffffff">{{ empresa.info_pie_nota }}</td>
        </tr>
      {% empty %}
        <tr>
          <td colspan="2">No se encontró información</td>
        </tr>
      {% endfor %}
</table>
  </div>
    <script type="text/javascript">
	   $('#toPrint').printElement();
    </script>
{% endblock %}