{% 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 %}

<link rel="stylesheet" type="text/css" href="/static/admin/css/base.css" />
<link rel="stylesheet" type="text/css" href="/static/admin/css/forms.css" />

  <div style="color:#8A2BE2; text-align: right;"></div>
  
  <table width="500">
      <tr style="background-color: #CEECF5;font-weight:bold;color:#0101DF;">
          <td><a href="/venta_departamento/">Mostrar Información</a></td>
          <!--<td><a href="/inventario_excel/">Exportar a Excel</a></td> -->
          <td><a href="/admin/reportes/reporte/">Ir a Módulo Reportes</a></td>
      </tr>
  </table>
  <!--
  <table width="500">
      <tr style="background-color: #FFFF00;font-weight:bold;color:#0101DF;">
          <td width="450"> CANTIDAD DE PRODUCTOS ({{ productos|length }})</td>
      <tr>
  </table>
  -->
   <br><br>
  Detalle del Inventario
  <table border="2">
    <thead>
      <tr style="font-weight:bold;background-color: #E0E0F8;color:#8000FF;">
        <td>Departamento</td>
        <td>Producto</td>
        <td>Código</td>
        <td>Ubicación</td>
        <td>Existencia</td>
        <td>Precio Actual</td>
        <td>Vendidos</td>
        <td>Precio Vendido</td>
      </tr>
    </thead>
    <tbody>
      {% for prod in productoss %}
        <tr class="{% cycle 'yr_row1' 'yr_row2' %}">
          <td>{{ prod.producto__departamento__departamento }}</td>
          <td>{{ prod.producto__producto }}</td>
          <td>{{ prod.producto__codigo }}</td>
          <td>{{ prod.producto__ubicacion }}</td>
          <td>{{ prod.producto__stock }}</td>
          <td>{{ prod.producto__precio }}</td>
          <td>{{ prod.cantidad__sum }}</td>
          <td>{{ prod.precio__sum }}</td>
        </tr>
      {% empty %}
        <tr>
          <td colspan="5">No se encontró información</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% endblock %}