<%-- 
    Document   : index
    Created on : 31/10/2015, 10:10:43 AM
    Author     : fcelestino
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ include file="validar.jsp" %>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="es"> <!--<![endif]-->

    <!-- START @HEAD -->
    <head>
        <!-- START @META SECTION -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="description" content="Blankon is a theme fullpack admin template powered by Twitter bootstrap 3 front-end framework. Included are multiple example pages, elements styles, and javascript widgets to get your project started.">
        <meta name="keywords" content="admin, admin template, bootstrap3, clean, fontawesome4, good documentation, lightweight admin, responsive dashboard, webapp">
        <meta name="author" content="Djava UI">
        <title>SISTEMA CUOTAS PAGO ACADEMIA</title>
        <link rel="icon" type="image/png" sizes="16x16" href="images/helicoide.png" />
        <!--/ END META SECTION -->

        <!-- START @FAVICONS -->
        <!--<link href="../img/ico/apple-touch-icon-144x144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144">-->
        <!--<link href="../img/ico/apple-touch-icon-114x114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114">-->
        <!--<link href="../img/ico/apple-touch-icon-72x72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72">-->
        <!--<link href="../img/ico/apple-touch-icon-57x57-precomposed.png" rel="apple-touch-icon-precomposed">-->
        <!--<link href="../img/ico/apple-touch-icon.png" rel="shortcut icon">-->
        <!--/ END FAVICONS -->

        <!-- START @FONT STYLES -->
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet">
        <link href="http://fonts.googleapis.com/css?family=Oswald:700,400" rel="stylesheet">
        <!--/ END FONT STYLES -->

        <!-- START @GLOBAL MANDATORY STYLES -->
        <link href="../assets/global/plugins/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
        <link href="../assets/global/plugins/bower_components/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css" rel="stylesheet">
        
        <!--/ END GLOBAL MANDATORY STYLES -->

        <!-- START @PAGE LEVEL STYLES -->
        <link href="../assets/global/plugins/bower_components/fontawesome/css/font-awesome.min.css" rel="stylesheet">
        <link href="../assets/global/plugins/bower_components/animate.css/animate.min.css" rel="stylesheet">
        <link href="../assets/global/plugins/bower_components/dropzone/downloads/css/dropzone.css" rel="stylesheet">
        <link href="../assets/global/plugins/bower_components/jquery.gritter/css/jquery.gritter.css" rel="stylesheet">
        <!--/ END PAGE LEVEL STYLES -->

        <!-- START @THEME STYLES -->
        <link href="../assets/admin/css/reset.css" rel="stylesheet">
        <link href="../assets/admin/css/layout.css" rel="stylesheet">
        <link href="../assets/admin/css/components.css" rel="stylesheet">
        <link href="../assets/admin/css/plugins.css" rel="stylesheet">
        <link href="../assets/admin/css/themes/red.theme.css" rel="stylesheet" id="theme">
        <link href="../assets/admin/css/custom.css" rel="stylesheet">
        <link rel="stylesheet" href="validar/css/validationEngine.jquery.css" type="text/css"/>
        <!--/ END THEME STYLES -->

        <!-- START @IE SUPPORT -->
        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
        <script src="../assets/global/plugins/bower_components/html5shiv/dist/html5shiv.min.js"></script>
        <script src="../assets/global/plugins/bower_components/respond-minmax/dest/respond.min.js"></script>
        <![endif]-->
        <!--/ END IE SUPPORT -->
        <style>
         
            
            .input-oculto{
                width: 100% !important;
                background-color: transparent !important;
                border: transparent 0px !important;
            }
            .formError{
                z-index: 30000;
            }.daterangepicker td.in-range {
                background: #BFEDF7;
                border-radius: 0;
            }.daterangepicker td.active, .daterangepicker td.active{
                    background-color: #8CC152;
                    border-color: #8CC152;
                    color: #fff;
                
            }.daterangepicker td.available:hover , .datepicker.th.available:hover{
                background: #8CC152;
                color: #fff;                
            }.media-list.small > .media {
            padding: 0px 15px;
        }
         
        </style>
        <style>
            
           .errorUsuario {
                font-size: 12px;
                font-style: italic;
                color: #e9573f;
            }
            

.media-list > .media {
                    line-height: 37px;
            }.modal-dialog {
                   margin: 30px auto;
               }
   
        </style>
    </head>
    <!--/ END HEAD -->

    <!--

    |=========================================================================================================================|
    |  TABLE OF CONTENTS (Use search to find needed section)                                                                  |
    |=========================================================================================================================|
    |  01. @HEAD                        |  Container for all the head elements                                                |
    |  02. @META SECTION                |  The meta tag provides metadata about the HTML document                             |
    |  03. @FAVICONS                    |  Short for favorite icon, shortcut icon, website icon, tab icon or bookmark icon    |
    |  04. @FONT STYLES                 |  Font from google fonts                                                             |
    |  05. @GLOBAL MANDATORY STYLES     |  The main 3rd party plugins css file                                                |
    |  06. @PAGE LEVEL STYLES           |  Specific 3rd party plugins css file                                                |
    |  07. @THEME STYLES                |  The main theme css file                                                            |
    |  08. @IE SUPPORT                  |  IE support of HTML5 elements and media queries                                     |
    |=========================================================================================================================|
    |  09. @BODY                        |  Contains all the contents of an HTML document                                      |
    |  10. @WRAPPER                     |  Wrapping page section                                                              |
    |  11. @HEADER                      |  Header page section contains about logo, top navigation, notification menu         |
    |  12. @SIDEBAR LEFT                |  Sidebar page section contains all sidebar menu left                                |
    |  13. @PAGE CONTENT                |  Contents page section contains breadcrumb, content page, footer page               |
    |  14. @SIDEBAR RIGHT               |  Sidebar page section contains all sidebar menu right                               |
    |  15. @BACK TOP                    |  Element back to top and action                                                     |
    |=========================================================================================================================|
    |  16. @CORE PLUGINS                |  The main 3rd party plugins script file                                             |
    |  17. @PAGE LEVEL PLUGINS          |  Specific 3rd party plugins script file                                             |
    |  18. @PAGE LEVEL SCRIPTS          |  The main theme script file                                                         |
    |=========================================================================================================================|

    START @BODY
    |=========================================================================================================================|
	|  TABLE OF CONTENTS (Apply to body class)                                                                                |
	|=========================================================================================================================|
    |  01. page-boxed                   |  Page into the box is not full width screen                                         |
	|  02. page-header-fixed            |  Header element become fixed position                                               |
	|  03. page-sidebar-fixed           |  Sidebar element become fixed position with scroll support                          |
	|  04. page-sidebar-minimize        |  Sidebar element become minimize style width sidebar                                |
	|  05. page-footer-fixed            |  Footer element become fixed position with scroll support on page content           |
	|  06. page-sound                   |  For playing sounds on user actions and page events                                 |
	|=========================================================================================================================|

	-->
        <body class="page-sound page-header-fixed page-sidebar-fixed" onload="cargar();">

        <!--[if lt IE 9]>
        <p class="upgrade-browser">Upps!! You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- START @WRAPPER -->
        <section id="wrapper">

            <!-- START @HEADER -->
            
            
            
            <%@ include file="banner.jsp" %>
            <!--/ END HEADER -->

            <!--

            START @SIDEBAR LEFT
            |=========================================================================================================================|
            |  TABLE OF CONTENTS (Apply to sidebar left class)                                                                        |
            |=========================================================================================================================|
            |  01. sidebar-box               |  Variant style sidebar left with box icon                                              |
            |  02. sidebar-rounded           |  Variant style sidebar left with rounded icon                                          |
            |  03. sidebar-circle            |  Variant style sidebar left with circle icon                                           |
            |=========================================================================================================================|

            -->
            
            <input id="codTitulo" type="hidden" value='<%=menu != null ? menu.getCodigoTitulo() : ""%>'>
            <input id="codModulo" type="hidden" value='<%=menu != null ? menu.getCodigoModulo(): ""%>'>
            <input id="codCategoria" type="hidden" value='<%=menu != null ? menu.getCodigoCategoria(): ""%>'>
            <input id="codSubCategoria" type="hidden" value='<%=menu != null ? menu.getCodigoSubCategoria(): ""%>'>
            
                                
            <%@ include file="menu.jsp" %>
                                
            <!-- /#sidebar-left -->
            <!--/ END SIDEBAR LEFT -->

            <!-- START @PAGE CONTENT -->
            <section id="page-content">

                <!-- Start page header -->
                <div class="header-content">
                    <h2><i class="fa fa-cogs"></i>Mantenimiento <span>Mantenimiento de Descuentos</span></h2>
                    <div class="breadcrumb-wrapper hidden-xs">
                        <!-- <span class="label">You are here:</span>
                        <ol class="breadcrumb">
                            <li class="active">Tipo Usuario</li>
                        </ol> -->
                    </div>
                </div><!-- /.header-content -->
                <!--/ End page header -->
                <!-- Start body content -->
                <div class="body-content animated fadeIn">
                    <div class="row">
                        <div class="col-sm-2"></div>
                        <div class="col-sm-8">
                          <div class="panel rounded shadow panel-blueDark panelborder">
                                <div class="panel-heading ">
                                    <div class="pull-left">
                                        <h3 class="panel-title">Búsqueda de Descuentos</h3>
                                    </div>
                                    <div class="clearfix"></div>
                                </div><!-- /.panel-heading -->
                                <div class="panel-body no-padding">
                                    <form method="POST" id="form-busqueda" onsubmit="return false;">
                                         
                                        <div class="form-body">
                                            <fieldset>
                                                <div class="form-group col-sm-12" id="txtFiltro">
                                                    <label class="control-label" id="etiqueta-busqueda"><b>Concepto <span class="asterisk">(*)</span></b></label>
                                                    <input type="text" class="form-control" id="valFiltro" />
                                                </div>
                                              <div class="form-group col-md-12">                 
                                                            <div class="text-right"><b><span class="asterisk">(*)</span> Campo Obligatorio</b>
                                                            </div>         
                                                        </div>
                                            </fieldset>
                                        </div><!-- /.form-body -->
                                        
                                        <div class="form-footer">
                                            <div class="pull-right">
                                                <button class="btn btn-foursquare  " type="button" onclick="listarDescuentos('1')"><i class="fa fa-search"></i> BUSCAR</button>
                                                <button class="btn btn-warning " type="reset" onclick="limpiarLista('1');"><i class="fa fa-refresh"></i> LIMPIAR</button>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div><!-- /.form-footer -->
                                    </form>

                                </div><!-- /.panel-body -->
                            </div>  
                        </div>
                        <div class="col-sm-2"></div>
                    </div>
                    
                    <div class="row" id="tabla-descuentos">
                        
                     

                        
                    </div>
                    <div class="row ">
                        <div class="col-md-2"></div>
                        <div class="col-md-8">
                            <div style="display: none" id="leyenda" class="panel rounded shadow panel-blueDark panelborder">
                                <div class="panel-heading">
                                    <div class="pull-left">
                                        <h3 class="panel-title">Leyenda</h3>
                                    </div>
                                    <div class="pull-right">
                                        <button class="btn btn-sm" data-action="collapse" data-toggle="tooltip" data-placement="top" data-title="Ocultar" data-original-title="" title=""><i class="fa fa-angle-up"></i></button>
                                    </div>
                                    <div class="clearfix"></div>
                                </div><!-- /.panel-heading -->
                                <div class="panel-body no-padding">

                                    <!-- Start list notification -->
                                    <div class="media-list small">
                                        <a  class="media">
                                            <div class="media-object pull-left"><i class="fa fa-pencil-square-o bigger-140 blue"></i></div>
                                            <div class="media-body">
                                                <span class="media-text">Editar Usuario</span>
                                                
                                                <!--/ End meta icon -->
                                            </div><!-- /.media-body -->
                                        </a>
                                       <a  class="media">
                                            <div class="media-object pull-left"><i class="fa fa-lightbulb-o bigger-140 green"></i></div>
                                            <div class="media-body">
                                                <span class="media-text">Usuario Activo</span>
                                                
                                                <!--/ End meta icon -->
                                            </div><!-- /.media-body -->
                                        </a><!-- /.media -->

                                        <a  class="media">
                                            <div class="media-object pull-left"><i class="fa fa-lightbulb-o bigger-140 red"></i></div>
                                            <div class="media-body">
                                                <span class="media-text">Usuario Inactivo</span>
                                             
                                                <!--/ End meta icon -->
                                            </div><!-- /.media-body -->
                                        </a><!-- /.media -->

                                       
                                    </div>
                                    <!--/ End list notification -->

                                </div><!-- /.panel-body -->
                            </div>

                      
                        </div>
                        <div class="col-md-2"></div>
                    </div><!-- /.row -->
                </div><!-- /.body-content -->
                <!--/ End body content -->
                <!-- Start DIV POPUP -->
<!--                <div id="popup-conformidad" data-backdrop="static" class="modal fade modal-center modal-saco" tabindex="-1" role="dialog" aria-hidden="true"  ></div>
                <div id="popup-notificacion" class="modal fade modal-center modal-success" tabindex="-1" role="dialog" aria-hidden="true" ></div>
                <div id="popup-advertencia" class="modal fade modal-center modal-warning" tabindex="-1" role="dialog" aria-hidden="true" ></div>
                <div id="popup-error" class="modal fade modal-center modal-danger" tabindex="-1" role="dialog" aria-hidden="true" ></div>
                <div id="popup-general" class="modal fade bs-example-modal-form in modal-saco " tabindex="-1" role="dialog" aria-hidden="true" ></div>-->
                <!--/ End DIV POPUP -->
                <!-- Start footer content -->
                
                <%@ include file="footer.jsp" %>
                <!--/ End footer content -->

            </section><!-- /#page-content -->
            <!--/ END PAGE CONTENT -->

            <!-- START @SIDEBAR RIGHT -->
            
            <!--/ END SIDEBAR RIGHT -->

        </section><!-- /#wrapper -->
        <!--/ END WRAPPER -->

        <!-- START @BACK TOP -->
        <div id="back-top" class="animated pulse circle">
            <i class="fa fa-angle-up"></i>
        </div><!-- /#back-top -->
        <!--/ END BACK TOP -->
        <section>
            <div  id="popup-conformidad" data-backdrop="static"  class="modal  modal-center modal-saco animated flipInY prueba" tabindex="-1" role="dialog" aria-hidden="true"  >
                </div>
                <div  id="popup-notificacion" class="modal  modal-center modal-success animated flipInY " tabindex="-1" role="dialog" aria-hidden="true" >
                </div>
                <div  id="popup-advertencia" class="modal  modal-center modal-warning animated flipInY " tabindex="-1" role="dialog" aria-hidden="true" >
                </div>
                <div id="popup-general" class="modal fade bs-example-modal-form in modal-saco " tabindex="-1" role="dialog" aria-hidden="true" >
                </div>
        </section>
        <!-- START JAVASCRIPT SECTION (Load javascripts at bottom to reduce load time) -->
        <!-- START @CORE PLUGINS -->
        <script src="../assets/global/plugins/bower_components/jquery/dist/jquery.min.js"></script>
        <script src="../assets/global/plugins/bower_components/jquery-cookie/jquery.cookie.js"></script>
        <script src="../assets/global/plugins/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
        <script src="../assets/global/plugins/bower_components/typehead.js/dist/handlebars.js"></script>
        <script src="../assets/global/plugins/bower_components/typehead.js/dist/typeahead.bundle.min.js"></script>
        <script src="../assets/global/plugins/bower_components/jquery-nicescroll/jquery.nicescroll.min.js"></script>
        <script src="../assets/global/plugins/bower_components/jquery.sparkline.min/index.js"></script>
        <script src="../assets/global/plugins/bower_components/jquery-easing-original/jquery.easing.1.3.min.js"></script>
        <script src="../assets/global/plugins/bower_components/ionsound/js/ion.sound.min.js"></script>
        <script src="../assets/global/plugins/bower_components/bootbox/bootbox.js"></script>
        <!--/ END CORE PLUGINS -->

        <!-- START @PAGE LEVEL PLUGINS -->
        <!--<script src="../assets/global/plugins/bower_components/bootstrap-session-timeout/dist/bootstrap-session-timeout.min.js"></script>-->
        <script src="../assets/global/plugins/bower_components/flot/jquery.flot.js"></script>
        <script src="../assets/global/plugins/bower_components/flot/jquery.flot.spline.min.js"></script>
        <script src="../assets/global/plugins/bower_components/flot/jquery.flot.categories.js"></script>
        <script src="../assets/global/plugins/bower_components/flot/jquery.flot.tooltip.min.js"></script>
        <script src="../assets/global/plugins/bower_components/flot/jquery.flot.resize.js"></script>
        <script src="../assets/global/plugins/bower_components/flot/jquery.flot.pie.js"></script>
        <script src="../assets/global/plugins/bower_components/dropzone/downloads/dropzone.min.js"></script>
        <script src="../assets/global/plugins/bower_components/jquery.gritter/js/jquery.gritter.min.js"></script>
        <script src="../assets/global/plugins/bower_components/skycons-html5/skycons.js"></script>
        <!--/ END PAGE LEVEL PLUGINS -->

        <!-- START @PAGE LEVEL SCRIPTS -->
        <script src="../assets/admin/js/apps.js"></script>
        <script src="../assets/admin/js/pages/blankon.dashboard.js"></script>
        <script src="../assets/admin/js/demo.js"></script>
        <script src="../assets/global/plugins/bower_components/bootstrap-switch/dist/js/bootstrap-switch.min.js"></script>
        
        <script src="validar/js/languages/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
        <script src="validar/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
    
        <script>
        function segundaCarga(){
            listarDescuentos('1');
        }
        
        //FIMCIONES DE LISTAR
        function listarDescuentos(pagina){
            var valFiltro = encodeURI($("#valFiltro").val());
            $.ajax({
                type: 'POST',
                url: '../ServletDescuento?accion=listarDescuentosPorNombre',
                data:"nombre="+valFiltro+"&pag="+pagina,
                beforeSend: function () {
                    $("#tabla-descuentos").html(' <div class="col-md-1"></div><div class="col-md-10"> <div class="panel"> <div class="panel-heading-saco"> <h3 class="panel-title pull-left">Lista de Descuentos</h3> <span class="pull-right" style="display: block;"> <button class="btn btn-saco" onclick="mostrarAgregar();"> <i class="fa fa-plus-circle"></i> Agregar Descuento </button> </span> <div style="clear: both;"></div></div><div class="panel-body no-padding"> <div class="table rounded mb-20" id="imprimirTablaDescuentos"> <table class="table table-striped table-saco" style="border: 1px solid rgb(198, 198, 198); border-image: none; font-size: 11px;"> <thead> <tr> <th class="text-center border-right">No.</th> <th class="text-center">Concepto</th> <th class="text-center">Acciones</th> </tr></thead> <tbody> <td colspan="3"> <center> <div class="overlay"> <img width="70" height="70" src="images/loader-gears.gif" alt=""/> </div></center> </td></tbody> </table> </div></div></div></div><div class="col-md-1"></div>');    
                }, success: function (resultado) {
                    $("#tabla-descuentos").html(resultado);
                    tooltips();
                    $("#leyenda").removeAttr("style");
                }, complete: function () {

                }
            });
        }
        function limpiarLista(pagina){
            $.ajax({
                type: 'POST',
                url: '../ServletDescuento?accion=listarDescuentosPorNombre',
                data:"nombre=&pag="+pagina,
                beforeSend: function () {
                    
                }, success: function (resultado) {
                    $("#tabla-descuentos").html(resultado);
                    tooltips();
                }, complete: function () {

                }
            });
        }
        
        //FUNCIONES AJAX DE POPUP
        function mostrarAgregar(){
            var icono = "fa-plus-circle"; // icono del popUp ej. fa-pencil
            var titulo = "Agregar Nuevo Descuento"; //titulo del popUp
            var idpopUp = "contenido"; // id en donde aparecera tu formulario
            var width = "600"; // ancho del popUp por default 900
            $.ajax({
                type: 'POST',
                url: '../ServletPopup?accion=popUpGeneral',
                data: 'icono=' + icono + '&titulo=' + titulo + '&idpopUp=' + idpopUp + '&width=' + width,
                beforeSend: function () {
                }, success: function (resultado) {
                    $('#popup-general').html(resultado);
                }, complete: function () {
                    armarFormAgregar(idpopUp);
                }
            });
        }
        function armarFormAgregar(idpopUp) {
            
               $.ajax({
                    type: 'POST',
                    url: '../ServletDescuento?accion=generarFormNuevo',
                    data: null,
                    beforeSend: function () {
                    }, success: function (resultado) {
                        $("#" + idpopUp).html(resultado);
                    }, complete: function () {
                        $("#popup-general").removeClass('index');
                        ion.sound.play('pop_cork');
                        $("#popup-general").modal({
                            backdrop: 'static',
                            keyboard: false
                        });
                    }
                }); 
            
            
        }
        function mostrarEditar(id,valor,orden){
            var icono = "fa-pencil"; // icono del popUp ej. fa-pencil
            var titulo = "Editar Descuento"; //titulo del popUp
            var idpopUp = "contenido"; // id en donde aparecera tu formulario
            var width = "600"; // ancho del popUp por default 900
            valor = encodeURI(valor);
            
            $.ajax({
                type: 'POST',
                url: '../ServletPopup?accion=popUpGeneral',
                data: 'icono=' + icono + '&titulo=' + titulo + '&idpopUp=' + idpopUp + '&width=' + width ,
                beforeSend: function () {
                }, success: function (resultado) {
                    $('#popup-general').html(resultado);
                }, complete: function () {
                    armarFormEditar(idpopUp,id,valor,orden);
                }
            });
        }
        function armarFormEditar(idpopUp,id,texto,etiqueta) {
            $.ajax({
                type: 'POST',
                url: '../ServletDescuento?accion=generarFormEditar',
                data: 'idDescuento=' + id + '&valor=' + texto + '&etiqueta=' + etiqueta ,
                beforeSend: function () {
                }, success: function (resultado) {
                    $("#" + idpopUp + "").html(resultado);
                }, complete: function () {
                    $("#popup-general").removeClass('index');
                    ion.sound.play('pop_cork');
                    $("#popup-general").modal({
                        backdrop: 'static',
                        keyboard: false
                    });
                }
            });
        }
        function mostrarActivar(id){
            var mensaje = "¿Esta seguro de activar el descuento?";
            var nomfuncion = "cambiarEstado("+id+",1);";
            var width = "380";
            $.ajax({
                type: 'POST',
                url: '../ServletPopup?accion=popUpConformidad',
                data: 'mensaje='+mensaje+'&width='+width+'&nomfuncion='+nomfuncion+'&nomfuncion2=',
                beforeSend: function () {
                }, success: function (resultado) {
                    $('#popup-conformidad').html(resultado);
                }, complete: function () {
                    $("#popup-conformidad").removeClass('index');
                    ion.sound.play('pop_cork');
                    $("#popup-conformidad").modal({
                        backdrop: 'static',
                        keyboard: false
                    });
                    tooltips();
                }
            });
        }
        function mostrarDesactivar(id){
            var mensaje = "¿Esta seguro de desactivar el descuento?";
            var nomfuncion = "cambiarEstado("+id+",0);";
            var width = "380";
            $.ajax({
                type: 'POST',
                url: '../ServletPopup?accion=popUpConformidad',
                data: 'mensaje='+mensaje+'&width='+width+'&nomfuncion='+nomfuncion+'&nomfuncion2=',
                beforeSend: function () {
                }, success: function (resultado) {
                    $('#popup-conformidad').html(resultado);
                }, complete: function () {
                    $("#popup-conformidad").removeClass('index');
                    ion.sound.play('pop_cork');
                    $("#popup-conformidad").modal({
                        backdrop: 'static',
                        keyboard: false
                    });
                    tooltips();
                }
            });
        }
        function mostrarCorrecto(){
            var mensaje = "La operación fue realizada exitosamente.";
            var nomfuncion = "";
            var width = "380";
            $.ajax({
                type: 'POST',
                url: '../ServletPopup?accion=popUpNotificacion',
                data: 'mensaje='+mensaje+'&width='+width+'&nomfuncion='+nomfuncion+'&nomfuncion2=',
                beforeSend: function () {
                }, success: function (resultado) {
                    $('#popup-notificacion').html(resultado);
                }, complete: function () {
                    $("#popup-notificacion").removeClass('index');
                    ion.sound.play('pop_cork');
                    $("#popup-notificacion").modal({
                        backdrop: 'static',
                        keyboard: false
                    });
                    tooltips();
                }
            });
        }
        
        function mostrarTieneAsignados(){
            var mensaje = "No se puee realizar la operación, el descuento esta enlazado a una o más sedes.";
            var nomfuncion = "";
            var width = "380";
            $.ajax({
                type: 'POST',
                url: '../ServletPopup?accion=popUpAdvertencia',
                data: 'mensaje='+mensaje+'&width='+width+'&nomfuncion='+nomfuncion+'&nomfuncion2=',
                beforeSend: function () {
                }, success: function (resultado) {
                    $('#popup-advertencia').html(resultado);
                }, complete: function () {
                    $("#popup-advertencia").removeClass('index');
                    ion.sound.play('pop_cork');
                    $("#popup-advertencia").modal({
                        backdrop: 'static',
                        keyboard: false
                    });
                    tooltips();
                }
            });
        }
        function mostrarRellenarCampos(funcion){
            var mensaje = "Rellene los campos obligatorios.";
            var nomfuncion = funcion+"();";
            var width = "380";
            $.ajax({
                type: 'POST',
                url: '../ServletPopup?accion=popUpAdvertencia',
                data: 'mensaje='+mensaje+'&width='+width+'&nomfuncion='+nomfuncion+'&nomfuncion2=',
                beforeSend: function () {
                }, success: function (resultado) {
                    $('#popup-advertencia').html(resultado);
                }, complete: function () {
                    $("#popup-advertencia").removeClass('index');
                    ion.sound.play('pop_cork');
                    $("#popup-advertencia").modal({
                        backdrop: 'static',
                        keyboard: false
                    });
                    tooltips();
                }
            });
        }
        
        //FUNCIONES AJAX DE MANTENIMIENTO
        function cambiarEstado(id,estado){
            $.ajax({
                type: 'POST',
                url: '../ServletDescuento?accion=cambiarEstadoDescuento',
                data: 'id='+id+'&estado='+estado,
                beforeSend: function () {
                    
                }, success: function (resultado) {
                    if(resultado==1){
                        mostrarCorrecto();
                    }
                    else if(resultado==2){
                        mostrarTieneAsignados();
                    }
                    listarDescuentos('1');
                }, complete: function () {
                    
                }
            });
        }
        function agregarNuevo(){
            var nombre = $("#nuevoNombre").val();
            var estado = $("#form-validate").validationEngine('validate');
            if(estado){
            
                $.ajax({
                    type: 'POST',
                    url: '../ServletDescuento?accion=nuevoDescuento',
                    data: 'nombre='+nombre,
                    beforeSend: function () {

                    }, success: function (resultado) {
                        if(resultado==1){
                            $("#popup-general").modal('toggle');
                            mostrarCorrecto();
                        }
                        tooltips();
                        
                    }, complete: function () {
                listarDescuentos('1');
                    }
                });
           
            
        }
    }
        function editarDescuento(id){
            var nombre = $("#nuevoNombre").val();
            var nombre = encodeURI(nombre);
            if(nombre.length > 0){
                $.ajax({
                    type: 'POST',
                    url: '../ServletDescuento?accion=editarDescuento',
                    data: 'id='+id+'&nombre='+nombre,
                    beforeSend: function () {

                    }, success: function (resultado) {
                        if(resultado==1){
                            mostrarCorrecto();
                        }
                        listarDescuentos('1');
                    }, complete: function () {

                    }
                });
            }
            else{
                mostrarRellenarCampos('');
            }
        }
        
        //FUNCIONES ADICIONALES
         function tooltips(){
        if($('[data-toggle=tooltip]').length){
            $('[data-toggle=tooltip]').tooltip({
                animation: 'fade'
            });
        }
    }
        $("body").resize(function(e){
            $("body").css("padding-right","0px");
        });
        </script>
        
        <!--/ END PAGE LEVEL SCRIPTS -->
        <!--/ END JAVASCRIPT SECTION -->

        <!-- START GOOGLE ANALYTICS - ->
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-55892530-1', 'auto');
            ga('send', 'pageview');

        </script>
        <!- -/ END GOOGLE ANALYTICS -->

    </body>
    <!--/ END BODY -->

</html>