@extends('motomel.plantilla')
@section('scripts')
<script>
    globalId = '0';
    
</script>
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
@endsection 
@section('breadcrumb') 
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/home">Inicio</a></li>
    <li class="breadcrumb-item"><a href="/productos">Productos</a></li>
    <li class="breadcrumb-item active">Nuevo</li>
</ol>
<div class="row px-4 mb-2">
    <div class="col-sm-12">
        @if($globalId == 0)
            <h2>Nuevo producto</h2>
        @else
            <h2>Modificar producto</h2>
        @endif
    </div>
    @if(Session::get('familia_usuario') != 8)
    <a title="Nuevo" href="/producto/nuevo" class="buttonRecargar btn" aria-hidden="true"><span>Nuevo</span></a>
    <a title="Guardar" href="#" class="buttonRecargar btn" aria-hidden="true" onclick="javascript: $('#modalGuardar').modal('toggle');"><span>Guardar</span></a>
    <a title="Guardar" href="#" class="buttonRecargar btn" aria-hidden="true" onclick="javascript: $('#mdlEliminar').modal('toggle');"><span>Eliminar</span></a>
    <a title="Salir" href="#" class="buttonRecargar btn" aria-hidden="true" onclick="javascript: $('#modalSalir').modal('toggle');"><span>Salir</span></a>
    @endif
</div>
<script>
function fsalir(){
    location.href ="/productos";
}
</script>
@endsection
@section('contenido')
<div class="panel-body">
        <div id = "msg"></div>
                <form id="form1" method="POST" enctype="multipart/form-data">
            <div class="row">
                <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
                <input type="hidden" id="id" name="id" class="form-control" value="{{$globalId}}" required>
                <div class="col-sm-12">
                    <div class="card mb-4">
                        <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">Datos generales</h6>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="form-group col-sm-6">
                                    <label>Nombre: *</label>
                                    <input type="text" id="txtNombre" name="txtNombre" class="form-control" value="{{$producto->nombre  }}" required>
                                </div>
                                <div class="form-group col-sm-6">
                                    <label>Modelo*:</label>
                                    <input type="text" id="txtModelo" name="txtModelo" class="form-control" value="{{$producto->modelo  }}">
                                </div>
                                <div class="form-group col-sm-6">
                                    <label>Marca*:</label>
                                    <select id="lstMarca" name="lstMarca" class="form-control" required>
                                        <option value="" disabled selected>Seleccionar</option>
                                        @for ($i = 0; $i < count($array_marca); $i++)
                                            @if (isset($producto) and $array_marca[$i]->idmarca == $producto->fk_idmarca)
                                                <option selected value="{{ $array_marca[$i]->idmarca }}">{{ $array_marca[$i]->nombre }}</option>
                                            @else
                                                <option value="{{ $array_marca[$i]->idmarca }}">{{ $array_marca[$i]->nombre }}</option>
                                            @endif
                                        @endfor
                                    </select>
                                </div>
                                <div class="form-group col-sm-6">
                                    <label>Tipo*:</label>
                                    <select id="lstTipo" name="lstTipo" class="form-control" required>
                                        <option value="" disabled selected>Seleccionar</option>
                                        @for ($i = 0; $i < count($array_tipo); $i++)
                                            @if (isset($producto) and $array_tipo[$i]->idtipo == $producto->fk_idtipo)
                                                <option selected value="{{ $array_tipo[$i]->idtipo }}">{{ $array_tipo[$i]->nombre }}</option>
                                            @else
                                                <option value="{{ $array_tipo[$i]->idtipo }}">{{ $array_tipo[$i]->nombre }}</option>
                                            @endif
                                        @endfor
                                    </select>
                                </div>
                                <div class="form-group col-sm-6">
                                    <label>L&iacute;nea de negocio:</label>
                                    <select id="lstArea" name="lstArea" class="form-control" required>
                                        <option value="" disabled selected>Seleccionar</option>
                                        @for ($i = 0; Session::get('array_grupos') !== null && $i < count(Session::get('array_grupos')); $i++)
                                            @if (Session::get('grupo_id') == Session::get('array_grupos')[$i]->idarea)
                                                <option selected value="{{ Session::get('array_grupos')[$i]->idarea }}">{{ Session::get('array_grupos')[$i]->descarea }}</option>
                                            @else
                                                    <option value="{{ Session::get('array_grupos')[$i]->idarea }}">{{ Session::get('array_grupos')[$i]->descarea }}</option>
                                            @endif
                                        @endfor
                                    </select>
                                </div>
                                <div class="form-group col-sm-6">
                                    <label>Codigo color interno*:</label>
                                    <input type="text" class="form-control" id="txtColorInterno" name="txtColorInterno" value="{{$producto->cod_colorinterno  }}">
                                </div>
                                <div class="form-group col-sm-6">
                                    <label>Color Hexa*:</label>
                                    <input type="text" class="form-control" id="txtColorHexa" name="txtColorHexa" value="{{$producto->cod_colorhexa  }}">
                                </div>
                                <div class="form-group col-sm-6">
                                    <label>Imagen*:</label>
                                    <input type="file" name="archivo[]" id="archivo" class="form-control" multiple>
                                </div>
                                <div class="form-group col-sm-6">
                                    <label>Activo:</label>
                                    <select id="lstActivo" name="lstActivo" class="form-control" required>
                                        <option value="" disabled selected>Seleccionar</option>
                                        <option value="1" {{isset($producto) && $producto->activo == 1? 'selected' : ''}}>Si</option>
                                        <option value="0" {{isset($producto) && $producto->activo == 0? 'selected' : ''}}>No</option>
                                    </select>
                                </div>
                                <div class="form-group col-sm-6">
                                    <label>Nombre color:</label>
                                    <input type="text" class="form-control" id="txtNombreColor" name="txtNombreColor" value="{{$producto->nombre_color  }}">
                                </div>
                                <div class="form-group col-sm-6">
                                    <label>Talle:</label>
                                    <input type="text" class="form-control" id="txtTalle" name="txtTalle" value="{{$producto->talle  }}">
                                </div>
                                <div class="form-group col-sm-6">
                                    <label>Rodado:</label>
                                    <input type="number" class="form-control" id="txtRodado" name="txtRodado" value="{{$producto->rodado  }}">
                                </div>
                                @if(Session::get('grupo_id') == GRUPO_BICICLETA)
                                    <div class="form-group col-sm-6">
                                        <label>Modelo año:</label>
                                        <select id="lstModeloAño" name="lstModeloAño" class="form-control" required>
                                            <option value="" disabled selected>Seleccionar</option>
                                            <option value="2017" {{isset($producto) && $producto->modelo_anio == 2017? 'selected' : ''}}>2017</option>
                                            <option value="2018" {{isset($producto) && $producto->modelo_anio == 2018? 'selected' : ''}}>2018</option>
                                            <option value="2019" {{isset($producto) && $producto->modelo_anio == 2019? 'selected' : ''}}>2019</option>
                                            <option value="2020" {{isset($producto) && $producto->modelo_anio == 2020? 'selected' : ''}}>2020</option>
                                            <option value="2021" {{isset($producto) && $producto->modelo_anio == 2021? 'selected' : ''}}>2021</option>
                                            <option value="2022" {{isset($producto) && $producto->modelo_anio == 2022? 'selected' : ''}}>2022</option>
                                            <option value="2023" {{isset($producto) && $producto->modelo_anio == 2023? 'selected' : ''}}>2023</option>
                                            <option value="2024" {{isset($producto) && $producto->modelo_anio == 2024? 'selected' : ''}}>2024</option>
                                            <option value="2025" {{isset($producto) && $producto->modelo_anio == 2025? 'selected' : ''}}>2025</option>
                                        </select>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12">
                    
                        <div class="card mb-4">
                            <div class="card-header py-3">
                            <h6 class="m-0 font-weight-bold text-primary">Precio </h6>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="form-group col-sm-6">
                                        <label>Precio *:</label>
                                        <input type="number" id="txtImporte" name="txtImporte" class="form-control" value="{{$producto->importe  }}">
                                    </div>
                                    <div class="form-group col-sm-6">
                                        <label>Precio m&iacute;nimo:</label>
                                        <input type="number" class="form-control" id="txtPrecioMinimo" name="txtPrecioMinimo" value="{{$producto->precio_minimo  }}">
                                    </div>
                                    <div class="form-group col-sm-6">
                                        <label>Precio m&aacute;ximo:</label>
                                        <input type="number" class="form-control" id="txtPrecioMaximo" name="txtPrecioMaximo" value="{{$producto->precio_maximo  }}" onchange="verificarPrecioMaximo()">
                                    </div>
                                    <div class="form-group col-sm-6">
                                        <label>IVA % *:</label>
                                        <input type="number" class="form-control" id="txtIva" name="txtIva" value="{{$producto->iva  }}">
                                    </div>
                                    <div class="form-group col-sm-6">
                                        <label>Impuesto interno % *:</label>
                                        <input type="number" class="form-control" id="txtImpuestoInterno" name="txtImpuestoInterno" value="{{$producto->impuesto_interno  }}">
                                    </div>
                                    <div class="form-group col-sm-6">
                                        <label>Cantidad:</label>
                                        <input type="text" id="txtCantidad" name="txtCantidad" class="form-control" value="{{$producto->cantidad  }}" required>
                                    </div>
                                    <div class="form-group col-sm-6">
                                        <label>Stock critico:</label>
                                        <input type="number" class="form-control" id="txtCritico" name="txtCritico" value="{{$producto->stockcritico  }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
                <div class="col-sm-12">
                        <div class="card mb-4">
                            <div class="card-header py-3">
                            <h6 class="m-0 font-weight-bold text-primary">Descripción</h6>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="form-group col-sm-12">
                                        <label>Descripcion:</label>
                                        <textarea id="txtDescripcion" name="txtDescripcion" class="form-control">{{$producto->descripcion  }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>              
            </div>
            <!--<div class="form-group col-sm-6">
                    <label>Moneda:</label>
                    <select id="lstMoneda" name="lstMoneda" class="form-control" required>
                    <option value="" disabled selected>Seleccionar</option>
                    @for ($i = 0; $i < count($array_moneda); $i++)
                        @if (isset($producto) and $array_moneda[$i]->idmoneda == $producto->fk_idmoneda)
                            <option selected value="{{ $array_moneda[$i]->idmoneda }}">{{ $array_moneda[$i]->nombre }}</option>
                        @else
                            <option value="{{ $array_moneda[$i]->idmoneda }}">{{ $array_moneda[$i]->nombre }}</option>
                        @endif
                    @endfor
                   </select>
                </div>--> 
    <div class="row">
        <div class="col-12">  
        <div class="card mb-3">
                <div class="card-header">
                    <h6 class="m-0 font-weight-bold text-primary">Tamaños</h6>
                    <div class="pull-right">
                        <button type="button" class="btn btn-secondary fa fa-minus-circle" onclick="abrirDialogoEliminarTamanio()"></button>
                        <button type="button" class="btn btn-secondary fa fa-plus-circle" onclick="abrirModalProductoTamanio()"></button>
                    </div>
                </div>
                <div class="panel-body">
                    <table id="grillaTamanio" class="display" style="width:98%">
                        <thead>
                            <tr>
                                <th> </th>
                                <th>Tamaño</th>
                        </thead>
                    </table> 
                 </div>
            </div>          
        </div>
    </div>
    <div class="row">   
        <div class="col-12">  
        <div class="card mb-3">
                <div class="card-header">
                    <h6 class="m-0 font-weight-bold text-primary">Productos relacionados</h6>
                    <div class="pull-right">
                        <button type="button" class="btn btn-secondary fa fa-minus-circle" onclick="abrirDialogoEliminarProducto()"></button>
                        <button type="button" class="btn btn-secondary fa fa-plus-circle" onclick="abrirModalProductoRelacionado()"></button>
                    </div>
                </div>
                <div class="panel-body">
                    <table id="grillaProducto" class="display" style="width:98%">
                        <thead>
                            <tr>
                                <th> </th>
                                <th>Nombre</th>
                            </tr>
                        </thead>
                    </table> 
                 </div>
            </div>          
        </div>
    </div>
    <div class="row">   
        <div class="col-12">  
        <div class="card mb-3">
                <div class="card-header">
                    <h6 class="m-0 font-weight-bold text-primary">Productos relacionados por Color</h6>
                    <div class="pull-right">
                        <button type="button" class="btn btn-secondary fa fa-minus-circle" onclick="abrirDialogoEliminarColor()"></button>
                        <button type="button" class="btn btn-secondary fa fa-plus-circle" onclick="abrirModalColor()"></button>
                    </div>
                </div>
                <div class="panel-body">
                    <table id="grillaColor" class="display" style="width:98%">
                        <thead>
                            <tr>
                                <th> </th>
                                <th>Nombre</th>
                            </tr>
                        </thead>
                    </table> 
                 </div>
            </div>          
        </div>
    </div>
    <div class="card mb-3">
                <div class="card-header">
                    Categorias:
                </div>
                <div class="card-body">
                    <div class="row">         
                        @foreach ($array_categorias as $categoria)
                        <div class="form-group col-sm-12">
                            <label><input type="checkbox" id="chk_{{ $categoria->idcategoria }}" name="chk_categoria[]" value="{{$categoria->idcategoria}}" class="chk-control" /> {{ $categoria->nombre }}
                            </label>
                        </div>
                        @endforeach
                        @if(isset($array_categorias_relacionado) && count($array_categorias_relacionado)>0)
                        <script>
                            @if($globalId == 0)
                            @foreach($array_categorias_relacionado as $item)
                                    $("#chk_{{ $item->fk_idcategoria }}").prop("checked", false);
                                @endforeach
                            @else
                                @foreach($array_categorias_relacionado as $item)
                                    $("#chk_{{ $item->fk_idcategoria }}").prop("checked", true);
                                @endforeach
                            @endif
                        </script>
                        @endif
                    </div>
                </div>
            </div>
</form>
</div>
<div class="modal fade" id="modalTamanio" tabindex="-1" role="dialog" aria-labelledby="modalTamanioLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalTamanioLabel">Tamanio</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
            <div class="col-12 form-group">
                <input type="text" id="txtTamanio" name="txtTamanio" class="form-control">
            </div>
        </div>
    </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="fAgregarTamanio();">Agregar</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="modalmsgTamanio" tabindex="-1" role="dialog" aria-labelledby="modalmsgTamanio">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalBuscarLabel">Eliminar</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group col-sm-6">
                    &#191;Desea confirmar la operacion?
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="eliminarTamanio();">Aceptar</button>
            </div>
        </div>
    </div>
</div>
<!-- Colores -->
<div class="modal fade" id="modalColor" tabindex="-1" role="dialog" aria-labelledby="modalColorLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalColorLabel">Color</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
                <div class="col-12 form-group">
                    <select class="form-control" id="lstProductoColor" name="lstProductoColor">
                        <option disabled selected value=" ">Seleccionar</option>
                        @for ($i = 0; $i < count($array_producto); $i++)
                            <option value="{{ $array_producto[$i]->idproducto }}">{{ $array_producto[$i]->nombre }} {{$array_producto[$i]->nombre_color}} cod:{{$array_producto[$i]->idproducto}}</option>
                        @endfor
                    </select>
                </div>
        </div>
    </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="fAgregarColor();">Agregar</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="modalmsgColor" tabindex="-1" role="dialog" aria-labelledby="modalmsgColor">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalBuscarLabel">Eliminar</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group col-sm-6">
                    &#191;Desea confirmar la operacion?
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="eliminarColor();">Aceptar</button>
            </div>
        </div>
    </div>
</div>
<!-- Producto -->
<div class="modal fade" id="modalProducto" tabindex="-1" role="dialog" aria-labelledby="modalProductoLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalProductoLabel">Producto</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
                <div class="col-12 form-group">
                    <select class="form-control" id="lstProducto" name="lstProducto">
                        <option disabled selected value=" ">Seleccionar</option>
                        @for ($i = 0; $i < count($array_producto); $i++)
                            <option value="{{ $array_producto[$i]->idproducto }}">{{ $array_producto[$i]->nombre }} {{ $array_producto[$i]->nombre_color }}</option>
                        @endfor
                    </select>
                </div>
            </div>
        </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="fAgregarProducto();">Agregar</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="modalmsgProducto" tabindex="-1" role="dialog" aria-labelledby="modalmsgProducto">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalBuscarLabel">Eliminar</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group col-sm-6">
                    &#191;Desea confirmar la operacion?
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="eliminarProducto();">Aceptar</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="mdlEliminar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Eliminar registro?</h5>
            <button class="close" type="button" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">×</span>
            </button>
          </div>
          <div class="modal-body">¿Deseas eliminar el registro actual?</div>
          <div class="modal-footer">
            <button class="btn btn-secondary" type="button" data-dismiss="modal">No</button>
            <button type="button" class="btn btn-primary" onclick="eliminar();">Sí</button>
          </div>
        </div>
      </div>
    </div>
<script>

    $("#form1").validate();

    var dataTable = $('#grillaTamanio').DataTable({
	    "processing": true,
        "serverSide": false,
	    "bFilter": false,
	    "bInfo": true,
	    "bSearchable": false,
        "paging": false,
        "pageLength": 25,
        "order": [[ 0, "asc" ]],
	    "ajax": "{{ asset('/producto/nuevo/cargarGrillaTamanio?idproducto='.$globalId)}}"
	});
    var dataTable = $('#grillaColor').DataTable({
	    "processing": true,
        "serverSide": false,
	    "bFilter": false,
	    "bInfo": true,
	    "bSearchable": false,
        "paging": false,
        "pageLength": 25,
        "order": [[ 0, "asc" ]],
	    "ajax": "{{ asset('/producto/nuevo/cargarGrillaColor?idproducto='.$globalId)}}"
	});
    var dataTable = $('#grillaProducto').DataTable({
	    "processing": true,
        "serverSide": false,
	    "bFilter": false,
	    "bInfo": true,
	    "bSearchable": false,
        "paging": false,
        "pageLength": 25,
        "order": [[ 0, "asc" ]],
	    "ajax": "{{ asset('/producto/nuevo/cargarGrillaProducto?idproducto='.$globalId)}}"
	});
    //verificacion precio maximo

    function verificarPrecioMaximo(){
        precioMinimo = $("#txtPrecioMinimo").val();
        precioMaximo = $("#txtPrecioMaximo").val();
        topeMaximo = precioMinimo + (precioMinimo/2);

        if(precioMaximo > topeMaximo){
            msgShow("El precio maximo supera el límite", "danger");

        }
    }

    function guardar() {
        if ($("#form1").valid()) {
            modificado = false;
            form1.submit(); 
        } else {
            $("#modalGuardar").modal('toggle');
            msgShow("Corrija los errores e intente nuevamente.", "danger");
            return false;
        }
    }

    function eliminar() {
        $.ajax({
            type: "GET",
            url: "{{ asset('producto/eliminar') }}",
            data: { id:globalId },
            async: true,
            dataType: "json",
            success: function (data) {
                if (data.err = "0") {
                    msgShow("Registro eliminado exitosamente.", "success");
                    $("#btnEnviar").hide();
                    $("#btnEliminar").hide();
                    $('#mdlEliminar').modal('toggle');
                } else {
                    msgShow("Error al eliminar", "success");
                }
            }
        });
    }
    function abrirModalProductoRelacionado() {
        if(globalId == "0" ){
            msgShow("Debe guardar el producto antes de poder dar de alta un producto asociado.", "danger");
        }
        else{
            $('#modalProducto').modal('toggle');
        }

    }
    function abrirModalProductoTamanio() {
        if(globalId == "0" ){
            msgShow("Debe guardar el producto antes de poder dar de alta un tamaño asociado.", "danger");
        }
        else{
            $('#modalTamanio').modal('toggle');
        }

    }
    function abrirModalColor() {
        if(globalId == "0" ){
            msgShow("Debe guardar el producto antes de poder dar de alta un producto por color asociado.", "danger");
        }
        else{
            $('#modalColor').modal('toggle');
        }

    }
    function fAgregarTamanio(){
    var grilla = $('#grillaTamanio').DataTable();
    grilla.row.add([
        "<input type='checkbox' name='txtId[]' value=''>",
        $("#txtTamanio").val() + "<input type='hidden' name='txtTamanio[]' value='"+ $("#txtTamanio").val() +"'>"
    ]).draw();
    $('#modalTamanio').modal('toggle');
    limpiarFormularioTamanio();
    }  

    function fAgregarColor(){
    var grilla = $('#grillaColor').DataTable();
    grilla.row.add([
        "<input type='checkbox' name='txtId[]' value=''>",
        $("#lstProductoColor option:selected").text() + "<input type='hidden' name='txtProductoColor[]' value='"+ $("#lstProductoColor option:selected").val() +"'>"
    ]).draw();
    $('#modalColor').modal('toggle');
    limpiarFormularioColor();
    } 

    function limpiarFormularioTamanio(){
        $("#txtTamanio").val("");
    }
    function fAgregarProducto(){
        var grilla = $('#grillaProducto').DataTable();
        grilla.row.add([
            "<input type='checkbox' name='txtId[]' value=''>",
            $("#lstProducto option:selected").text() + "<input type='hidden' name='txtProducto[]' value='"+ $("#lstProducto option:selected").val() +"'>"
        ]).draw();
        $('#modalProducto').modal('toggle');
        limpiarFormularioProducto();
    }

    function limpiarFormularioProducto(){
        $("#lstProducto").val();
    }
    function abrirDialogoEliminarProducto() {
            $('#modalmsgProducto').modal('toggle');
    }
    function limpiarFormularioColor(){
        $("#txtNombre").val();
        $("#txtHexadecimal").val();
    }
    function abrirDialogoEliminarProducto() {
            $('#modalmsgProducto').modal('toggle');
    }
    function eliminarProducto() {
        var grilla = $('#grillaProducto').DataTable();
        $('#grillaProducto input[type=checkbox]').each(function () {
            if (this.checked) {
                $(this.parentElement.parentNode).addClass('borrar');
            }
        });
        grilla.rows('.borrar').remove().draw(false);
        $('#modalmsgProducto').modal('toggle');
    }
    function abrirDialogoEliminarTamanio() {
        $('#modalmsgTamanio').modal('toggle');
    }
    function abrirDialogoEliminarColor() {
        $('#modalmsgColor').modal('toggle');
    }
    function eliminarTamanio() {
        var grilla = $('#grillaTamanio').DataTable();
        $('#grillaTamanio input[type=checkbox]').each(function () {
            if (this.checked) {
                $(this.parentElement.parentNode).addClass('borrar');
            }
        });
        grilla.rows('.borrar').remove().draw(false);
        $('#modalmsgTamanio').modal('toggle');
    }
    function eliminarColor() {
        var grilla = $('#grillaColor').DataTable();
        $('#grillaColor input[type=checkbox]').each(function () {
            if (this.checked) {
                $(this.parentElement.parentNode).addClass('borrar');
            }
        });
        grilla.rows('.borrar').remove().draw(false);
        $('#modalmsgColor').modal('toggle');
    }

</script>
@endsection