{% extends "admin/custom/base.html" %}
{% load humanize %}

{% block title %} Inventario 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 %}

  <div style="color:#8A2BE2; text-align: right;"></div>
  <form method="get" id="inventario">
   <table width="500" border="1">
      <tr><td>Código:<br> {% render_field xfilter.form.codigo class="form-control" %}</td><td>Producto:<br> {% render_field xfilter.form.producto class="form-control" %}</td><td>Stock mayor que:<br>{% render_field xfilter.form.stock_gt class="form-control" %}</td></tr>
      <tr><td>Descripción:<br> {% render_field xfilter.form.descripcion class="form-control" %}</td><td>Ubicación:<br> {% render_field xfilter.form.ubicacion class="form-control" %}</td><td>Stock menor que:<br>{% render_field xfilter.form.stock_lt class="form-control" %}</td></tr>
      <tr><td>Categorías:<br>{% render_field xfilter.form.categoria class="form-control" %}</td>
      <td>Departamentos:<br>{% render_field xfilter.form.departamento class="form-control" %}</td></tr>
  </table>
  <table width="500">
      <tr style="background-color: #CEECF5;font-weight:bold;color:#0101DF;">
          {% if xfilter %}
            <td><a href="#" onclick="document.getElementById('inventario').action = '/inventario/';document.getElementById('inventario').submit();">Mostrar Información</a></td>
          {% else %}
            <td><a href="#" onclick="document.getElementById('inventario').action = '/inventario/';document.getElementById('inventario').submit();">Activar Filtros</a></td>
           {% endif %}
          <td><a href="#" onclick="document.getElementById('inventario').action = '/inventario_excel/'; document.getElementById('inventario').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 PRODUCTOS ({{ xfilter.qs|length }})</td>
      <tr>
  </table>
   <br><br>
   Total Precio Venta {{ moneda }} {{ precio }} {{ prec_mc }}<br>
   {% if porcentaje_gan is True > 0 %} Total Precio Costo {{ moneda }} {{ costo }} {{ cost_mc }} <br>{% endif %}
   {% if otra_moneda is True > 0 %} Total Precio Venta {{ moneda_cambio }} {{ precio2 }}<br>{% if porcentaje_gan is True > 0 %} Total Precio Costo {{ moneda_cambio }} {{ costo2 }} {% endif %} {% endif %}
   <br><br>
  Detalle del Inventario
  <table border="2">
    <thead>
      <tr style="font-weight:bold;background-color: #E0E0F8;color:#8000FF;">
	    <td>Categoría</td>
		<td>Departamento</td>
		{% if imagen is True > 0 %}<td>Foto</td>{% endif %}
        <td>Código</td>
        <td>Producto</td>
        <td>Descripción</td>
		<td>Ubicación</td>
        <td>Stock</td>
        <td>Precio {{ moneda }}</td>
		<td>Total {{ moneda }}</td>
        {% if porcentaje_gan is True > 0 %}<td>Costo {{ moneda }}</td><td>Total Costo {{ moneda }}</td>
            <td>Ganancia_x_1 {{ moneda }}</td><td>Total Ganancia {{ moneda }}</td><td>Ganancia %</td>{% endif %}
		{% if otra_moneda is True > 0 %}
            <td>Precio {{ moneda_cambio }}</td><td>Total {{ moneda_cambio }}</td>
            {% if porcentaje_gan is True > 0 %}
                <td>Costo {{ moneda_cambio }}</td>
                <td>Total Costo {{ moneda_cambio }}</td>
                <td>Ganancia_x_1 {{ moneda_cambio }}</td>
                <td>Total Ganancia {{ moneda_cambio }}</td>
            {% endif %}
        {% endif %}
        
		<td>Última compra</td>
		<td>Proveedor</td>
		<td>Exento</td>
        <td>Bloqueado</td>
      </tr>
    </thead>
   {% for p in xfilter.qs %}
      <tr class="{% cycle 'row1' 'row2' %}">
	      <td>{{ p.categoria }}</td>
		  <td>{{ p.departamento }}</td>
		  {% if imagen is True > 0 %}<td><img src='/media/{{ p.foto }}' width="50px" height="40px" alt="sin foto"></td>{% endif %}
          <td>{{ p.codigo }}</td>
          <td>{{ p.producto }}</td>
          <td>{{ p.descripcion }}</td>
		  <td>{{ p.ubicacion }}</td>
          <td>{{ p.stock }}</td>
          <td style="background-color: #BDE4F9;">{{ p.precio }}</td>
		  <td style="background-color: #BDE4F9;">{{ p.total_precio }}</td>
          {% if porcentaje_gan is True > 0 %}<td style="background-color: #FAE9D9;"> {{ p.costo }}</td>
             <td style="background-color: #FAE9D9;"> {{ p.total_costo }}</td><td style="background-color:  #ccd1d1;color: #000000;">{{ p.monto_ganancia_x_1 }}</td>
             <td style="background-color:  #CCD1D1;color: #000000;">{{ p.monto_ganancia }}</td><td style="background-color:  #CCD1D1;color: #000000;">{{ p.porcentaje_ganancia }}</td>
          {% endif %}
          {% if otra_moneda is True > 0 %}<td style="background-color: #BDE4F9;">{{ p.precio_moneda_cambio }}</td>
             <td style="background-color: #BDE4F9;"> {{ p.total_precio_mc }}</td>
		     {% if porcentaje_gan is True > 0 %}<td style="background-color: #FAE9D9;"> {{ p.costo_moneda_cambio }}</td>
                <td style="background-color: #FAE9D9;"> {{ p.total_costo_mc }}</td>
                <td style="background-color: #CCD1D1;color: #000000;"> {{ p.monto_ganancia_mc_x_1 }}</td>
                <td style="background-color: #CCD1D1;color: #000000;"> {{ p.monto_ganancia_mc }}</td>
             {% endif %}
          {% endif %}
		  <td>{{ p.fecha_compra }}</td>
		  <td>{{ p.proveedor }}</td>
		  <td>{{ p.exento_iva }}</td>
          <td>{{ p.bloqueado }}</td>
        </tr>
   {% empty %}
        <tr>
         {% if xfilter %}
           {% if cad %}
             <td colspan="4">No se encontró información.</td>
           {% else %}
             <td colspan="4">Pulsa en mostrar información.</td>
           {% endif %}
         {% else %}
           <td colspan="4">Pulsa en activar filtros.</td>
         {% endif %}
        </tr>
   {% endfor %}
  </table>

{% endblock %}