{% extends "admin/custom/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 %}
{% load variables %}
{% block content %}
{#% include "propias/filtrado_base.html" %#}

  <div style="color:#8A2BE2; text-align: right;"></div>
  <form method="get" id="por_pagar">
   <table width="500" border="1">
      <tr><td>Rif:<br> {% render_field xfilter.form.rif class="form-control" %}</td><td>Proveedor:<br> {% render_field xfilter.form.rif__nombre class="form-control" %}</td></tr>
      
  </table>
  <table width="500">
      <tr style="background-color: #CEECF5;font-weight:bold;color:#0101DF;">
          <td><a href="#" onclick="document.getElementById('por_pagar').action = '/por_pagar/';document.getElementById('por_pagar').submit();" title="Click aquí para mostrar la información">Mostrar Información</a></td>
          <td><a href="#" onclick="document.getElementById('por_pagar').action = '/por_pagar_excel/'; document.getElementById('por_pagar').submit();">Exportar a Excel</a></td>
          <td><a href="/admin/reportes/reporte/">Ir a Módulo Reportes</a></td>
      </tr>
  </table>
  </form>

  <table width="500">
      <tr style="background-color: #FFFF00;font-weight:bold;color:#0101DF;">
          <td width="450"> CANTIDAD DE COMPRAS ({{ compras|length }})</td>
          <td width="450"> POR PAGAR {{ deuda }}</td>
      <tr>
  </table>

   <br><br>
  Detalle de Deudas (Cuentas por Pagar)
  <table border="2">
    <thead>
      <tr style="font-weight:bold;background-color: #E0E0F8;color:#8000FF;">
        <td>Id</td>
        <td>Fecha de Compra</td>
        <td>Proveedores</td>
        <td>Rif</td>
        <td style="width:300px;">Dirección</td>
        <td>Teléfono</td>
        <td>Factura</td>
        <td>Próximo Pago</td>
        <td>Compras</td>
        <td>Pagado</td>
        <td>Por Pagar</td>
        
      </tr>
    </thead>
    <tbody>
      {% for user in compras %}
        <tr class="{% cycle 'yr_row1' 'yr_row2' %}">
         {% setglobal campo 0 %}
         {% for d in user %}
           {% ifequal campo.varval "0" %}
               {% setglobal campo 1 %}
               <td><a href="/admin/inventarios/compra/{{ d|stringformat:'d' }}/change/" title="Click para ir a la compra realizada">{{ d }}</a></td>
           {% else %}
               <td>{{ d }}</td>
           {% endifequal %}
         {% endfor %}
        </tr>
      {% empty %}
        <tr>
          <td colspan="5">No se encontró información</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>

{% endblock %}