<head>
  <link rel="stylesheet" href="<?php echo base_url().'assets/dist/js/jquery/jquery-ui.css'?>">
  <!-- Manda a traer el javascript para validar el formulario -->
  <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/productos.js"></script>
  <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/validacion.css'?>">
  <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/styles.css'?>">
	<link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/styleTable.css' /> 
   <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/table.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>
</head>
    <header>
        <center><h1>Agregar Producto Interno</h1></center>
    </header>
    <!-- Funcion que autocompleta el nombre del producto -->
        <!--<script src="<?php echo base_url().'assets/dist/js/jquery/jquery-3.3.1.js'?>" type="text/javascript"></script>
        <script src="<?php echo base_url().'assets/dist/js/jquery/jquery-ui.js'?>" type="text/javascript"></script>
--><script type="text/javascript">
          $(document).ready(function(){
 
            $('#title').autocomplete({
                source: "<?php echo site_url('productos/Franquiciatario/productosInternosA/productos');?>",
      
                select: function (event, ui) {
                    $('[name="title"]').val(ui.item.label); 
                    $('[name="Productos"]').val(ui.item.label);
                    $('[name="TipoProducto"]').val(ui.item.TipoProducto); 
                    $('[name="Categoria"]').val(ui.item.Categoria);
                    $('[name="StockMinimo"]').val(ui.item.StockMinimo);
                    $('[name="PrecioCompra"]').val(ui.item.PrecioCompra);
                    $('[name="PrecioVenta"]').val(ui.item.PrecioVenta);
                    $('[name="DescripcionProducto"]').val(ui.item.DescripcionProducto); 
                    $('[name="IdProductosGenerales"]').val(ui.item.IdProductosGenerales); 
                }
            });
          });

    $(document).ready(function() {
            $("#title").on("keyup", function() {
               if ($("#title").val()!=$("#Productos").val()) {
                  document.getElementById("IdProductosGenerales").value="";
                  document.getElementById("DescripcionProducto").value="";
                  document.getElementById("PrecioCompra").value="";
                  document.getElementById("Categoria").value="";
                  document.getElementById("StockMinimo").value="";
                  document.getElementById("TipoProducto").value="";                
                }
            });
        });
    $(document).ready(function() {
            $("#guardar").on("click", function() {
               if ($("#IdProductosGenerales").val()=="") {
                    alert("Producto no valido. Seleccione un producto existente");
                    document.getElementById("title").focus();
                   return false;      
                }
            });
        });
        </script>
<body>
<form name="Productos" action="<?php echo base_url();?>productos/Franquiciatario/productosInternosA/guardar" method="POST">

    <div class="form-group modal-dialog modal-lg">
        <div class="col-md-6">
          <label for="name1">Franquicia:</label>
          <select id="f"  name="Franquicia" class="form-control" > 
          <?php foreach ($ReFranquicia as $i => $Franquicia)    
          echo '<option value="',$i,'">',$Franquicia,'</option>'; ?> 
          </select>
        </div>
        <div class="col-md-6">
          <label>Producto</label>
          <input type="text" name="title" class="form-control" id="title" placeholder="ÁRNICA GEL 150GR."  required="">    
        </div>
        <div class="col-md-6">
          <label>Tipo</label>
          <input type="text" name="TipoProducto" class="form-control" id="TipoProducto" placeholder="INTERNO" readonly="">  
        </div>
        <div class="col-md-6">
          <label>Categoría</label>
          <input type="text" name="Categoria" class="form-control" id="Categoria" placeholder="FACIAL" readonly="">
             
        </div>
        <div class="col-md-6">
          <label>Stock Minimo</label>
          <input type="text" name="StockMinimo" class="form-control" id="StockMinimo" placeholder="3" onkeypress=" return valida(event)" readonly="">   
        </div>
        <div class="col-md-6">
          <label for="name1">Piezas</label>
          <input type="text" class="form-control" name="text_piezas1"  required=""  placeholder="Ingresar Piezas del producto" data-toggle="tooltip" data-placement="bottom" title=" Ingresar el número de piezas con el que se dara de alta su inventario inicial de este producto" onKeyUp="Totales()" onkeypress="return validaPunto(event)">        
        </div>
        <div class="col-md-6">
          <label for="name1" >Piezas Totales</label>
          <input type="text" class="form-control" name="total" placeholder="" readonly>
           
        </div>
        <div class="col-md-6">
           <label for="name1">Precio Compra</label>
        <input type="text" class="form-control" id="PrecioCompra" name="PrecioCompra" placeholder="$180.00"  onkeypress="return valida(event)" readonly="">
           
        </div>
        <div class="col-md-6">
          <label for="name1">Descripción</label>
          <input type="text" class="form-control" name="DescripcionProducto" id="DescripcionProducto" placeholder="DESCRIPCIÓN"  required="" readonly="">  
        </div>
        <div class="col-md-6">
          
        </div> 
        <!-- Regresa a la pantalla principa de productos internos -->
        <!-- <input type="text" class="form-control" id="Piezas" name="text_piezas2"  placeholder="Piezas"  value="<?=$PiezasTotales?>" onKeyUp="Totales();Desconteo();" readonly style="visibility:hidden;"> -->
        <input type="text" class="form-control" name="text_piezas2"  value="0" readonly style="visibility:hidden;" onKeyUp="Totales()" > </br>

        <div class="form-group col-md-10 div-centrado">
                 <button type="submit" id="editar" name="guardar" value="editarenl" class="btn btn-primary col-md-4 col-xs-5 pull-right"> <span class="glyphicon glyphicon-floppy-disk"> </span> Guardar</button>           
                <a href="javascript:window.history.back()" ><button type="button" class="btn btn-danger col-md-4 col-xs-5 pull-left"> <span class="glyphicon glyphicon-circle-arrow-left"> </span> Regresar</button></a>  

                <!-- <button type="submit" id="guardar" class="btn btn-primary">Guardar</button>
  <a href="<?php echo base_url();?>productos/Franquiciatario/productosInternosA">
  <button type="button" class="btn btn-danger">Cancelar</button>
 -->
  
  <select id="f"  name="Usuario" class="form-control" readonly style="visibility:hidden;"> <?php foreach ($ReUsuario as $i => $Usuario)echo '<option value="',$i,'">',$Usuario,'</option>'; ?> </select>
     <div class="form-group">
            <input type="text" class="form-control" name="IdProductosGenerales" id="IdProductosGenerales" style="visibility:hidden;"  required="">
            <input type="text" class="form-control" name="Productos" id="Productos"   required="" style="visibility:hidden;">
        </div>
         </div>   
    </div>  
</form>
</body>
  