{% extends "base.html" %}

{% load static %}



{% block content %}


      <!-- End Navbar -->
      <div class="content">
        <div class="container-fluid">
          <div class="row">

            

            {% if user.is_authenticated %}
            <a href="{% url 'invalmacenentrada' %}" class="btn float-right" style="background-color: #28a745;">Entradas</a>
            <a href="{% url 'invalmacensalida' %}" class="btn float-right" style="background-color: #28a745;">Salidas</a>
            <a href="{% url 'buscar' %}" class="btn float-right" style="background-color: #28a745;">Buscar</a>
            <a href="{% url 'inventario_excel' %}" class="btn btn-info float-left" >EXCEL</a>
            {% endif %}
            <div class="col-md-12">
              <div class="card"> 
                <div class="card-header card-header-primary">
                  <h4 class="card-title ">INVENTARIO</h4>
                  <p class="card-category"> Almacen</p>
                </div>
                <div class="card-body">
                  <div class="table-responsive">
                    <table class="table" id="data">
                      <thead class="text-primary" >
                      <tr>
                        <th>__</th>
                        <th>REFERENCIA</th>
                        <th>EQUIPO</th>
                        <th>DESCRIPCIÓN DE ETIQUETA</th>
                        <th>DESCRIPCIÓN</th>
                        <th>MARCA</th>
                        <th>ESTATUS</th>
                        <th>UBICACIÓN</th>
                        <th>CANTIDAD</th>
                        <th>FECHA DE ULTIMA DE ACTUALIZACION</th>
                        <th>ACCIONES</th>
                      </tr>
                      </thead>


                      <tbody>
                        {% for dato in datos %}
                        <tr>
                          <td> </td>
                          <td>{{ dato.referencia }}</td>
                          <td>{{ dato.equipo }}</td>
                          <td>{{ dato.descripcion_etiqueta }}</td>
                          <td>{{ dato.descripcion_pieza|safe }}</td>
                          <td>{{ dato.marca }}</td>
                          <td>{{ dato.estatus }}</td>
                          <td>{{ dato.ubicacion }}</td>
                          <td>{{ dato.cantidad }}</td>
                          <td>{{ dato.fecha_actualizacion }}</td>
                          <td>
                            {% if user.is_superuser %}
                            <button onclick="abrir_modal_inventrada('{% url 'crear_inventrada' dato.id %}')" class="btn btn-info">Entrada</button>
                            <button onclick="abrir_modal_invsalida('{% url 'crear_invsalida' dato.referencia %}')" class="btn btn-info">Salida</button>
                            
                            <a href="{% url 'actualizar' dato.id %}" class="btn btn-primary">Actualizar</a>
                            {% endif %}
                          </td>
                        </tr>
                        {% endfor %}
                        

                      </tbody>
                    </table>
                    
                  </div>
                </div>
              </div>
            </div>
            
            
          </div>
        </div>
      </div>


      <div class="modal fade" id="inventrada" role="dialog">    

      </div>

      <div class="modal fade" id="invsalida" role="dialog">    

      </div>


      {% endblock content %}

{% block javascript %}

      <script type="text/javascript">
        var $ = jQuery.noConflict();
        function abrir_modal_inventrada(url){
          $('#inventrada').load(url, function (){
            $(this).modal('show');
          });
        }
      </script>

      <script type="text/javascript">
        var $ = jQuery.noConflict();
        function abrir_modal_invsalida(url){
          $('#invsalida').load(url, function (){
            $(this).modal('show');
          });
        }
      </script>

      

{% endblock javascript %}