@extends('motomel.plantilla')
@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
<script>
    globalId = '0';
    
</script>
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/home">Inicio</a></li>
    <li class="breadcrumb-item"><a href="/legajo/clientes">Cliente</a></li>
    <li class="breadcrumb-item active">Datos del Cliente</li>
</ol>
<div class="row px-4 mb-2">
    <div class="col-sm-12">
        @if($globalId == 0)
            <h2>Nuevo cliente</h2>
        @else
            <h2>Modificar cliente</h2>
        @endif
    </div>
    @if(Session::get('familia_usuario') != 8)
    <div class="col-sm-12 my-2">
        <a title="Nuevo" href="/legajo/cliente/nuevo" class="buttonRecargar btn" aria-hidden="true"><span>Nuevo</span></a></li>
        <a title="Guardar" href="#" class="buttonRecargar btn" aria-hidden="true" onclick="javascript: $('#modalGuardar').modal('toggle');"><span>Guardar</span></a>
        <a title="Salir" href="#" class="buttonRecargar btn" aria-hidden="true" onclick="javascript: $('#modalSalir').modal('toggle');"><span>Salir</span></a>
    @endif
    </div>
</div>
<script>
function fsalir(){
    location.href ="/legajo/clientes";
}
</script>

@endsection
@section('contenido')
<div class="row">
    <div id = "msg"></div>
    </div>

<form id="form1" method="POST">
    <div class="row formularioCliente">
        <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 personales</h6>
                </div>
                <div class="card-body">
                    <div class="row">
                    <div class="form-group col-sm-6">
                        <label>Tipo cliente:</label>
                        <select id="lstTipoCliente" name="lstTipoCliente" class="form-control selectpicker" data-live-search="true" required>
                            <option value="" disabled selected>Seleccionar</option>
                            @for ($i = 0; $i < count($array_tipos_cliente); $i++)
                                @if (isset($cliente) and $array_tipos_cliente[$i]->idtipocliente == $cliente->fk_idtipocliente)
                                    <option selected value="{{ $array_tipos_cliente[$i]->idtipocliente }}">{{ $array_tipos_cliente[$i]->nombre }}</option>
                                @else
                                    <option value="{{ $array_tipos_cliente[$i]->idtipocliente }}">{{ $array_tipos_cliente[$i]->nombre }}</option>
                                @endif
                            @endfor 
                        </select>
                    </div>
                    <div class="form-group col-sm-6">
                        <label>Nombre:</label>
                        <input type="text" class="form-control" id="txtNombre" name="txtNombre" value="{{$cliente->nombre  }}" required>
                    </div>
                    <div class="form-group col-sm-6">
                        <label>Apellido:</label>
                        <input type="text" class="form-control" id="txtApellido" name="txtApellido" value="{{$cliente->apellido  }}" required>
                    </div>
                    <div class="form-group col-sm-6">
                        <label>Email:</label>
                        <input type="email" id="txtEmail" name="txtEmail" class="form-control" required value="{{$cliente->email  }}" required>
                    </div>
                    <div class="form-group col-sm-6">
                        <label>Teléfono:</label>
                        <input type="text" id="txtTelefono" name="txtTelefono" class="form-control" value="{{$cliente->telefono  }}">
                    </div>
                    <div class="form-group col-sm-6">
                        <label>Celular:</label>
                        <input type="text" id="txtCelular" name="txtCelular" class="form-control"value="{{$cliente->celular  }}" >
                    </div>
                    <div class="form-group col-sm-6">
                        <label>Fecha de nacimiento:</label>
                        <input type="date" id="txtFechaDeNacimiento" name="txtFechaDeNacimiento" class="form-control"value="{{$cliente->fecha_nacimiento  }}">
                    </div>
                    <div class="form-group col-sm-6">
                        <label>Nacionalidad:</label>
                        <select id="lstPaisNacionalidad" name="lstPaisNacionalidad" class="form-control selectpicker" data-live-search="true">
                            <option value="" disabled selected>Seleccionar</option>
                            @for ($i = 0; $i < count($array_pais); $i++)
                                @if (isset($cliente) and $array_pais[$i]->idpais == $cliente->fk_nacionalidad)
                                    <option selected value="{{ $array_pais[$i]->idpais }}">{{ $array_pais[$i]->nacionalidad }}</option>
                                @else
                                    <option value="{{ $array_pais[$i]->idpais }}">{{ $array_pais[$i]->nacionalidad }}</option>
                                @endif
                            @endfor
                            @if (isset($cliente) and $cliente->fk_nacionalidad == "")
                                <script >$("#lstPaisNacionalidad").val("");</script>
                            @endif
                        </select>
                    </div>
                    <div class="form-group col-sm-6">
                        <label>Vendedor</label>
                        <select class="form-control" id="lstUsuario" name="lstUsuario" required>
                            <option selected disabled value="">Seleccionar</option>
                            @for ($i = 0; $i < count($array_usuarios); $i++)
                                @if (isset($cliente) and $array_usuarios[$i]->idusuario == $cliente->fk_idusuario)
                                    <option selected value="{{ $array_usuarios[$i]->idusuario }}">{{ $array_usuarios[$i]->nombre }}</option>
                                @else
                                    <option value="{{ $array_usuarios[$i]->idusuario }}">{{ $array_usuarios[$i]->nombre }}</option>
                                @endif
                            @endfor
                        </select> 
                    </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">Datos impositivos</h6>
                </div>
                <div class="card-body">
                    <div class="row">
                    <div class="form-group col-sm-6">
                        <label>CUIT:</label>
                        <input type="text" id="txtCuit" name="txtCuit" class="form-control"value="{{$cliente->cuit  }}" required>
                    </div>
                    
                    <div class="form-group col-sm-6">
                        <label>Saldo Cta. Cte.:</label>
                        <input type="number" class="form-control" id="txtSaldoCtaCorriente" name="txtSaldoCtaCorriente" value="{{$cliente->saldo_ctacorriente  }}">
                    </div>
                    <div class="form-group col-sm-6">
                        <label>Fecha del saldo Cta.Cte.</label>
                        <input type="date" class="form-control" id="txtFechaCtaCorriente" name="txtFechaCtaCorriente" value="{{$cliente->fecha_ctacorriente  }}">
                    </div>
                    
                    <div class="form-group col-sm-6">
                        <label>Ingresos Brutos %</label>
                        <input type="number" class="form-control" id="txtIngresosBrutos" name="txtIngresosBrutos" value="{{$cliente->ingresos_brutos  }}">
                    </div>
                    <div class="form-group col-sm-6">
                        <label>Condici&oacute;n pago predeterminada</label>
                        <select id="lstCondicionPredeterminada" name="lstCondicionPredeterminada" class="form-control" required>
                            <option value="" disabled selected>Seleccionar</option>
                            @for ($i = 0; $i < count($array_condiciones_pago); $i++)
                                @if (isset($cliente) and $array_condiciones_pago[$i]->idcondicionpago == $cliente->fk_idcondicionpagodefault)
                                    <option selected value="{{ $array_condiciones_pago[$i]->idcondicionpago }}">{{ $array_condiciones_pago[$i]->nombre }}</option>
                                @else
                                    <option value="{{ $array_condiciones_pago[$i]->idcondicionpago }}">{{ $array_condiciones_pago[$i]->nombre }}</option>
                                @endif
                            @endfor 
                        </select>
                    </div>
                    </div>
                </div>
        </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">  
        <div class="card mb-3">
                <div class="card-header">
                     Domicilios
                    <div class="pull-right">
                        <button type="button" class="btn btn-secondary fa fa-minus-circle" onclick="abrirDialogoEliminarDomicilio()"></button>
                        <button type="button" class="btn btn-secondary fa fa-plus-circle" data-toggle="modal" data-target="#modalDomicilio"></button>
                    </div>
                </div>
                <div class="panel-body">
                    <table id="grilla" class="display" style="width:98%">
                        <thead>
                            <tr>
                                <th> </th>
                                <th>Tipo</th>
                                <th>Provincia</th>
                                <th>Localidad</th>
                                <th>Dirección</th>
                            </tr>
                        </thead>
                    </table> 
                 </div>
            </div>          
        </div>
    </div>
    <!--Configuracion de categorias-->
    <div class="row">   
        <div class="col-12">  
        <div class="card mb-3">
                <div class="card-header">
                    <i class="fa fa-table"></i> Configuraci&oacute;n de categor&iacute;as
                    <div class="pull-right">
                        <button type="button" class="btn btn-secondary fa fa-minus-circle" onclick="abrirDialogoEliminarConfiguracionCategorias()"></button>
                        <button type="button" class="btn btn-secondary fa fa-plus-circle" onclick="abrirModalConfiguracionCategorias()"></button>
                    </div>
                </div>
                <div class="panel-body">
                    <table id="grillaConfiguracionCategorias" class="display" style="width:98%">
                        <thead>
                            <tr>
                                <th> </th>
                                <th>Categor&iacute;a</th>
                                <th>Sub-categor&iacute;a</th>
                                <th>Descuento</th>
                            </tr>
                        </thead>
                    </table> 
                 </div>
            </div>          
        </div>
    </div>
    <!--Condicion de pago-->
    <div class="row">   
        <div class="col-12">  
        <div class="card mb-3">
                <div class="card-header">
                    <i class="fa fa-table"></i> Condiciones de pago
                    <div class="pull-right">
                        <button type="button" class="btn btn-secondary fa fa-minus-circle" onclick="abrirDialogoEliminarCondicionPago()"></button>
                        <button type="button" class="btn btn-secondary fa fa-plus-circle" onclick="abrirModalCondicionPago()"></button>
                    </div>
                </div>
                <div class="panel-body">
                    <table id="grillaCondicionPago" class="display" style="width:98%">
                        <thead>
                            <tr>
                                <th> </th>
                                <th>Condicion Pago</th>
                            </tr>
                        </thead>
                    </table> 
                 </div>
            </div>          
        </div>
    </div>
</form>
<!-- modal configuracion categorias -->
<div class="modal fade" id="modalConfiguracionCategorias" tabindex="-1" role="dialog" aria-labelledby="modalConfiguracionCategoriasLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalConfiguracionCategoriasLabel">Categor&iacute;as</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">
                <label>Categor&iacute;a</label>
                <select id="lstCategoriaPadre" name="lstCategoriaPadre" class="form-control" onchange="fBuscarSubCategorias();">
                    <option selected disabled>Seleccionar</option>
                    @if(isset($array_categorias) && $array_categorias)
                        @foreach($array_categorias as $categoria)
                            <option value="{{$categoria->idcategoria}}">{{$categoria->nombre}}</option>
                        @endforeach
                    @endif
                </select>
            </div>
            <div class="col-12 form-group">
                <label>Sub categor&iacute;a</label>
                <select id="lstSubCategoria" name="lstSubCategoria" class="form-control">
                    <option selected disabled value="">Seleccionar</option>
                </select>
            </div>
            <div class="col-12 form-group">
                <label>Descuento</label>
                <input type="text" class="form-control" id="txtDescuentoCategoria" name="txtDescuentoCategoria">
            </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="fAgregarConfiguracionCategorias();">Agregar</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="modalmsgConfiguracionCategorias" tabindex="-1" role="dialog" aria-labelledby="modalmsgConfiguracionCategorias">
    <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="eliminarConfiguracionCategorias();">Aceptar</button>
            </div>
        </div>
    </div>
</div>
<!-- modal condicion pago -->
<div class="modal fade" id="modalCondicionPago" tabindex="-1" role="dialog" aria-labelledby="modalCondicionPagoLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalCondicionPagoLabel">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">
                <label>Condicion pago</label>
                <select id="lstCondicionPagoModal" name="lstCondicionPagoModal" class="form-control">
                    <option selected disabled>Seleccionar</option>
                    @if(isset($array_condiciones_pago) && $array_condiciones_pago)
                        @foreach($array_condiciones_pago as $condicion)
                            <option value="{{$condicion->idcondicionpago}}">{{$condicion->nombre}}</option>
                        @endforeach
                    @endif
                </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="fAgregarCondicionPago();">Agregar</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="modalmsgCondicionPago" tabindex="-1" role="dialog" aria-labelledby="modalmsgCondicionPago">
    <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="eliminarCondicionPago();">Aceptar</button>
            </div>
        </div>
    </div>
</div>
<!-- modal domicilio-->
<div class="modal fade" id="modalDomicilio" tabindex="-1" role="dialog" aria-labelledby="modalDomicilioLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalDomicilioLabel">Domicilio</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">
                <label for="txtCorreo">Tipo:</label>
                <select name="lstTipo" id="lstTipo" class="form-control">
                    <option value="" disabled selected>Seleccionar</option>
                    <option value="Personal" >Personal</option>
                    <option value="Laboral">Laboral</option>
                    <option value="Casa">Casa</option>
                </select>
            </div>
        </div>
        <div class="row">
            <div class="col-12 form-group">
                <label for="txtCorreo">Provincia:</label>
                <select name="lstProvincia" id="lstProvincia" onchange="fBuscarLocalidad();" class="form-control">
                    <option value="" disabled selected>Seleccionar</option>
                    <option value="1">Ciudad de Buenos Aires</option>
                    <option value="2">Córdoba</option>
                    <option value="3">Santa Fé</option>
                </select>
            </div>
        </div>
        <div class="row">
            <div class="col-12 form-group">
                <label for="txtCorreo">Localidad:</label>
                <select name="lstLocalidad" id="lstLocalidad" class="form-control">
                    <option value="" disabled selected>Seleccionar</option>
                </select>
            </div>
        </div>
        <div class="row">
            <div class="col-12 form-group">
                <label for="txtCorreo">Dirección:</label>
                <input type="text" name="" id="txtDireccion" 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="fAgregarDomicilio()">Agregar</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="modalmsg" tabindex="-1" role="dialog" aria-labelledby="modalmsg">
    <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="eliminarDomicilio();">Aceptar</button>
            </div>
        </div>
    </div>
</div>
<!-- modal domicilio-->
<script>
	var dataTable = $('#grilla').DataTable({
	    "processing": true,
        "serverSide": false,
	    "bFilter": false,
	    "bInfo": true,
	    "bSearchable": false,
        "paging": false,
        "pageLength": 25,
        "order": [[ 0, "asc" ]],
	    "ajax": "{{ asset('/legajo/cliente/cargarGrillaDomicilio?idcliente='.$globalId)}}"
    });
    
    var dataTable = $('#grillaCondicionPago').DataTable({
	    "processing": true,
        "serverSide": false,
	    "bFilter": false,
	    "bInfo": true,
	    "bSearchable": false,
        "paging": false,
        "pageLength": 25,
        "order": [[ 0, "asc" ]],
	    "ajax": "{{ asset('/legajo/cliente/cargarGrillaCondicionPago?idcliente='.$globalId)}}"
    });
    var dataTable = $('#grillaConfiguracionCategorias').DataTable({
	    "processing": true,
        "serverSide": false,
	    "bFilter": false,
	    "bInfo": true,
	    "bSearchable": false,
        "paging": false,
        "pageLength": 25,
        "order": [[ 0, "asc" ]],
	    "ajax": "{{ asset('/legajo/cliente/cargarGrillaConfiguracionCategorias?idcliente='.$globalId)}}"
	});


function fBuscarLocalidad(){
    idProvincia = $("#lstProvincia option:selected").val();
    $.ajax({
        type: "GET",
        url: "/legajo/cliente/nuevo/obtenerLocalidades",
        data: { id:idProvincia },
        async: true,
        dataType: "json",
        success: function (aLocalidades) {
            $("#lstLocalidad option").remove();
            $("<option>", {
                value: 0,
                text: "Seleccionar",
                disabled: true,
                selected: true
            }).appendTo("#lstLocalidad");
        
            for (i = 0; i < aLocalidades.length; i++) {
                $("<option>", {
                    value: aLocalidades[i]["nombre"],
                    text: aLocalidades[i]["nombre"]
                    }).appendTo("#lstLocalidad");
                }
            $("#lstLocalidad").prop("selectedIndex", "0");
        }
    });
}

function fBuscarSubCategorias(){
    idCategoria = $("#lstCategoriaPadre option:selected").val();
    $.ajax({
        type: "GET",
        url: "/legajo/cliente/nuevo/buscarSubCategorias",
        data: { idCategoria:idCategoria },
        async: true,
        dataType: "json",
        success: function (aSubCategorias) {
            $("#lstSubCategoria option").remove();
            $("<option>", {
                value: 0,
                text: "Seleccionar",
                disabled: true,
                selected: true
            }).appendTo("#lstSubCategoria");
        
            for (i = 0; i < aSubCategorias.length; i++) {
                $("<option>", {
                    value: aSubCategorias[i]["idcategoria"],
                    text: aSubCategorias[i]["nombre"]
                    }).appendTo("#lstSubCategoria");
                }
            $("#lstSubCategoria").prop("selectedIndex", "0");
        }
    });
}

function fAgregarDomicilio(){
    var grilla = $('#grilla').DataTable();
    grilla.row.add([
        "<input type='checkbox' name='txtId[]' value=''>",
        $("#lstTipo option:selected").text() + "<input type='hidden' name='txtTipo[]' value='"+ $("#lstTipo option:selected").val() +"'>",
        $("#lstProvincia option:selected").text() + "<input type='hidden' name='txtProvincia[]' value='"+ $("#lstProvincia option:selected").val() +"'>",
        $("#lstLocalidad option:selected").text() + "<input type='hidden' name='txtLocalidad[]' value='"+ $("#lstLocalidad option:selected").val() +"'>",
        $("#txtDireccion").val() + "<input type='hidden' name='txtDomicilio[]' value='"+$("#txtDireccion").val()+"'>",
        ""
    ]).draw();
    $('#modalDomicilio').modal('toggle');
    limpiarFormulario();
}

function limpiarFormulario(){
    $("#lstTipo").val(0);
    $("#lstProvincia").val(0);
    $("#lstLocalidad").val(0);
    $("#txtDireccion").val("");
}

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

    function guardar() {
        if ($("#form1").valid()) {
            modificado = false;
            form1.submit(); 
        } else {
            $("#modalGuardar").modal('toggle');
            msgShow("Corrija los errores e intente nuevamente.", "danger");
            return false;
        }
    }
    function abrirDialogoEliminarDomicilio() {
        $('#modalmsg').modal('toggle');
    }
    function eliminarDomicilio() {
        var grilla = $('#grilla').DataTable();
        $('#grilla input[type=checkbox]').each(function () {
            if (this.checked) {
                $(this.parentElement.parentNode).addClass('borrar');
            }
        });
        grilla.rows('.borrar').remove().draw(false);
        $('#modalmsg').modal('toggle');
    }

    //condicion pago
    function abrirModalCondicionPago() {
        $("#lstCondicionPagoModal").prop('selectedIndex', 0);
        if(globalId == "0" ){
            msgShow("Debe guardar el producto antes de poder dar de alta una condicion de pago asociada.", "danger");
        }
        else{
            $('#modalCondicionPago').modal('toggle');
        }

    }
    function fAgregarCondicionPago(){
    var grilla = $('#grillaCondicionPago').DataTable();
    grilla.row.add([
        "<input type='checkbox' name='txtId[]' value=''>",
        $("#lstCondicionPagoModal option:selected").text() + "<input type='hidden' name='txtCondicionPago[]' value='"+ $("#lstCondicionPagoModal option:selected").val() +"'>"
    ]).draw();
    $('#modalCondicionPago').modal('toggle');
    limpiarFormulario();
    }

    function limpiarFormulario(){
        $("#lstCondicionPagoModal").val(0);
    }
    function abrirDialogoEliminarCondicionPago() {
        $('#modalmsgCondicionPago').modal('toggle');
    }
    function eliminarCondicionPago() {
        var grilla = $('#grillaCondicionPago').DataTable();
        $('#grillaCondicionPago input[type=checkbox]').each(function () {
            if (this.checked) {
                $(this.parentElement.parentNode).addClass('borrar');
            }
        });
        grilla.rows('.borrar').remove().draw(false);
        $('#modalmsgCondicionPago').modal('toggle');
    }

    //configuracion categorias
    function abrirModalConfiguracionCategorias() {
        if(globalId == "0" ){
            msgShow("Debe guardar el producto antes de poder dar de alta una condicion de pago asociada.", "danger");
        }
        else{
            $('#modalConfiguracionCategorias').modal('toggle');
        }

    }
    function fAgregarConfiguracionCategorias(){
    var grilla = $('#grillaConfiguracionCategorias').DataTable();
    grilla.row.add([
        "<input type='checkbox' name='txtId[]' value=''>",
        $("#lstCategoriaPadre option:selected").text() + "<input type='hidden' name='txtCategoriaPadre[]' value='"+ $("#lstCategoriaPadre option:selected").val() +"'>",
        $("#lstSubCategoria option:selected").text() + "<input type='hidden' name='txtSubCategoria[]' value='"+ $("#lstSubCategoria option:selected").val() +"'>",
        $("#txtDescuentoCategoria").val() + "<input type='hidden' name='txtDescuentoCategoria[]' value='"+ $("#txtDescuentoCategoria").val() +"'>"
    ]).draw();
    $('#modalConfiguracionCategorias').modal('toggle');
    limpiarFormulario();
    }

    function limpiarFormulario(){
        $("#lstCategoriaPadre").val("");
        $("#lstSubCategoria").val("");
        $("#txtDescuentoCategoria").val("");
    }

    function abrirDialogoEliminarConfiguracionCategoriaso() {
        $('#modalmsgConfiguracionCategorias').modal('toggle');
    }
    
    function eliminarConfiguracionCategorias() {
        var grilla = $('#grillaConfiguracionCategorias').DataTable();
        $('#grillaConfiguracionCategorias input[type=checkbox]').each(function () {
            if (this.checked) {
                $(this.parentElement.parentNode).addClass('borrar');
            }
        });
        grilla.rows('.borrar').remove().draw(false);
        $('#modalmsgConfiguracionCategorias').modal('toggle');
    }
</script>
@endsection