{% extends 'app/base_app.html' %}
{% block title %} Inicio {% endblock %}

{%  block content %}
<ul class="breadcrumb breadcrumbStyle">
  <li class="breadcrumb-item active"><i class="fas fa-home"></i> Inicio</li>
</ul>

<br>

 <h1 class="mt-4 text-center titleIniBox">Bienvenido {{user.first_name}}</h1>

 <br><br>
<div class="row">

  <div class="col-12 col-md-6">
    <div class="card">
       <div class="card-body">
         <h4 class="card-title">Productos con poco Stock </h4>
         <small>Estos son los productos que se están acabando:</small>
         <div class="table-responsive tableResStyle">
          <table class="table table-striped table-bordered table-striped table-sm" id="ejemplo">
             <thead class="text-center">
               <tr>
                 <th>Producto</th>
                 <th>Stock</th>
               </tr>
             </thead>
             <tbody class="text-center">
               {% for row in negocioo %}
               <tr>
                 <td><b>{{row.producto_id.nombre}}</b></td>
                 <td><b>{{row.producto_id.stock}}</b></td>
               </tr>
               {% empty %}
               <tr>
                 <td colspan="2" class="text-center bg-warning">No hay productos con poco stock</td>
               </tr>
               {% endfor %}
             </tbody>
          </table>
         </div>
       </div>
     </div>
  </div>

  <div class="col-12 col-md-6">
   <div class="card">
     <div class="card-body">
       <h4 class="card-title">Productos más vendidos </h4>
       <small>Esta es una lista de los productos más vendidos y cuántos se han vendido hasta la fecha:</small>
       <div class="table-responsive tableResStyle">
        <table class="table table-striped table-bordered table-striped table-sm" id="ejemplo">
          <thead class="text-center">
            <tr>
              <th>Producto</th>
              <th>Total vendido</th>
            </tr>
          </thead>
          <tbody class="text-center">
           {% for j in resultado|slice:":5" %}
             <tr>
               <td><b>{{ j.0 }}</b></td>
               <td><b>{{ j.1 }}</b></td>
             </tr>
           {% endfor %}
          </tbody>
       </table>
      </div>
     </div>
   </div>
  </div>

</div>


  <!-- <div class="card" style="width:400px">
     <div class="card-body">
       <h4 class="card-title">Productos con poco Stock </h4>
       <div class="table-responsive tableResStyle">
        <table class="table table-striped table-bordered table-striped table-sm" id="ejemplo">
           <thead class="text-center">
             <tr>
               <th>Producto</th>
               <th>Stock</th>
             </tr>
           </thead>
           <tbody class="text-center">
             {% for x in detalles__ventas %}
             <tr>
               <td><b>{{x.producto_id}}</b></td>
               <td><b>{{x.cantidad}}</b></td>
             </tr>
             {% endfor %}
           </tbody>
        </table>
       </div>
     </div>
   </div> -->

 {% endblock %}