{% 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 'invalmacen' %}" class="btn btn-info float-right" >Almacen</a>
            
            <a href="{% url 'invalmacenentrada' %}" class="btn btn-info float-right" >Entradas</a>
            <a href="{% url 'invalmacensalida' %}" class="btn btn-info float-right" >Salidas</a>
            {% endif %}
            

            <div class="col-md-12">
              <div class="card">
                <div class="card-header card-header-primary">
                  <p class="card-category"> Buscar</p>
                </div>
                <div class="card-body">
            
                  <form method="POST" action="" class="mt-3" autocomplete="off">
                    {% csrf_token %}
            
                    <input name="referencia" type="text" placeholder="Ingresa una referencia" class="form-control">
            
                    <select name="equipo" class="form-control" aria-label="Default select example">
                      <option selected>Selecciona un Equipo</option>
                      {% for datoequipo in datosequipo %}
                      <option value="{{ datoequipo.id }}">{{ datoequipo.nombre }}</option>
                      {% endfor %}
                    </select>
            
                    <select name="marca" class="form-control" aria-label="Default select example">
                      <option selected>Selecciona una Marca</option>
                      {% for datomarca in datosmarca %}
                      <option value="{{ datomarca.id }}">{{ datomarca.nombre }}</option>
                      {% endfor %}
                    </select>
            
                    <select name="ubicacion" class="form-control" aria-label="Default select example">
                      <option selected>Selecciona una Ubicacion</option>
                      {% for datoubicacion in datosubicacion %}
                      <option value="{{ datoubicacion.id }}">{{ datoubicacion.nombre }}</option>
                      {% endfor %}
                    </select>

                    <input name="buscar" type="text" placeholder="Ingresa una Palabra para buscar por descripción" class="form-control">
                    <button type="submit" class="btn btn-success">Mostrar</button>
                  </form>
             
                </div>
              </div>
           </div>



            <div class="col-md-12">
              <div class="card">
                <div class="card-header card-header-primary">
                  <p class="card-category"> Almacen</p>
                </div>
                {% if datos %}
                {% else %}
                <div class="card-body"><a href="{% url 'crear_pieza' %}" class="btn btn-primary">Agregar Referencia</a>
                {% endif %}
                  <div class="table-responsive">
                    <table class="table"  id="data">
                      <thead class=" text-primary">
                      <tr>
                        <th>__</th>
                        <th>NO. DE PEDIDO</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>Column1</th>
                        <th></th>
                      </tr>
                      </thead>
                      <tbody>
                        {% for dato in datos %}
                        <tr>
                          <td></td>
                          <td>
                            {% if dato.n_pedido is not None %}
                            {{ dato.n_pedido }}
                            {% endif %}
                          </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 dato.Column1 is not None %}
                            {{ dato.Column1 }}
                            {% endif %}
                          </td>
                          <td>
                            {% if user.is_authenticated %}
                            <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>

      {% endblock content %}