<!DOCTYPE html>
<html>
<head>

  <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/reporteInventario.js"></script>

  <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/table.css' />
  <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/styles.css' />
  <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.css'?>">
    <!-- Latest compiled and minified JavaScript -->
    <script src="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.js'?>"></script>
  <script type="text/javascript">
    var base_url='<?php echo base_url()?>';
  </script>
  <!-- <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> -->
</head>
<style type="text/css">
      h1 {
        text-align: center;
      }
      .head {
        width: 50%;
        margin-left: auto;
      }
      form#ventasReporte {
        width: 90% !important;
        margin: 3% !important;
      }
</style>
<body>
  <div id="page-content-wrapper">
    <div class="page-content inset">
      <div class="row">
        <div class="head">
          <form id="ventasReporte" class="navbar-form navbar" action="#">
            <label for="name1">Tipo Producto  </label>
            <select class="form-control" id="queryReporte" name="queryReporte"> 
              <option value="">Selecciona un tipo de Producto</option>
              <?php foreach ($ReTipo as $i => $Tipo)    
              echo '<option value="',$i,'">',$Tipo,'</option>'; ?>
               <option value="-100">TODOS</option>
            </select>
            <!-- <input type="submit" class="btn btn-primary" id="filtrarReportes" value="Buscar" /> -->
            <div class="form-group  col-xs-12 contenedor3 pull-left">
                    <a href="javascript:window.history.back()" ><button type="button" class="btn btn-danger col-md-12 col-xs-12 "><span class="glyphicon glyphicon-circle-arrow-left"> </span> Regresar</button></a>
            </div>
            <div class="form-group  col-xs-12 contenedor3 pull-left">
              <button type="submit" class="btn btn-primary col-md-12 col-xs-12 " id="filtrarReportes"><span class="glyphicon glyphicon-search">  </span> Buscar </button>                    
            </div>     
          </form>
        </div>
      </div>
    </div>
  </div>
  <div>
  <div class="form-check col-md-2">
  <input class="form-check-input" type="radio" name="stock" value="TODOS">
  <label class="form-check-label">Todos</label>
</div>
<div class="form-check col-md-2">
  <input class="form-check-input" type="radio" name="stock" value="STOCK MINIMO">
  <label class="form-check-label">Stock minimo</label>
</div>
<div class="form-check col-md-2">
  <input class="form-check-input" type="radio" name="stock" value="AGOTADO">
  <label class="form-check-label">Agotado</label>
</div>
  </div>
  <div class="container">
    <h1>Reporte de Inventario</h1>
    <table id="reporte-inventario" class="display up table" style="width:100%">
    </table>
  </div> 
</body>
<!-- Modal -->
<div id="modalInterno" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <center><h4 class="modal-title">Productos internos</h4></center>
        <center>
        <ul class="breadcrumb menu2 con-margen">
            <!-- Menú que direcciona a los  Productos internos y al Público-->
          <li><a href="#" id="abastecer"> Abastecer</a><span class="divider"></span></li>
          <li><a href="#" id="desabastecer"> Desabastecer</a><span class="divider"></span></li>
        </ul>
        </center>
      </div>
      <div class="modal-body">
          <div class="col-md-12 centrar">
            <h4 id="productoPI" class="nombreProducto"></h4>
          </div>
          <input type="text" class="invisible" id="idProductoPI">
            <div class="invisible" id="reabastecimiento">
              <!-- <div class="form-group">
                <label class="col-sm-4 control-label">Reabastecer piezas:</label>
                <div class="col-sm-8">
                  <input type="text" class="form-control" id="NuevasPiezasPI">
                </div>
              </div> -->
              <table class="table centrar">
                <thead>
                  <tr>
                    <th class="centrar reducir-letra">Pzas. Actuales</th>
                    <th></th>
                    <th class="centrar reducir-letra">Pzas. Nuevas</th>
                    <th></th>
                    <th class="centrar reducir-letra">Pzas. Totales</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td id="pzaActualesPI"></td>
                    <td> + </td>
                    <td id="pzaNuevasPI"><div class="col-sm-8 col-xs-12 div-centrado"><input type="text" class="form-control centrar" id="NuevasPiezasPI" autofocus onkeypress="return validaPunto(event)"></div></td>
                    <td> = </td>
                    <td id="pzaTotalesPI"></td>
                  </tr>
                </tbody>
              </table>
          </div>
          <div class="invisible" id="descuento">
              <!-- <div class="form-group">
                <label class="col-sm-4 control-label">Descontar piezas:</label>
                <div class="col-sm-8">
                  <input type="text" class="form-control" id="DescontarPiezas">
                </div>
              </div> -->
              <table class="table centrar">
                <thead>
                  <tr>
                    <th class="centrar reducir-letra">Pzas. Actuales</th>
                    <th></th>
                    <th class="centrar reducir-letra">Pzas. a Descontar</th>
                    <th></th>
                    <th class="centrar reducir-letra">Pzas. Totales</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td id="pzaActualesPI2"></td>
                    <td> - </td>
                    <td id="pzaNuevasPI2"><div class="col-sm-8 col-xs-12 div-centrado"><input type="text" class="form-control centrar" id="DescontarPiezas" autofocus onkeypress="return validaPunto(event)"></div></td>
                    <td> = </td>
                    <td id="pzaTotalesPI2"></td>
                  </tr>
                </tbody>
              </table>
          </div>
      </div>
      <div class="modal-footer">
            <button type="button" class="btn btn-danger  pull-left" id="cerrarModalPI" data-dismiss="modal">Cancelar</button>  
            <button type="button" class="btn btn-primary  pull-right" id="actualizarPI" >Aceptar</button> 
      </div>
    </div>

  </div>
</div>
<!-- ------ -->
<!-- Modal -->
<div id="modalProductos" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <center><h4 class="modal-title">Productos</h4></center>
      </div>
      <div class="modal-body">
      <input type="text" class="invisible" id="idProducto">
            <div class="col-md-12 centrar">
              <h4 id="producto" class="nombreProducto"></h4>
            </div>
            </br>
                     <!-- <div class="box-body col-sm-10 div-centrado">
                      <div class="form-group">
												<label class="col-sm-4 ">Reabastecer piezas:</label>
												<div class="col-sm-8">
													<input type="text" class="form-control" id="NuevasPiezas">
												</div>
                      </div>
                    </div> -->
            <div>
              <table class="table centrar">
                <thead>
                  <tr>
                    <th class="centrar reducir-letra">Pzas. Actuales</th>
                    <th></th>
                    <th class="centrar reducir-letra">Pzas. Nuevas</th>
                    <th></th>
                    <th class="centrar reducir-letra">Pzas. Totales</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td id="pzaActuales"></td>
                    <td> + </td>
                    <td id="pzaNuevas"><div class="col-sm-8 col-xs-12 div-centrado"><input type="text" class="form-control centrar" id="NuevasPiezas" autofocus onkeypress="return validaPunto(event)"></div></td>
                    <td> = </td>
                    <td id="pzaTotales"></td>
                  </tr>
                </tbody>
              </table>
            </div>
      </div>
      <div class="modal-footer">
            <button type="button" class="btn btn-danger  pull-left" id="cerrarModal" data-dismiss="modal">Cancelar</button>  
            <button type="button" class="btn btn-primary  pull-right" id="actualizar" >Aceptar</button> 
      </div>
    </div>

  </div>
</div>
<!-- --------- -->
</html>
<script type="text/javascript">
</script>

