{% extends "base.html" %}

{% load static %}

{% block content %}


      <!-- End Navbar -->
      <div class="content">
        <div class="container-fluid">
          <div class="row">
 
            {% if user.is_superuser %}
            <a href="{% url 'crear_invequipo' %}" class="btn btn-info float-right" >Ingresar Equipo</a>
            <button onclick="abrir_modal_crearequipo('{% url 'crear_equipo' %}')" class="btn btn-info">Ingresar nuevo Tipo de Equipo</button>
            <button onclick="abrir_modal_crearmarca('{% url 'crear_marca' %}')" class="btn btn-info">Ingresar nueva Marca</button>
            <button onclick="abrir_modal_crearubicacion('{% url 'crear_ubicacion' %}')" class="btn btn-info">Ingresar nueva Ubicacion</button>
            

            <a href="{% url 'invalmacenentrada' %}" class="btn btn-info float-right" >Entradas</a>
            <a href="{% url 'invalmacensalida' %}" class="btn btn-info float-right" >Salidas</a>
            <a href="{% url 'buscar' %}" class="btn btn-primary float-right" >Buscar</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"> Equipos</p>
                </div>
                <div class="card-body">
                  <div class="table-responsive">
                    <table class="table"  id="data">
                      <thead class=" text-primary">
                      <tr>
                        <th>__</th>
                        <th>Fecha Actualizacion</th>
                        <th>No Control</th>
                        <th>Estatus</th>
                        <th>Obsoleto</th>
                        <th>Localizado</th>
                        <th>Equipo</th>
                        <th>Area</th>
                        <th>Marca</th>
                        <th>Modelo</th>
                        <th>N Serie</th>
                        <th>Descripción</th>
                        <th>Numero Activo Fijo</th>
                        <th>Accesorios</th>
                        <th>Accesorios 2</th>
                        <th>Accesorios 3</th>
                        <th>Accesorios 4</th>
                        <th>Accesorios 5</th>
                        <th>Proveedor</th>
                        <th>Clave de Cuadro Basico</th>
                        <th>Fecha Instalacion</th>
                        <th></th>
                      </tr>
                      </thead>
                      

                      <tbody>
                        {% for dato in datos %}
                        <tr>
                          <td></td>
                          <td>{{ dato.fecha_actualizacion }}</td>
                          <td>{{ dato.n_control }}</td>
                          <td>{{ dato.estado_funcional }}</td>
                          <td>
                            {% if dato.obsoleto is not None %}
                            {{ dato.obsoleto }}
                            {% endif %}
                          </td>
                          <td>
                            {% if dato.localizado is not None %}
                            {{ dato.localizado }}
                            {% endif %}
                          </td>
                          <td>{{ dato.equipo }}</td>
                          <td>{{ dato.area }}</td>
                          <td>{{ dato.marca }}</td>
                          <td>{{ dato.modelo }}</td>
                          <td>{{ dato.n_serie }}</td>
                          <td>{{ dato.descripcion|safe }}</td>
                          <td>{{ dato.n_act_fijo }}</td>
                          <td>
                            {% if dato.accesorios is not None %}
                            {{ dato.accesorios }}
                            {% endif %}
                          </td>
                          <td>
                            {% if dato.accesorios2 is not None %}
                            {{ dato.accesorios2 }}
                            {% endif %}
                          </td>
                          <td>
                            {% if dato.accesorios3 is not None %}
                            {{ dato.accesorios3 }}
                            {% endif %}
                          </td>
                          <td>
                            {% if dato.accesorios4 is not None %}
                            {{ dato.accesorios4 }}
                            {% endif %}
                          </td>
                          <td>
                            {% if dato.accesorios5 is not None %}
                            {{ dato.accesorios5 }}
                            {% endif %}
                          </td>
                          <td>{{ dato.provedor }}</td>
                          <td>
                            {% if dato.c_basico is not None %}
                            {{ dato.c_basico }}
                            {% endif %}
                          </td>
                          <td>{{ dato.fecha_inst }}</td>
                                                    
                          <td>
                            {% if user.is_authenticated %}
                            <a href="{% url 'Actualizarinvequipo' dato.id %}" class="btn btn-primary">Actualizar</a>
                            {% endif %}
                          </td>
                        </tr>
                        {% endfor %}
                        
 
                      </tbody>
                    </table>
                    <!-- <a href="#" class="btn btn-info float-left" >EXCEL</a>  -->
                  </div>
                </div>
              </div>
            </div>
            
            
          </div>
        </div>
      </div>

      <div class="modal fade" id="crearequipo" role="dialog">    
      </div>
      <div class="modal fade" id="crearmarca" role="dialog">    
      </div>
      <div class="modal fade" id="crearubicacion" role="dialog">    
      </div>

      {% endblock content %}


    {% block javascript %}

      <script type="text/javascript">
        var $ = jQuery.noConflict();
        function abrir_modal_crearequipo(url){
          $('#crearequipo').load(url, function (){
            $(this).modal('show');
          });
        }
      </script>
      <script type="text/javascript">
        var $ = jQuery.noConflict();
        function abrir_modal_crearmarca(url){
          $('#crearmarca').load(url, function (){
            $(this).modal('show');
          });
        }
      </script>
      <script type="text/javascript">
        var $ = jQuery.noConflict();
        function abrir_modal_crearubicacion(url){
          $('#crearubicacion').load(url, function (){
            $(this).modal('show');
          });
        }
      </script>

      

    {% endblock javascript %}
      