<!-- Formulario para agregar producto al público (Franquiciatario) -->
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="<?php echo base_url().'assets/dist/js/jquery/jquery-ui.css'?>">
    <!-- Este Script direcciona a algunas validaciones -->
  <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 al Público</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/productoPublico/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("PrecioVenta").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>
<form name="Productos" action="<?php echo base_url();?>productos/Franquiciatario/productoPublico/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="MODELA GEL 240GR."  required="" title="Teclear las iniciales del producto y seleccionarlo">
    </div>
    <div class="col-md-6">
      <label>Tipo</label>
      <input type="text" name="TipoProducto" class="form-control" id="TipoProducto" placeholder="PÚBLICO" readonly="">
    </div>
    <div class="col-md-6">
      <label>Categoría</label>
      <input type="text" name="Categoria" class="form-control" id="Categoria" placeholder="CORPORAL" 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 Venta</label>
      <input type="text" class="form-control" name="PrecioVenta" placeholder="$97.00"  id="PrecioVenta" onkeypress="return valida(event)" readonly="">
    </div>
    <div class="col-md-6">
      <label for="name1">Precio Compra</label>
      <input type="text" class="form-control" name="PrecioCompra" placeholder="$180.00"  id="PrecioCompra" 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>
    
    <input type="text" class="form-control" name="IdProductosGenerales" id="IdProductosGenerales"   required="" style="visibility:hidden;">
    <input type="text" class="form-control" name="Productos" id="Productos"   required="" style="visibility:hidden;">
    <div class="form-group col-md-10 div-centrado">
        <button type="submit" id="guardar" 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> 
        <!-- Regresa ala pantalla principa de productos al público -->
        <input type="text" class="form-control" name="text_piezas2"  value="0" readonly style="visibility:hidden;" onKeyUp="Totales()" >

        <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>
      </form>
</div>