{% extends "admin/base.html" %}

{% 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 %}
{#% include "propias/filtrado_base.html" %#}

    <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>


  <div style="color:#8A2BE2; text-align: right;"><input type="button" value="Confirmar Impresión" id="simplePrint" /></div>
  <div id="toPrint" style="background-color:#fff; width:250px;">
<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>


<table width="250" border="0">
      {% for user in ventas %}
        <tr>
          <td style="font-size:10px;padding: 1px;border-bottom: 1px solid #fff;">{{ user.fecha_venta }}</td>
          <td style="text-align:right;font-size:10px;padding: 1px;border-bottom: 1px solid #fff;">Venta: {{ user.id }}</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;">Rif/CI: {{ 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;">PAGOS REALIZADOS</td>
        </tr>

      {% for user in list_prod %}
        <tr>
          <td style="width:190px;font-size:10px;padding: 1px;border-bottom: 1px solid #fff;">{{ user.fecha }}</td>
          <td style="text-align:right;font-size:10px;padding: 1px;border-bottom: 1px solid #fff;">{{ user.monto }}</td>
        </tr>
      {% empty %}
        <tr>
          <td colspan="2">No existen pagos</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;">{{ 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;">{{ 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;">{{ 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">{{ 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>
          <td style="font-size:10px;font-weight: bold;padding: 0px;border-bottom: 1px solid #fff">TOTAL CANCELADO</td><td style="text-align:right;font-size:10px;font-weight: bold;padding: 1px;border-bottom: 1px solid #fff">{{ empresa.moneda }}{{ cancelado }}</td>
        </tr>
        <tr>
          <td style="font-size:10px;font-weight: bold;padding: 0px;border-bottom: 1px solid #fff">TOTAL POR CANCELAR</td><td style="text-align:right;font-size:10px;font-weight: bold;padding: 1px;border-bottom: 1px solid #fff">{{ user.por_cancelar_ }}</td>
        </tr>

      {% empty %}
        <tr>
          <td colspan="2">No se encontró información</td>
        </tr>
      {% endfor %}
</table>
  </div>
{% endblock %}