<html> 
  <div id="page-content-wrapper">
    <div class="page-content inset">
      <div class="row">
        <div class="col-md-12">
          <head> 
            <!--<script src="<?php echo base_url().'assets/dist/js/jquery/jquery-3.3.1.js'?>" type="text/javascript"></script>
            <script src="<?php echo base_url().'assets/dist/js/jquery/jquery-ui.js'?>" type="text/javascript"></script>
            <script src='<?php echo base_url()?>assets/fullcalendar/lib/moment.min.js'></script>
            <script src='<?php echo base_url()?>assets/fullcalendar/lib/jquery.min.js'></script>
            <script src='<?php echo base_url()?>assets/fullcalendar/fullcalendar.js'></script>
            <script src='<?php echo base_url()?>assets/fullcalendar/locale/es.js'></script>-->
            <script src="<?php echo base_url().'assets/dist/js/CifrasEnLetras.js'?>" type="text/javascript"></script>
            <link rel="stylesheet" href="<?php echo base_url().'assets/dist/js/jquery/jquery-ui.css'?>">
            <script src="<?php echo base_url().'assets/plugins/notify/notify.min.js'?>" type="text/javascript"></script>
            <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/styles.css'?>">
            <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/validacion.css'?>">
            <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/styleTable.css' /> 
            <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/table.css' />
            <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
            <script src="<?php echo base_url().'assets/dist/js/caja.js'?>" type="text/javascript"></script>
            <script src="<?php echo base_url().'assets/dist/js/md5/md5.min.js'?>" type="text/javascript"></script>
            <script src='<?php echo base_url()?>assets/plugins/dateTimePicker/moment-with-locales.js'></script>
            <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/dateTimePicker/bootstrap-datetimepicker.css'?>">
            <script src="<?php echo base_url().'assets/plugins/dateTimePicker/bootstrap-datetimepicker.js'?>"></script>
            <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/dateTimePicker/jquery.timepicker.css'?>">
            <!-- Latest compiled and minified CSS -->
            <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.css'?>">

            <!-- Latest compiled and minified JavaScript -->
            <script src="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.js'?>"></script>
            <script src="<?php echo base_url().'assets/plugins/dateTimePicker/jquery.timepicker.js'?>"></script>
            <script src="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.js'?>"></script>
            <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/select2/select2.min.css'?>">
            <script src="<?php echo base_url().'assets/plugins/select2/select2.min.js'?>" type="text/javascript"></script>

            <script type="text/javascript">
              var base_url="<?php echo base_url()?>";
            </script>
          </head> 

          <style>
            .datepicker.dropdown-menu {
              z-index: 1000000 !important;
            }
            .doubleScroll-scroll-wrapper{
                display:none;
              }
          </style>
<!-- Primera parte del panel , donde se muestra la fecha, hora y franquicia -->
<body onload="mueveReloj();"> 
    
  <!-- Función que manda a traer la hora del equipo de computo donde se esta ejecutando el sistema -->
  <h2><center>Caja</center></h2>

  <div class="panel panel-default">
    <div class="panel-heading"> 
      <form name="Caja" id="Caja"><!--mi form-->
        <strong><?php foreach ($Franquicias as $a => $Franquicias) echo  $Franquicias; ?> </strong>
        <div align="right" id="FechaCaja"></br>
          <div id="mueveReloj">
            <input type="text" name="hora" id="horaTicket" size="10" style=" font-family: Arial, Helvetica Neue, Helvetica, sans-serif;    padding: 6px;  font-size: 1.2em;   text-align: center;   border-color:  rgba(154, 75, 166, 1);"> 
          </div>
        </div> 
    </div></br>  
    <!-- Cuerpo del panel donde se muestra los datos requerido para crear la venta -->
    <div class="panel-body"> 
      <div class="col-md-12">
        <!-- <div id="divAdeudos" class="col-md-2 col-sm-12 col-xs-12 form-group pull-right invisible"> -->
        <button type="button" id="bAdeudos" class="btn btn-primary col-md-2 col-sm-12 col-xs-12 pull-right invisible">
          <span class="glyphicon glyphicon-list-alt"></span> Adeudos
        </button>
        <!-- </div> -->
        <button type="button"  class="btn btn-primary col-md-1 col-sm-12 col-xs-12 pull-right oculto" >          
        </button>
        <!-- <div  class="col-md-2 col-sm-12 col-xs-12 form-group pull-right">        -->
        <button type="button" id="bNuevoCliente" class="btn btn-primary col-md-2 col-sm-12 col-xs-12 pull-right" data-toggle="modal" data-target="#modal-nuevoCliente">
          <i class="fas fa-user-plus"></i> Nuevo cliente
        </button>
        <!-- </div> -->
      </div>
      <!-- <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <form class="form-inline">
        <div   class="col-md-1 col-sm-12 col-xs-12 form-group">
          <label>ID </label>
          <input type="text" class="form-control" id="idc" name="idc" readonly=""> 
        </div> 
        <div   class="col-md-6 col-sm-12 col-xs-12 form-group">  
          <label >Cliente </label> 
          <input type="text" class="form-control" id="title" name="title" required="" onkeypress="return validaLetra(event)"  onkeyup="validar(this.form);"></br>
      </div> -->
      <div class="col-md-3 col-sm-10 col-xs-10 form-group" style="display: none;">          
          <input type="text" class="form-control"  id="codigo" name="codigo" required="" onkeypress="return validaLetra(event)" >
      </div>

      <!-- <div  class="col-md-2 col-sm-10 col-xs-10 form-group">
        <label >. </label> 
                      <a href="<?php echo base_url();?>clientes/franquiciatario/clienteF/agregar">           
                      <button type="button" class="btn btn-primary">
                        <span class="glyphicon glyphicon-plus"></span>Agregar cliente
                      </button></a>
        </div>
        </form>
        </nav> -->
      <!-- Botones que muestran los datos ya sean de Productos, Servicios o Promociones -->

    <!-- ********************************************** -->

    <div class="col-md-1 col-sm-12 col-xs-12 form-group">
      <label>ID </label>
      <input type="text" class="form-control" id="idc" name="idc" readonly=""> 
    </div> 
    <div class="col-md-5 col-sm-12 col-xs-12 form-group">  
      <label >Cliente </label> 
      <div class="input-group">
        <input type="text" class="form-control" id="title" name="title" required="" onkeypress="return validaLetra(event)"  onkeyup="validar(this.form);">
          <span class="input-group-btn">
            <button type="button" id="limpiarCliente" class="btn btn-danger" data-toggle="tooltip" data-placement="top" title="Limpia contenedor de busqueda">  .<span class="fas fa-broom"></span></button>
          </span>
      </div>
    </div> 
    <br><br><br><br><br><br>

    <!-- ********************************************** -->
    <!--botones para mostrar productos -->
    <div  class="col-md-12 col-sm-12 col-xs-12 form-group">
      <!--botones para mostrar productos -->
      
        <input type="button" value="Producto" id="IProducto" class="btn btn-primary">
        <!--botones para mostrar servicios-->
        <input type="button" value="Servicio/Promoción" id="ServicioP"  class="btn btn-primary"> 
        <!-- <input type="button" value="Servicio" id="Servicio"  class="btn btn-primary"> -->
        <input type="button" value="Servicios agendados" id="ServicioA"  class="btn btn-primary" style="display:none"> 
        
      <!--botones para mostrar promociones franquicias -->
      <!-- <input type="button" value="Promociones Franquicias" id="PF" class="btn btn-primary"> -->
      <!--botones para mostrar promociones Institucionales -->
      <!-- <input type="button" value="Promociones Institucionales" id="PI" class="btn btn-primary"> -->
    </div>

    <!-- Linea de los datos solicitados para ingresar un producto a la tabla -->
    <div id='ProductoO' style='display:none;'>
      <div id='OP1' class="col-md-6 col-sm-12 col-xs-12 form-group">
        <label >Producto </label>
        <!--  -->
        <div class="input-group">
          <input type="text" class="form-control" id="producto" name="producto" maxlength="45"  onInput="deshabilitaP();" onChange="" disabled="disabled" placeholder="ingresar nombre de productos" data-toggle="tooltip" data-placement="top" title="Buscar producto"  autofocus="">
          <span class="input-group-btn">
            <button type="button" id="limpiarP" class="btn btn-danger" data-toggle="tooltip" data-placement="top" title="Limpia contenedor de busqueda">  .<span class="fas fa-broom"></span></button>
          </span>
        </div>
      </div>
    <div class="col-md-2 col-sm-10 col-xs-10 oculto">
    </div>
    <div id='botones' class="col-md-3 col-sm-10 col-xs-10  oculto">
      <div class="col-md-4 col-xs-4">
        <button type="button" class="btn btn-app boton-acciones div-centrado" id="botonDescuentoP" name="botonDescuentoP" data-toggle="tooltip" data-placement="top" title="Ingresar descuento">
          <span >  
            <b>%</b>         
          </span>
        </button>
      </div>
      <div class="col-md-4 col-xs-4 form-group ">
        <button type="button" class="btn btn-app boton-acciones" id="botonExhibicionesP" name="botonExhibicionesP" data-toggle="tooltip" data-placement="top" title="Ingresar exhibición">
          <span class="glyphicon glyphicon-credit-card">            
          </span>
        </button>
      </div>
    </div>
    <!-- alineacion -->
    <div class="col-md-1 col-sm-10 col-xs-10 oculto">
      <input class="form-control"  type="text">
    </div>
    <!-- Fin de alineacion -->
    <div id='OP2' class="col-md-2 col-sm-12 col-xs-12 form-group invisible">
      <label >Existencia </label> 
      <label id="existencia1" name="existencia1"  class="col-md-12 col-sm-12 col-xs-12 grupo-dos" onInput="deshabilitaP();" onKeyUp="Exist();"></label>
      <!-- <input type="text" class="form-control" id="existencia1" name="existencia1" placeholder="Existencia"  maxlength="45"onInput="deshabilitaP();" disabled="" onKeyUp="Exist();" value=""> -->
    </div>

    <div id='OP4' class="col-md-2 col-sm-10 col-xs-10 form-group invisible" >
      <label >Precio </label>
      <div class="input-group">
        <span class="input-group-addon grupo-uno">$</span>
        <label id="preciosP" placeholder="Precio" name="preciosP" class="col-md-12 col-sm-12 col-xs-12 grupo-dos" onKeyUp="Sub();"></label>
      </div>
      <!-- <input class="form-control" id="preciosP" type="text" placeholder="Precio" name="preciosP" disabled="" onKeyUp="Sub();"> -->
    </div>
    
    <div id='OP5' class="col-md-2 col-sm-10 col-xs-10 form-group invisible" >
      <label >Cantidad</label>
      <input class="form-control" id="piezas" type="text" placeholder="Cantidad" name="piezas" onInput="deshabilitaP()" onKeyUp="Sub();Exist();"  onkeypress="return valida(event)" onKeyUp="" >
    </div>

    <div id='OP6' class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
      <label >Subtotal </label>
      <div class="input-group">
        <span class="input-group-addon grupo-uno">$</span>
        <label id="sub" name="sub" onInput="deshabilitaP()" class="form-control sin-borde" onKeyUp="CanDes();PorDes();AdeuP();"></label>
      </div>
      <!-- <input class="form-control" id="sub" type="text" placeholder="Subtotal" name="sub" onInput="deshabilitaP()" onkeypress="return valida(event)" disabled="" onKeyUp="CanDes();PorDes();AdeuP();"  > -->
    </div>

    <div id='OP7' class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
      <label >Descuento </label>
      <div class="input-group">
        <span class="input-group-addon grupo-uno">$</span>
        <label id="descu" name="descu" class="form-control sin-borde" onInput="deshabilitaP()" onKeyUp="PorDes();AdeuP();"></label>
      </div>
      <!-- <input class="form-control" id="descu" type="text" value="" placeholder="Descuento" name="descu" onInput="deshabilitaP();" disabled=""   onKeyUp="PorDes();AdeuP();" > -->
    </div>

    <div id='OP8' class="col-md-2 col-sm-10 col-xs-10 form-group invisible" >
      <label id="labelDescuentoP">% Descuento </label>
      <div class="input-group">
        <span class="input-group-btn" id="cambiarPorcSpanP">
          <button type="button" id="cambiarPorcP" class="btn btn-danger" data-toggle="tooltip" data-placement="bottom" title="Cambiar a cantidad de descuento">  <span> %</span></button>
        </span>
        <span class="input-group-btn invisible" id="cambiarCantSpanP">
          <button type="button" id="cambiarCantP" class="btn btn-danger" data-toggle="tooltip" data-placement="bottom" title="Cambiar a porcentaje de descuento">  <span> $</span></button>
        </span>
        <input class="form-control" id="ingresaDescuentoP" type="text" onkeypress="return validaPunto(event)" >                     
      </div>
    </div>

    <div id='OP9' class="col-md-2 col-sm-10 col-xs-10 form-group invisible" >
      <label >Cant.Descuento </label>
      <input class="form-control" id="Candescu" type="text" placeholder="Cantidad descuento" name="Candescu" onInput="deshabilitaP()"   onKeyUp="CanDes();" onkeypress="return validaPunto(event)" >
      <label >% Descuento </label>
      <input class="form-control" id="Pordescuento" type="text" placeholder="% Descuento" name="Pordescuento" onInput="deshabilitaP()"    onKeyUp="PorDes();" onkeypress="return valida(event)" >
    </div>

    <div id='OP10' class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
      <label >Comen.Descu </label>
      <input class="form-control" id="ComenDescu" type="text" placeholder="Comentario Descuento" name="ComenDescu" onInput="deshabilitaP()" disabled=""  onkeypress="return validaCaracteres(event)">
    </div>


    <div id='OP11' class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
      <label >Contraseña</label>
      <input class="form-control" id="Contr" type="password" placeholder="password" name="Contraseña" onInput="deshabilitaP()" disabled="">
    </div>

    <div id="OP12" class="col-md-2 col-sm-10 col-xs-10 form-group invisible" >
      <label  >Exhibiciones:</label>
      <select id="exhi"  name="exhi" class="form-control"  onChange="Exhi();">
        <option value="">--- Selecciona --- </option> 
        <option value="1">1</option>
        <option value="2">2</option>
      </select>
    </div>

    <div id='OP13' class="col-md-2 col-sm-12 col-xs-12 form-group invisible" >
      <label >Anticipo </label> 
      <input class="form-control" id="Anticipo" type="text" placeholder="Anticipo" name="Anticipo" onkeypress="return validaPunto(event)" disabled="" onKeyUp="AdeuP();" autofocus="">
    </div>

    <div id='OP14' class="col-md-2 col-sm-12 col-xs-12 form-group invisible" >
      <label >Adeudo </label> 
      <input class="form-control" id="CAdeudo" type="text" placeholder="Adeudo" name="CAdeudo" onkeypress="return valida(event)" disabled="" value = 0 >
    </div>

    <div id='OP15' class="col-md-2 col-sm-10 col-xs-10 form-group invisible" ><br>
      <button type="button" class="btn btn-primary" id="AgregarP"  disabled="" onClick="">
      <span class="glyphicon glyphicon-plus btn_add"></span>      
    </div> 

    <!-- Input invisible para poner en orden a los demas -->
    <div id="TituloMenu1" class="col-md-12 col-sm-7 col-xs-7 form-group">
      <p style="color: #003CA6"><hr style="border-top: 1px dashed #003CA6;"></p>
    </div>

  </div> 
      <!--*************************SERVICIO**********************************-->  
      <div id="servicioPromocion" class="invisible">
        <div  class="col-md-6 col-sm-12 col-xs-12 form-group">
          <label >Servicio o promoción </label>
          <!-- <input type="text" class="form-control" name="buscaServicio" id="buscaServicio" placeholder="ingresar nombre de servicios o promociones" data-toggle="tooltip" data-placement="top" title="Buscar servicios y promociones"  autofocus=""> -->
          <div class="input-group">
            <input type="text" class="form-control" name="buscaServicio" id="buscaServicio" placeholder="ingresar nombre de servicios o promociones" data-toggle="tooltip" data-placement="top" title="Buscar servicios y promociones"  autofocus="">
            <span class="input-group-btn">
              <button type="button" id="limpiar" class="btn btn-danger" data-toggle="tooltip" data-placement="top" title="Limpia contenedor de busqueda">  .<span class="fas fa-broom"></span></button>
            </span>                      
          </div>
          <!--<div class="input-group">-->
            <!--<select name="buscaServicioSelect" id="buscaServicioSelect" onchange="servicioSelect();" class="js-example-basic-single"></select>-->
            <!--<input type="text" class="form-control" name="buscaServicioSelect" id="buscaServicioSelect" placeholder="ingresar nombre de servicios o promociones" data-toggle="tooltip" data-placement="top" title="Buscar servicios y promociones"  autofocus="">-->
            <!--<span class="input-group-btn">
              <button type="button" id="limpiar" class="btn btn-danger" data-toggle="tooltip" data-placement="top" title="Limpia contenedor de busqueda">  .<span class="fas fa-broom"></span></button>
            </span>                      
          </div>-->
        </div>
      </div>
      <!-- ************************SERVICIO**********************************-->

      <!--*************************SERVICIO AGENDADO**********************************-->  
      <div id="servicioAgendado" class="invisible">
        <div  class="col-md-6 col-sm-12 col-xs-12 form-group">
          <label >Servicios agendados </label>
          <div class="input-group">
          <select name="buscaServicioSelect" id="buscaServicioSelect" onchange="servicioSelect();" class="js-example-basic-single"></select>
            <!--<input type="text" class="form-control" name="buscaServicioA" id="buscaServicioA" placeholder="ingresar nombre de servicios" data-toggle="tooltip" data-placement="top" title="Buscar servicios agendados">
            <span class="input-group-btn">
              <button type="button" id="limpiar" class="btn btn-danger" data-toggle="tooltip" data-placement="top" title="Limpia contenedor de busqueda">  .<span class="fas fa-broom"></span></button>
            </span>-->                     
          </div>
        </div>
      </div>
      <!-- ************************SERVICIO AGENDADO**********************************-->


       <!-- Linea de los datos solicitados para ingresar servicios a la tabla -->
       <div id='ServicioO' style='display:none;'>
       <div id='OS1' class="col-md-2 col-sm-12 col-xs-12 form-group invisible">
        <label >Servicio Agendado</label>
        <input type="text" class="form-control" name="servicioAG" id="servicioAG" placeholder="Servicio Agendado" data-toggle="tooltip" data-placement="top" title="Servicio Adicional y Personalizado" onInput="deshabilitaS()" disabled="disabled" autofocus="">
      </div>
      <div id='OS1' class="col-md-2 col-sm-12 col-xs-12 form-group invisible">
        <label >Servicio Adicional</label>
        <input type="text" class="form-control" name="servicio" id="servicio" placeholder="Servicio  Adicional y Personalizado " data-toggle="tooltip" data-placement="top" title="Servicio Adicional y Personalizado" onInput="deshabilitaS()" disabled="disabled" autofocus="">
      </div>
     <div id='OS1G' class="col-md-2 col-sm-12 col-xs-12 form-group invisible">
        <label >Servicio General</label>
        <input type="text" class="form-control" name="servicioG" id="servicioG" placeholder="Servicio General y Muestra"  data-toggle="tooltip" data-placement="top" title="Servicio General y Muestra" onInput="deshabilitaS()" disabled="disabled" autofocus="">
    </div>
    <div class="col-md-2 col-sm-10 col-xs-10 oculto">
    </div>
    <div id='OS5' class="col-md-3 col-sm-10 col-xs-10  oculto">
       <div class="col-md-4 col-xs-4">
           <button type="button" class="btn btn-app boton-acciones div-centrado" id="botonDescuento" name="botonDescuento" data-toggle="tooltip" data-placement="top" title="Ingresar descuento">
            <span >  
            <b>%</b>         
            </span>
        </button>
        </div>
        <div class="col-md-4 col-xs-4 form-group ">
          <button type="button" class="btn btn-app boton-acciones" id="botonCertificado" name="botonCertificado" data-toggle="tooltip" data-placement="top" title="Ingresar certificado de regalo">
            <span class="glyphicon glyphicon-gift">            
            </span>
          </button>
        </div>
        <div class="col-md-4 col-xs-4 form-group ">
          <button type="button" class="btn btn-app boton-acciones" id="botonExhibiciones" name="botonExhibiciones" data-toggle="tooltip" data-placement="top" title="Ingresar exhibición">
            <span class="glyphicon glyphicon-credit-card">            
            </span>
          </button>
        </div>
      </div>
<!-- alineacion -->
    <div class="col-md-1 col-sm-10 col-xs-10 oculto">
    <input class="form-control"  type="text">

    </div>
<!-- Fin de alineacion -->
    <div id='OS2' class="col-md-2 col-sm-10 col-xs-10 form-group ">
        <label >Precio </label>       
        <div class="input-group">
                      <span class="input-group-addon grupo-uno">$</span>
                      <label id="preciosS" name="preciosS" class="col-md-12 col-sm-12 col-xs-12 grupo-dos" onKeyUp="SubSer();"></label>
        </div>
        <!-- <input class="form-control" id="precioS" type="text" placeholder="Precio" name="preciosS"  disabled="" onKeyUp="SubSer();"> -->
    </div> 

    <div id='OS3' class="col-md-2 col-sm-10 col-xs-10 form-group">
        <label >Cantidad </label>
        <input class="form-control" id="sesiones" type="text" placeholder="Cantidad" name="sesiones" onInput="deshabilitaS()" disabled="" onkeypress="return valida(event)" onKeyUp="SubSer();"  autofocus="">
    </div> 

    <div id='OS4' class="col-md-2 col-sm-10 col-xs-10 form-group">
      <label >Subtotal </label>
      <div class="input-group">
        <span class="input-group-addon grupo-uno">$</span>
        <label id="subS" name="subS" onInput="deshabilitaP()" class="form-control sin-borde" onKeyUp="CanDesS();PorDesS();AdeuS();"></label>
      <!-- <input class="form-control" id="subS" type="text" placeholder="Subtotal" name="subS" onInput="deshabilitaP()" onkeypress="return valida(event)" disabled="" onKeyUp="CanDesS();PorDesS();AdeuS();" > -->
      </div>
    </div>

<!-- aqui cambia -->


      <div class="col-md-2 col-sm-10 col-xs-10 form-group invisible" id="totalDescuento" name="totalDescuento">
        <label >Descuento </label>
        <div class="input-group">
                      <span class="input-group-addon grupo-uno">$</span>
                      <label id="descuS" name="descuS" class="form-control sin-borde" onInput="deshabilitaS()" onKeyUp="AdeuS();" ></label>
        </div>
      </div>
<!-- hasta aqui -->
     <div id='OS6' class="col-md-2 col-sm-10 col-xs-10 form-group invisible" >
          <label id="labelDescuentoS">% Descuento </label>
          <div class="input-group">
                       <span class="input-group-btn" id="cambiarPorcSpan">
                              <button type="button" id="cambiarPorc" class="btn btn-danger" data-toggle="tooltip" data-placement="bottom" title="Cambiar a cantidad de descuento">  <span> %</span></button>
                      </span>
                      <span class="input-group-btn invisible" id="cambiarCantSpan">
                              <button type="button" id="cambiarCant" class="btn btn-danger" data-toggle="tooltip" data-placement="bottom" title="Cambiar a porcentaje de descuento">  <span> $</span></button>
                      </span>

          <input class="form-control" id="ingresaDescuentoS" type="text" onkeypress="return validaPunto(event)" >                     
          </div>

    </div>

    <div id='OS7' class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
    <label >Cant.Descuento </label>
      <input class="form-control" id="CandescuS" type="text" placeholder="Cantidad descuento" data-toggle="tooltip" data-placement="bottom" title="Cantidad de Descuento" name="CandescuS" onInput="deshabilitaP()"  onkeypress="return validaPunto(event)"  onKeyUp="CanDesS();" >

      <label >% Descuento </label>
      <input class="form-control" id="PordescuentoS" type="text" placeholder="% Descuento"  data-toggle="tooltip" data-placement="bottom" title="Porcentaje de Descuento"  name="PordescuentoS" onInput="deshabilitaP()"    onKeyUp="PorDesS();" onkeypress="return valida(event)" >
    </div>

    <div id='OS8' class="col-md-2 col-sm-10 col-xs-10 form-group invisible" >
      <label >Comen.Des </label>
        <input class="form-control" id="Comendes" type="text" placeholder="Comentario Descuento"  data-toggle="tooltip" data-placement="bottom" title="Comentario de Descuento"  name="Comendes" onInput="deshabilitaS()"   disabled="" onkeypress="return validaCaracteres(event)">
    </div>

  <div id='OS9' class="col-md-2 col-sm-10 col-xs-10 form-group invisible" >
      <label >Contraseña</label>
      <input class="form-control" id="pass" type="password" placeholder="password" name="Password" onInput="deshabilitaP()" disabled="" autocomplete="new-password">
    </div>

    <div id='OS10' class="col-md-2 col-sm-12 col-xs-12 form-group invisible" >
      <label >No.Certificado R. </label> 
      <input type="text" class="form-control" id="FolioCPS" name="FolioCPS" data-toggle="tooltip" data-placement="bottom" title="Escribir el folio o numero del Certificado de Regalo" placeholder="Folio Certificado de Regalo"  maxlength="10"  onInput="deshabilitaS()" onkeypress="return valida(event)">
    </div>

    <div id='OS11' class="col-md-2 col-sm-12 col-xs-12 form-group invisible" >
      <label >Nombre C.R. </label> 
      <input type="text" class="form-control" id="NombreCPS" name="NombreCPS" data-toggle="tooltip" data-placement="bottom" title="Escribir nombre completo del Certificado de Regalo" placeholder="Nombre Certificado de Regalo"  onkeypress="return validaLetra(event)" maxlength="45"  onInput="deshabilitaS()" disabled="">
    </div>

     <div id="OS12" class="col-md-2 col-sm-10 col-xs-10 form-group invisible" >
        <label  >Exhibiciones: </label>
          <select id="exhiS"  name="exhi" class="browser-default custom-select form-control" onChange="ExhiS();">
          <option value="">--- Selecciona --- </option> <?php foreach ($Exi as $i => $Pagos)   
          echo '<option value="',$i,'">',$Pagos,'</option>'; ?> 
          </select>
      </div>

 
      <div id='OS13' class="col-md-2 col-sm-12 col-xs-12 form-group invisible">
      <label >Abono </label> 
      <input class="form-control" id="CantidadA" type="text"  name="CantidadA" placeholder="Abono"  onkeypress="return validaPunto(event)" disabled="" onkeyUp="AdeuS();"  autofocus="">
      </div>

      <div id='OS14' class="col-md-2 col-sm-12 col-xs-12 form-group invisible" >
      <label >Adeudo </label> 
      <input class="form-control" id="CAdeudoS" type="text" placeholder="Adeudo" name="CAdeudoS" onkeypress="return valida(event)" disabled="" value= 0>
      </div>
      
    <div id='OS15' class="col-md-2 col-sm-10 col-xs-10 form-group" ></br>
        <button type="button" class="btn btn-primary" id="AgregarS" disabled="">
        <span class="glyphicon glyphicon-plus btn_add"></span>
      </button>
    </div>
    
<!-- Input invisible para poner en orde los demas -->
       <div id="TituloMenu2" class="col-md-12 col-sm-7 col-xs-7 form-group" >
        <p style="color: #003CA6"> <hr style="border-top: 1px dashed #003CA6;"></p>
      </div>
   </div> 

    <div id='PromoFrO' style='display:none;'>

     <!-- Linea de los datos solicitados para ingresar una promoción a la tabla -->
     <!-- ------------------------------------------------------------------------ -->
    <div class="col-md-2 col-sm-10 col-xs-10 oculto">
    </div>
     <div id='botonesPF' class="col-md-3 col-sm-10 col-xs-10 oculto">
       <div class="col-md-4 col-xs-4">
           <button type="button" class="btn btn-app boton-acciones div-centrado" id="botonDescuentoPF" name="botonDescuentoPF" data-toggle="tooltip" data-placement="top" title="Ingresar descuento">
            <span >  
            <b>%</b>         
            </span>
        </button>
        </div>
        <div class="col-md-4 col-xs-4 form-group ">
          <button type="button" class="btn btn-app boton-acciones" id="botonCertificadoPF" name="botonCertificadoPF" data-toggle="tooltip" data-placement="top" title="Ingresar certificado de regalo">
            <span class="glyphicon glyphicon-gift">            
            </span>
          </button>
        </div>
        <div class="col-md-4 col-xs-4 form-group ">
          <button type="button" class="btn btn-app boton-acciones" id="botonExhibicionesPF" name="botonExhibicionesPF" data-toggle="tooltip" data-placement="top" title="Ingresar exhibición">
            <span class="glyphicon glyphicon-credit-card">            
            </span>
          </button>
        </div>
      </div>
<!-- alineacion -->
    <div class="col-md-1 col-sm-10 col-xs-10 oculto">
    <input class="form-control"  type="text">

    </div>
<!-- Fin de alineacion -->
     <!-- ------------------------------------------------------------------------ -->
     <div id='OProF1' class="col-md-2 col-sm-12 col-xs-12 form-group invisible" >
        <label >Promos Franquicia </label>
        <input type="text" class="form-control" id="promocionesF" title="Promociones Franquicias" name="promocionesF" placeholder="Promociones Franquicia" data-toggle="tooltip" data-placement="top" title="Promociones Franquicias"  onInput="deshabilitaPF()">
    </div>

    <div id='OProF2' class="col-md-2 col-sm-10 col-xs-10 form-group" >
        <label >Precio </label>   
        <div class="input-group">
                      <span class="input-group-addon grupo-uno">$</span>
                      <label id="PreFran" name="PreFran" class="col-md-12 col-sm-12 col-xs-12 grupo-dos" onInput="deshabilitaPF()" onKeyUp="SubPF();"></label>
        </div>
        <!-- <input class="form-control" name="PreFran" type="text" placeholder="Precio"  id="PreFran" disabled="" onInput="deshabilitaPF()"  onKeyUp="SubPF();"> -->
    </div> 
      
    <div  id='OProF3' class="col-md-2 col-sm-10 col-xs-10 form-group">
        <label >Cantidad </label>
        <input class="form-control" id="PFS" type="text" placeholder="Cantidad" name="PFS"   onInput="deshabilitaPF()" onkeypress="return valida(event)"   onKeyUp="SubPF();">
    </div> 


    <div id='OProF4' class="col-md-2 col-sm-10 col-xs-10 form-group" >
      <label >Subtotal </label>
      <div class="input-group">
        <span class="input-group-addon grupo-uno">$</span>
        <label id="SubF" name="SubF" onInput="deshabilitaP()" class="form-control sin-borde" onKeyUp="CanDesPF();PorDesPF();AdeuPF();"></label>
      </div>
      <!-- <input class="form-control" id="SubF" type="text" placeholder="Subtotal" name="SubF" onInput="deshabilitaP()" onkeypress="return valida(event)" disabled="" onKeyUp="CanDesPF();PorDesPF();AdeuPF();"> -->
    </div>

    <div id='OProF5' class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
        <label >Descuento </label>
        <div class="input-group">
                      <span class="input-group-addon grupo-uno">$</span>
                      <label id="descuPF" name="descuPF" class="form-control sin-borde" onInput="deshabilitaS()" onKeyUp="PorDesPF();AdeuPF();" ></label>
        </div>
        <!-- <input class="form-control" id="descuPF" type="text" placeholder="Descuento" name="descuPF" onInput="deshabilitaS()" value="" disabled="" onKeyUp="PorDesPF();AdeuPF();"> -->
    </div> 
<!-- ---- -->
    <div id='OProF6' class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
    <label id="labelDescuentoPF">% Descuento </label>
          <div class="input-group">
                       <span class="input-group-btn" id="cambiarPorcSpanPF">
                              <button type="button" id="cambiarPorcPF" class="btn btn-danger" data-toggle="tooltip" data-placement="bottom" title="Cambiar a cantidad de descuento">  <span> %</span></button>
                      </span>
                      <span class="input-group-btn invisible" id="cambiarCantSpanPF">
                              <button type="button" id="cambiarCantPF" class="btn btn-danger" data-toggle="tooltip" data-placement="bottom" title="Cambiar a porcentaje de descuento">  <span> $</span></button>
                      </span>

          <input class="form-control" id="ingresaDescuentoPF" type="text" onkeypress="return validaPunto(event)" >                     
          </div>
    </div>
<!-- ---- -->
    <div id='OProF7' class="col-md-2 col-sm-10 col-xs-10 form-group invisible" >
      <label >% Descuento </label>
      <input class="form-control" id="PordescuentoPF" type="text" placeholder="% Descuento" name="PordescuentoPF" onInput="deshabilitaP()" data-toggle="tooltip" data-placement="bottom" title="Porcentaje de Descuento"   onKeyUp="PorDesPF();" onkeypress="return valida(event)" >
      <label >Cant.Descuento </label>
      <input class="form-control" id="CandescuPF" type="text" placeholder="Cantidad Descuento" name="CandescuPF" onInput="deshabilitaP()" data-toggle="tooltip" data-placement="bottom" title="Cantidad de Descuento" onkeypress="return validaPunto(event)" onKeyUp="CanDesPF();" >

    </div>

    <div id='OProF8' class="col-md-2 col-sm-10 col-xs-10 form-group invisible" >
      <label >Comen.Descu </label>
      <input class="form-control" id="ComPF" type="text" placeholder="Comentario Descuento" data-placement="bottom" data-toggle="tooltip" data-placement="bottom" title="Comentario de Descuento" name="Com.Descu" onInput="deshabilitaP()"  disabled="" onkeypress="return validaCaracteres(event)">
    </div>

    <div id='OProF9' class="col-md-2 col-sm-10 col-xs-10 form-group invisible" >
      <label >Contraseña </label>
      <input type="password" id="PassPF" placeholder="Password" name="Password" class="form-control" disabled="" onKeyUp="">
    </div>

     <div id='OProF10' class="col-md-2 col-sm-12 col-xs-12 form-group invisible" >
      <label >No.Certificado R. </label> 
      <input type="text" class="form-control" id="FolioCPPF" name="FolioCPPF" placeholder="Folio Certificado de Regalo" data-toggle="tooltip" data-placement="bottom" title="Folio o numero de Certificado  de Regalo"  maxlength="10"  onInput="deshabilitaP()" onkeypress="return valida(event)" >
    </div>

    <div id='OProF11' class="col-md-2 col-sm-12 col-xs-12 form-group invisible" >
      <label >Nombre C.R.</label> 
      <input type="text" class="form-control" id="NombreCPPF" name="NombreCPPF" placeholder="Nombre Certificado de Regalo" data-toggle="tooltip" data-placement="bottom" title="Nombre de Certificado de Regalo"  onkeypress="return validaLetra(event)" maxlength="45"  onInput="deshabilitaP()" disabled="">
    </div>

     <div id="OProF12" class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
        <label  >Exhibiciones: </label>
          <select id="exhiPF"  name="exhi" class="form-control" onChange="ExhiPF();">
          <option value="">--- Selecciona --- </option> <?php foreach ($Exi as $i => $Pagos)   
          echo '<option value="',$i,'">',$Pagos,'</option>'; ?> 
          </select>
      </div>

      <div  id='OProF13' class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
        <label >Abono</label>
        <input class="form-control" id="AbonoPF" type="text" placeholder="Abono" name="Abono" onkeypress="return validaPunto(event)" disabled="disabled" onKeyUp="AdeuPF();" autofocus="" >
    </div> 

    <div  id='OProF14' class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
        <label >Adeudo</label>
        <input class="form-control" id="AdeudoPF" type="text" placeholder="Adeudo" name="Adeudo" onkeypress="return valida(event)" disabled="" value="0">
    </div> 

    <div id='OProF15' class="col-md-1 col-sm-10 col-xs-10 form-group" ><br>
        <button type="button" class="btn btn-primary" id="AgregarPF" disabled="">
        <span class="glyphicon glyphicon-plus"></span>
      </button>
      <br>
    </div>
    <br>
    <!-- Input invisible para poner en orde los demas -->
       <div id="TituloMenu3" class="col-md-12 col-sm-7 col-xs-7 form-group" >
        <p style="color: #003CA6"><hr style="border-top: 1px dashed #003CA6;"></p>
      </div>
    </div> 
 
     <!-- Linea de los datos solicitados para ingresar una promoción institucional a la tabla -->
    <div id='PromoInO' style='display:none;'>
         <!-- ------------------------------------------------------------------------ -->
    <div class="col-md-2 col-sm-10 col-xs-10 oculto">
    </div>
     <div id='botonesPI' class="col-md-3 col-sm-10 col-xs-10 oculto">
       <div class="col-md-4 col-xs-4">
           <button type="button" class="btn btn-app boton-acciones div-centrado" id="botonDescuentoPI" name="botonDescuentoPI" data-toggle="tooltip" data-placement="top" title="Ingresar descuento">
            <span >  
            <b>%</b>         
            </span>
        </button>
        </div>
        <div class="col-md-4 col-xs-4 form-group ">
          <button type="button" class="btn btn-app boton-acciones" id="botonCertificadoPI" name="botonCertificadoPI" data-toggle="tooltip" data-placement="top" title="Ingresar certificado de regalo">
            <span class="glyphicon glyphicon-gift">            
            </span>
          </button>
        </div>
        <div class="col-md-4 col-xs-4 form-group ">
          <button type="button" class="btn btn-app boton-acciones" id="botonExhibicionesPI" name="botonExhibicionesPI" data-toggle="tooltip" data-placement="top" title="Ingresar exhibición">
            <span class="glyphicon glyphicon-credit-card">            
            </span>
          </button>
        </div>
      </div>
<!-- alineacion -->
    <div class="col-md-1 col-sm-10 col-xs-10 oculto">
    <input class="form-control"  type="text">

    </div>
<!-- Fin de alineacion -->
     <!-- ------------------------------------------------------------------------ -->
    <div id='OProI1' class="col-md-2 col-sm-12 col-xs-12 form-group invisible">
        <label >Promos Institucionales</label>
        <input type="text" class="form-control" id="promocionesIn" name="promocionesIn" placeholder="Promociones Institucionales"  ata-placement="bottom" data-toggle="tooltip" data-placement="top" title="Promociones Institucionales " onInput="deshabilitaPP()">
    </div>


      
    <div id='OProI2' class="col-md-2 col-sm-10 col-xs-10 form-group" >
        <label >Precio </label>
        <div class="input-group">
                      <span class="input-group-addon grupo-uno">$</span>
                      <label id="PreIn" name="PreIn" class="col-md-12 col-sm-12 col-xs-12 grupo-dos" onKeyUp="SubPI();"></label>
        </div>
        <!-- <input class="form-control" id="PreIn" type="text" placeholder="Precio" name="PreIn" disabled=""  onKeyUp="SubPI();" > -->
    </div>

      <div id='OProI3' class="col-md-2 col-sm-10 col-xs-10 form-group" >
          <label >Cantidad </label>
          <input class="form-control" id="PIS" type="text" placeholder="Cantidad" name="PIS"  onInput="deshabilitaPP()" onkeypress="return valida(event)" onKeyUp="SubPI();">
      </div> 

      <div id='OProI4' class="col-md-2 col-sm-10 col-xs-10 form-group" >
      <label >Subtotal </label>
          <div class="input-group">
            <span class="input-group-addon grupo-uno">$</span>
            <label id="SubI" name="SubI" class="form-control sin-borde" onKeyUp="CanDesPI();PorDesPI();AdeuPI();"></label>
          </div>
      <!-- <input class="form-control" id="SubI" type="text" placeholder="Subtotal" name="SubI" onInput="deshabilitaP()" onkeypress="return valida(event)" disabled=""  onKeyUp="CanDesPI();PorDesPI();AdeuPI();"> -->
      </div>

      <div id='OProI5' class="col-md-2 col-sm-10 col-xs-10 form-group invisible" >
          <label >Descuento </label>
          <div class="input-group">
                      <span class="input-group-addon grupo-uno">$</span>
                      <label id="desPI" name="desPI" class="form-control sin-borde" onInput="deshabilitaS()" onKeyUp="PorDesPI();AdeuPI();"></label>
        </div>
          <!-- <input class="form-control" id="desPI" type="text" placeholder="Sesiones" name="desPI" onInput="deshabilitaS()"  value="" disabled="" onKeyUp="PorDesPI();AdeuPI();"> -->
      </div> 

      <div id='OProI6' class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
      <label id="labelDescuentoPI">% Descuento </label>
          <div class="input-group">
                       <span class="input-group-btn" id="cambiarPorcSpanPI">
                              <button type="button" id="cambiarPorcPI" class="btn btn-danger" data-toggle="tooltip" data-placement="bottom" title="Cambiar a cantidad de descuento">  <span> %</span></button>
                      </span>
                      <span class="input-group-btn invisible" id="cambiarCantSpanPI">
                              <button type="button" id="cambiarCantPI" class="btn btn-danger" data-toggle="tooltip" data-placement="bottom" title="Cambiar a porcentaje de descuento">  <span> $</span></button>
                      </span>

          <input class="form-control" id="ingresaDescuentoPI" type="text" onkeypress="return validaPunto(event)" >                     
          </div>

      </div>

     <div id='OProI7' class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
      <label >% Descuento </label>
      <input class="form-control" id="PordescuentoPI" type="text" placeholder="% Descuento" data-toggle="tooltip" data-placement="bottom" title="Porcentaje de descuento" name="PordescuentoPI" onInput="deshabilitaP()"    onKeyUp="PorDesPI();">
      <label >Cant.Descuento </label>
      <input class="form-control" id="CandescuPI" type="text" placeholder="Cantidad descuento"  data-toggle="tooltip" data-placement="bottom" title="Cantidad de descuento " name="CandescuPI" onInput="deshabilitaP()"  onkeypress="return validaPunto(event)" onKeyUp="CanDesPI();" >
     </div>

    <div id='OProI8' class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
      <label >Comen.Descu </label>
      <input class="form-control" id="ComPI" type="text" placeholder="Comentario Descuento" data-toggle="tooltip" data-placement="bottom" title="Comentario de descuento" name="Com.Descu" onInput="deshabilitaP()" disabled="" onkeypress="return validaCaracteres(event)">
    </div>

    <div id='OProI9' class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
      <label >Contraseña </label>
      <input type="password" id="PassPI" placeholder="Password" name="Password" class="form-control" disabled="">
    </div>
    
    <div id='OProI10' class="col-md-2 col-sm-12 col-xs-12 form-group invisible">
      <label >No.Certificado R. </label> 
      <input type="text" class="form-control" id="FolioCPPI" name="FolioCPPI" placeholder="Folio Certificado de Regalo"   data-toggle="tooltip" data-placement="bottom" title="Folio o numero de Certificado de Regalo" maxlength="10"  onInput="deshabilitaP()" onkeypress="return valida(event)" >
    </div>

    <div id='OProI11' class="col-md-2 col-sm-12 col-xs-12 form-group invisible">
      <label >Nombre C.R. </label> 
      <input type="text" class="form-control" id="NombreCPPI" name="NombreCPPI" placeholder="Nombre Certificado de Regalo"  data-toggle="tooltip" data-placement="bottom" title="Nombre del Certificado de Regalo" onkeypress="return validaLetra(event)" maxlength="45"  onInput="deshabilitaP()" disabled="">
    </div>

     <div id="OProI12" class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
        <label  >Exhibiciones: </label>
          <select id="exhiPI"  name="exhi" class="form-control" onChange="ExhiPI();">
          <option value="">--- Selecciona --- </option> <?php foreach ($Exi as $i => $Pagos)   
          echo '<option value="',$i,'">',$Pagos,'</option>'; ?> 
          </select>
      </div>

      <div  id='OProI13' class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
        <label >Abono</label>
        <input class="form-control" id="AbonoPI" type="text" placeholder="Abono" name="Abono" onkeypress="return validaPunto(event)" onKeyUp="AdeuPI();" disabled="" autofocus="">
    </div> 

    <div  id='OProI14' class="col-md-2 col-sm-10 col-xs-10 form-group invisible">
        <label >Adeudo</label>
        <input class="form-control" id="AdeudoPI" type="text" placeholder="Adeudo" name="Adeudo" onkeypress="return valida(event)" disabled="" value=0>
    </div> 

    <div id='OProI15' class="col-md-2 col-sm-10 col-xs-10 form-group" ><br>
       <button type="button" class="btn btn-primary" id="AgregarPI" disabled="">
         <span class="glyphicon glyphicon-plus"></span>
        </button>
        <br>
    </div>
    </br>
    <!-- Input invisible para poner en orde los demas -->
    <div id="TituloMenu4" class="col-md-12 col-sm-7 col-xs-7 form-group">
        <p style="color: #003CA6"> <hr style="border-top: 1px dashed #003CA6;"></p>
      </div>
   </div>
</div>
       <!-- Fila que muestra los datos de la tabla de productos.  --> 
    <div class="panel-body">
      <!-- <div class="table-responsive"> -->
      <!-- <table class="table table-bordered table-striped" > -->
      <!-- <thead>
      <tr>
           <th>Folio</th>
          <th>Nombre Producto</th>
          <th>Precio</th>
          <th>Stock</th>
          <th>Cantidad</th>
          <th>Subtotal</th>
          <th>Descuento</th>
          <th>Sub.Descuento</th>
          <th>Comentario Des</th>
          <th>Exhibiciones</th>
          <th>Anticipo</th>
          <th>Adeudo</th>
          <th>Total a Pagar</th>
          <th>Acciones</th>
      </tr>
      </thead>  -->
      <br>
    <!-- Tabla donde se acumulará los productos ingresados.  --> 
      <!-- <tbody id="mytable"> -->
      <div id="adicionados" style="visibility:hidden;"></div>
      <!-- Input que llevan los arreglos de las tablas mediante post -->
        <input type="text" name="listaFinal" id="listaFinal" value="" style="display:none;">
        <input type="text" name="serviciosFinal" id="serviciosFinal" value="" style="display:none;">
        <input type="text" name="promocionesFinal" id="promocionesFinal" value="" style="display:none;">
        <input type="text" name="promocionesInsFinal" id="promocionesInsFinal" value="" style="display:none;">
        <input type="text" name="folio-autoincrementable-venta" id="folio-autoincrementable-venta" value="" style="display:none;">
      <!-- </tbody>
      </table>  -->
      <!-- </div> -->
    <!-- Fila que muestra los datos de la tabla de servicios.  --> 
      <div class="scroll scrollbar-primary">
      <table class="table table-bordered table-striped" >
      <thead>
      <tr>
          <!-- <th>Folio</th> -->
          <th>Nombre</th>
          <th>Precio</th>
          <th>Cantidad</th>
          <th>Subtotal</th>
          <th>Descuento</th>
          <th>Sub.Descuento</th>
          <th>Comentario</th>
          <th>Exhibiciones</th>
          <th>Abono</th>
          <th>Adeudo</th>
          <th>Folio C.R</th>
          <th>Nombre C.R</th>
          <th>Total a Pagar</th>
          <th>Acciones</th>
      </tr>
      </thead>  

      <!-- Tabla donde se acumulará los servicios ingresados.  --> 
      <tbody id="mytable2">
      <div id="adicionados" style="visibility:hidden;"></div>
      </tbody>
      </table>
      </div> 

   <!-- fila donde se acumularán los datos de las promociones -->
    <div class="panel-body">
      <!-- <div class="table-responsive"> -->
      <!-- <table class="table table-bordered table-striped" >
      <thead>
      <tr>
            <th>Folio</th>
          <th>Nombre Promoción</th>
          <th>Precio</th>
          <th>Cantidad</th>
          <th>Subtotal</th>
          <th>Descuento</th>
          <th>Sub.Descuento</th>
          <th>Comentario Des</th>
          <th>Exhibiciones</th>
          <th>Abono</th>
          <th>Adeudo</th>
          <th>Folio C.R</th>
          <th>Nombre C.R</th>
          <th>Total a Pagar</th>
          <th>Acciones</th>
      </tr>
      </thead> -->

      <!-- Tabla donde se acumulará las promociones ingresadas.  -->   
       <!-- <tbody id="mytable3">
      <div id="adicionados" style="visibility:hidden;"></div>
      </tbody>
      </table>  -->
      <!-- </div> -->


        <!-- Combobox que muestra los nombres de los usuarios activos   -->
      <div class="col-md-3 col-sm-7 col-xs-7 form-group">
      <label>Vendedor</label>
        <select id="f"  name="Vendedor" class="form-control" required="" data-toggle="tooltip" data-placement="bottom" title="">
          <option value="">--- Selecciona --- </option> 
          <?php foreach ($Usuarios as $i => $usuarios)  
          { 
          echo '<option value="',$usuarios,'">',$usuarios,'</option>'; 
          }
          ?> 
        </select>
       </div>
     <div class="col-md-3 col-sm-7 col-xs-7 form-group">
      <label>Comentarios</label>
        <textarea class="form-control" rows="1" id="comentario" name="comentario" maxlength="60" data-toggle="tooltip" data-placement="bottom" title="Ingrese comentarios sobre la venta">  </textarea>
      
      </div>
      <!-- Boton que manda a traer la ventana modal para el tipo de pago  -->
      <div class="col-md-1 col-sm-10 col-xs-10 form-group"></br>
          <button type="button" id="FormaPago" class="btn btn-primary">
          <!--  mostrarIn7();mostrarIn8() -->
            <span class="glyphicon glyphicon-credit-card">&nbsp;</span>

            Forma de Pago
          </button>
      </div>

    
      <!-- Input invisible para poner en orden los demas -->
      <div class="col-md-1 col-sm-10 col-xs-10 form-group">
        <input type="text" class="form-control" disabled style="visibility:hidden;" >
      </div>
      <!-- Input invisible para poner en orden los demas -->
      <div class="col-md-1 col-sm-10 col-xs-10 form-group">
        <input type="text" class="form-control" disabled  style="visibility:hidden;">
      </div>
      <!-- Input invisible para poner en orden los demas -->
      <!--  Input que muestra el subtotal de la compra sin IVA -->
      <div class="col-md-2 col-sm-10 col-xs-10 form-group">
      <label>Subtotal:</label>
      <input type="text" class="form-control"  id="Sub1" name="Sub1" readonly="">
      <!--  Input que muestra el IVA de la compra -->
      <label>IVA:</label>
      <input type="text" class="form-control"  id="IVA" name="IVA" readonly="">
      <!--  Input que muestra el total de la compra con IVA -->
      <label>Total:</label>
      <input  class="form-control"  id="totaltotal1" name="totaltotal1"  readonly="">
      <label>Total General:</label>
      <input class="form-control"  id="Totalgen" name="Totalgen"  readonly="">

      <!--  Input que muestra el adeudo de la compra  -->
      <label>Adeudo:</label>
      <input type="text" class="form-control"  id="Adeudo" name="Adeudo" readonly="">
       <!--  Input que muestra el abono de la compra  -->
      <label id="lAbono">Total a pagar:</label>
      <input type="text" class="form-control"  id="Abono" name="Abono" readonly="" >
      </div>
      <input type="text" class="form-control"  id="CLetras" name="CLetras" readonly="" style='display:none;'>
      </div>
          <!-- ***************FORMA DE PAGO******************** -->
      <!-- Input invisible para poner en orde los demas -->
      <div id="FormaPagoO" style='display:none;'>
       <div id="Titulo1" class="col-md-12 col-sm-7 col-xs-7 form-group">
      </br></br>
        <p style="color: #003CA6"> <hr style="border-top: 1px dashed #003CA6;"></p>
        <center><h3 >Forma de Pago</h3></center> 
      </div>
      <!-- Input invisible para poner en orde los demas -->
      <div id="CAbonada" class="col-md-3 col-sm-10 col-xs-10 form-group" >
        <!-- <label style="font:caption; font-weight: bold;">CANTIDAD ABONADA:</label>  -->
        <label >CANTIDAD ABONADA:</label>
        <input class="form-control" style="font-size: 26; font-weight: bold;"  type="text" placeholder="Cantidad Abonada" name="cAbonada" id="cAbonada" readonly="" value="" >
      </div>


      <div id="in1" class="col-md-3 col-sm-10 col-xs-10 form-group" >
        <label >CANTIDAD FALTANTE: </label> 
          <input  class="form-control" style="color: #dd4b39; font-size: 25; font-weight: bold; "  type="text" placeholder="Cantidad Faltante" id="CFaltante" name="CFaltante" disabled="">
      </div>

<!--       <input  class="form-control" style="color: #dd4b39; font-size: 25; font-weight: bold; "  type="text" placeholder="Cantidad Faltante" id="CFaltante" name="CFaltante" disabled="">
      </div> -->

      <div id="in11" class="col-md-4 col-sm-10 col-xs-10 form-group">
        <label style="visibility:hidden;">Total a Pagar </label> 
        <input style="visibility:hidden;" class="form-control"  type="text" placeholder="Total a Pagar" >
      </div>

      <div id="Contado" class="col-md-3 col-sm-10 col-xs-10 form-group">
        <label>Efectivo: </label> 
          <input  class="form-control"  type="text" placeholder="Efectivo" id="ContadoD" name="ContadoD" onInput="Cambio();Sum();" onkeypress="return validaPunto(event)" >
      </div>

      <div id="Recibi" class="col-md-3 col-sm-10 col-xs-10 form-group">
        <label>Recibí: </label> 
          <input  class="form-control"  type="text" placeholder="Recibí" name="recibi" id="recibi" onKeyUp="Cambio()" disabled="" onkeypress="return validaPunto(event)">
      </div>

      <div id="Cambio" class="col-md-3 col-sm-10 col-xs-10 form-group">
        <label>Cambio: </label> 
        <input  class="form-control"  type="text" placeholder="Cambio" name="cambio" id="cambio" disabled="" value="0">
      </div>
       <div id="in2" class="col-md-3 col-sm-10 col-xs-10 form-group">
        <label style="visibility:hidden;">Contado: </label> 
        <input style="visibility:hidden;" class="form-control"  type="text" placeholder="Contado" >
      </div>

       <div id="TPago1" class="col-md-3 col-sm-10 col-xs-10 form-group">
        <label>Forma de Pago 1: </label> 
        <select id="Tpago1"  name="Tpago1" class="form-control" onChange="HabilitaCT1();">
          <option value="">--- Selecciona --- </option> 
          <option value="1">TARJETA DE CREDITO </option> 
          <option value="2">TARJETA DE DEBITO</option>
    </select>
         </div> 
  
    
      <div id="CantidadTarjeta1" class="col-md-3 col-sm-10 col-xs-10 form-group">
        <label>Cantidad Tarjeta 1: </label> 
        <input  class="form-control"  type="text" placeholder="Cantidad de Tarjeta 1" name="cantidadTarjeta1" id="cantidadTarjeta1" onInput="Sum();"  disabled="" onkeypress="return validaPunto(event)"  value="0" autofocus="">
      </div>


      <div id="FolioT1" class="col-md-3 col-sm-10 col-xs-10 form-group">
        <label>Folio Terminal: </label> 
        <input  class="form-control"  type="text" placeholder="Folio terminal bancaria" name="folioT1" id="folioT1" disabled="" data-toggle="tooltip" data-placement="top" title="Ingresar el folio del ticket otorgado por la TERMINAL BANCARIA" onkeypress="return validaGuion(event)" minlength="2">
      </div>

     <div id="in3" class="col-md-3 col-sm-10 col-xs-10 form-group">
        <label style="visibility:hidden;">Contado: </label> 
        <input style="visibility:hidden;" class="form-control"  type="text" placeholder="Contado" >
      </div> 

      <div id="TPago2" class="col-md-3 col-sm-10 col-xs-10 form-group">
       <label>Forma de Pago 2: </label> 
        <select id="Tpago2"  name="Tpago2" class="form-control" onChange="HabilitaCT2();">
          <option value="">--- Selecciona --- </option> 
          <option value="1">TARJETA DE CREDITO </option> 
          <option value="2">TARJETA DE DEBITO</option> 
      </select>
      </div>

      <div id="CantidadTarjeta2" class="col-md-3 col-sm-10 col-xs-10 form-group">
        <label>Cantidad Tarjeta 2: </label> 
         <input  class="form-control"  type="text" placeholder="Cantidad de Tarjeta 2" name="cantidadTarjeta2" id="cantidadTarjeta2" onInput="Sum();" disabled="" onkeypress="return validaPunto(event)"  value="0" autofocus="">
      </div>
      <div id="FolioT2" class="col-md-3 col-sm-10 col-xs-10 form-group">
        <label>Folio Terminal: </label> 
        <input  class="form-control"  type="text" placeholder="Folio terminal bancaria"  data-toggle="tooltip" data-placement="top" title="Ingresar el folio del ticket otorgado por la TERMINAL BANCARIA" name="folioT2" id="folioT2" disabled="" onkeypress="return validaGuion(event)" minlength="2">
       </div>
      <div id="BPropina" class="col-md-10 col-sm-10 col-xs-10 form-group">
        <button type="button" class="btn btn-primary" name="Propina" id="Propina">
        <span class="glyphicon glyphicon-usd"> </span>Propina</button>
     </div> 
   </div>

      
<!-- **********************PROPINA************************************** -->
    <div id="DPropina" style='display:none;'>
      <div id="Titulo2" class="col-md-12 col-sm-7 col-xs-7 form-group" >
          <p style="color: #003CA6"> <hr style="border-top: 1px dashed #003CA6;"></p>
          <center><h3 >Propina</h3></center> 
      </div>
      
      <div id="Cosme" class="col-md-3 col-sm-10 col-xs-10 form-group" >
          <label>Cosmetológ@</label>
          <select id="propina"  name="propina" class="form-control" onChange="HabilitaPropina();"data-toggle="tooltip" data-placement="top" title="Seleccione persona a quien se le asignará la propina">
          <option value="">--- Selecciona --- </option> 
          <?php foreach ($Usuarios as $i => $usuarios)  
          { 
          echo '<option value="',$i,'">',$usuarios,'</option>'; 
          }
          ?> 
          </select>
      </div>

      <div id="in5" class="col-md-3 col-sm-10 col-xs-10 form-group" >
          <label>Tipo Propina</label>
          <select id="opcion"  name="opcion" class="form-control" onChange="HabilitaOpciones();" disabled=""> 
          <option value="">--- Selecciona --- </option>
          <option value="1"> LIBRE </option>
          <option value="2"> POR PORCENTAJE DE VENTA</option>  
          </select>
      </div>
                       
      <div id="Porcentaje" class="col-md-3 col-sm-10 col-xs-10 form-group" >
          <label >Porcentaje a calcular: </label> 
          <input type="text" class="form-control" name="ProcenPropina" id="ProcenPropina" onkeypress="return validaPunto(event)" disabled="" onKeyUp="PorVenta();" data-toggle="tooltip" data-placement="bottom" title="Ingresar el porcentaje a calcular sobre la venta">
      </div>

      <div id="in6" class="col-md-3 col-sm-10 col-xs-10 form-group" >
          <label >Porcentaje calculado: </label> 
          <input type="text" class="form-control" id="PorcentajeVenta" readonly="" >
      </div>

      <div id="CanPor" class="col-md-3 col-sm-10 col-xs-10 form-group" >
          <label >Efectivo: </label> 
          <input type="text" class="form-control" name="cantidadPor" id="cantidadPor" onkeypress="return validaPunto(event)" readonly="" onInput="CambioPropina();SumaPropina();">
      </div>

      <div id="EfecRec" class="col-md-3 col-sm-10 col-xs-10 form-group" >
          <label >Efectivo Recibido: </label> 
          <input type="text" id="efecRec" class="form-control" onkeyUp="CambioPropina();"  onkeypress="return validaPunto(event)" disabled="">
      </div>

      <div id="CambioD" class="col-md-3 col-sm-10 col-xs-10 form-group" >
          <label >Cambio: </label> 
          <input type="text" id="cambioDPr" class="form-control"  disabled="" >
      </div>

        <div id="in7" class="col-md-3 col-sm-10 col-xs-10 form-group" style="visibility:hidden;">
          <label style="visibility:hidden;" >Porcentaje: </label> 
          <input type="text" class="form-control" name="Procen" id="Porcen" disabled="">
      </div> 

      <div id="TCreditoD" class="col-md-3 col-sm-10 col-xs-10 form-group" >
          <label >Tarjeta de Crédito: </label> 
          <input type="text" name="TCpropina" id="TCpropina" class="form-control"  onkeypress="return validaPunto(event)" disabled="" onInput="SumaPropina();">
      </div>

      <div id="TCFolioD" class="col-md-3 col-sm-10 col-xs-10 form-group" >
          <label >Folio: </label> 
          <input type="text" name="TCfolio" id="TCfolio" class="form-control"  onkeypress="return validaGuion(event)" minlength="2" disabled="">
      </div>

      
      <div id="in8" class="col-md-6 col-sm-10 col-xs-10 form-group"style="visibility:hidden;">
          <label style="visibility:hidden;" >Porcentaje: </label> 
          <input type="text" class="form-control">
      </div> 
 
      <div id="TDebitoD" class="col-md-3 col-sm-10 col-xs-10 form-group" >
          <label >Tarjeta de Debíto: </label> 
          <input type="text" name="TDpropina" id="TDpropina" class="form-control"  onkeypress="return validaPunto(event)" disabled="" onInput="SumaPropina();">
      </div>

      <div id="TDFolioD" class="col-md-3 col-sm-10 col-xs-10 form-group" >
          <label >Folio: </label> 
          <input type="text" name="TDfolio" id="TDfolio" class="form-control"  onkeypress="return validaGuion(event)" minlength="2" disabled="">
      </div>

      <div id="in9" class="col-md-6 col-sm-10 col-xs-10 form-group" >
          <label style="visibility:hidden;" >Cantidad Abonada</label> 
          <input style="visibility:hidden;" type="text" class="form-control"  >
      </div>
 
      <div id="in10" class="col-md-3 col-sm-10 col-xs-10 form-group" >
        <label  >Total Propina: </label> 
        <input type="text" class="form-control" id="TPropina" name="TPropina" readonly="" style="font-size: 15; font-weight: bold;">
          
      </div> 
     <div id="in12" class="col-md-3 col-sm-10 col-xs-10 form-group" >
          <label style="visibility:hidden;" >Porcentaje: </label> 
          <input type="text" class="form-control"  style="visibility:hidden;">
      </div> 
    </div>
  

      <!-- Boton que realiza la venta  -->
       <center><div id="divAVenta" class="col-md-1 col-sm-10 col-xs-10 form-group invisible"></br>
          <button type="button" class="btn btn-primary" name="AVenta" id="AVenta" >
            <span class="fa fa-print"> </span>
            Agregar Venta

          </button>
      </div></center>


<!-- //modal -->
<div style="visibility: hidden;" >
<div class="modal fade" id="modal-default">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Confirmación de la venta</h4>
      </div>
      <div class="modal-body" id="area-impresion-ticket">
       
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger pull-left" data-dismiss="modal" id="cerrar-ticket-preview">Cerrar</button>
        <button type="button" class="btn btn-primary btn-print" id="imprimirTicket"><span class="fa fa-print"> </span>Imprimir y Guardar Venta</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
</div>
<!-- modal--> 

     <!-- Input invisible para comparar la contraseña obtenida de producto -->
      <div id='OPVC' class="col-md-1 col-sm-12 col-xs-12 form-group" style='display:none;'>
           <input type="text" class="form-control" value="" name="result" id="result" >  
      </div>

      <!-- Input invisible para comparar la contraseña obtenida de servicio-->
      <div id='OSVC' class="col-md-1 col-sm-12 col-xs-12 form-group" style='display:none;'>
           <input type="text" class="form-control" value="" name="resultS" id="resultS" >  
      </div>

       <!-- Input invisible para comparar la contraseña obtenida de promociones franquicia-->
      <div id='OPFVC' class="col-md-1 col-sm-12 col-xs-12 form-group" style='display:none;'>
           <input type="text" class="form-control" value="" name="resultPF" id="resultPF" >  
      </div>
      
     <!-- Input invisible para comparar la contraseña obtenida de promociones institucionales-->
      <div id='OPIVC' class="col-md-1 col-sm-12 col-xs-12 form-group" style='display:none;'>
           <input type="text" class="form-control" value="" name="resultPI" id="resultPI" >  
      </div>

      <div id='OPC' class="col-md-1 col-sm-12 col-xs-12 form-group" style='display:none;'>
          <?php foreach ($Contra as $i => $Contra) 
          $Contra; ?>
           <input type="text" class="form-control" value="<?=$Contra?>" name="clave" id="clave" >  
      </div>
      <!-- Input invisible para poner en orde los demas que guarda el nombre del cliente para posteriormente ser comparado -->
      <div class="col-md-2 col-sm-10 col-xs-10 form-group"> 
        <input class="form-control" id="cliente" name="cliente" type="text"  style="visibility:hidden;">
      </div>  

      <!-- Input invisible para poner en orde los demas que guarda el nombre del producto para posteriormente ser comparado -->
      <div class="col-md-2 col-sm-10 col-xs-10 form-group"> 
        <input class="form-control" id="product" name="product" type="text"  style="visibility:hidden;">
      </div>  

      <!-- Input invisible para poner en orde los demas que guarda el nombre del servicio para posteriormente ser comparado -->
      <div class="col-md-2 col-sm-10 col-xs-10 form-group"> 
        <input class="form-control" id="serv" name="serv" type="text"  style="visibility:hidden;">
      </div> 
      <!-- Input invisible para poner en orde los demas que guarda el nombre del servicio para posteriormente ser comparado -->
      <div class="col-md-2 col-sm-10 col-xs-10 form-group"> 
        <input class="form-control" id="prf" name="prf" type="text"  style="visibility:hidden;">
      </div> 
      <div class="col-md-2 col-sm-10 col-xs-10 form-group"> 
        <input class="form-control" id="IdPromo" name="IdPromo" type="text"  style="visibility:hidden;">
      </div> 
      <div class="col-md-2 col-sm-10 col-xs-10 form-group"> 
        <input class="form-control" id="IdPromoI" name="IdPromoI" type="text"  style="visibility:hidden;">
      </div>  
      <!-- Input invisible para poner en orde los demas que guarda el nombre del servicio para posteriormente ser comparado -->
      <div class="col-md-2 col-sm-10 col-xs-10 form-group"> 
        <input class="form-control" id="pri" name="pri" type="text"  style="visibility:hidden;">
      </div>       
       <!-- Input invisible para poner en orde los demas -->
      <div class="col-md-2 col-sm-10 col-xs-10 form-group">
        <input class="form-control" id="folioP" name="folioP" type="text" placeholder="Precio"   style="visibility:hidden;">
      </div>
      <!--Para obtener existencia  se vincula con el div op3 con id existencia 1 colocado en los div para poner el orden los demas-->

      <div id='OP3' class="col-md-1 col-sm-12 col-xs-12 form-group" style='display:none;'>
        <input type="text" class="form-control" id="existencia" name="existencia" placeholder="Existencia"  maxlength="45"  onInput="deshabilitaP();" disabled="disabled">
      </div>

         <!-- Input invisible para poner en orde los demas -->
       <div class="col-md-1 col-sm-10 col-xs-10 form-group">
        <input class="form-control"  type="text" placeholder="Precio"  id="folioS" name="folioS"  style="visibility:hidden;">
      </div>
      <!-- Input invisible para poner en orde los demas -->
      <div class="col-md-1 col-sm-10 col-xs-10 form-group">
          <input class="form-control" id="SesionPromo" name="SesionPromo" type="text" placeholder="Sesión" disabled="" style="visibility:hidden;">
      </div>
      <!-- Input invisible para poner en orde los demas -->
      <div class="col-md-1 col-sm-10 col-xs-10 form-group">
        <input class="form-control" id="SesionPromoI" type="text" placeholder="Sesión"  name="SesionPromoI" disabled="" onInput="deshabilitaPP()" style="visibility:hidden;">
      </div>
     </div>
    </div>
    <!-- Input que alamcena el id de la franquicia -->
     <input type="text"  id="franquicia" name="franquicia" value="<?=$a?>" style="visibility:hidden;">
     <!-- Input que guarda la fecha del equipo de computo donde se ejecutará -->
     <input  name="fecha" id="fechaTicketImpri" value="<?php $time = time(); echo date("Y-m-d", $time);?>" style="visibility:hidden;"> 

     <input type="text"  id="pago" name="pago" value="1" style="visibility:hidden;">
       <!--Select que guarda al usuario Logeado en la table de ventas -->
      <select id="UsuarioLog"   class="form-control" name="UsuarioLog" readonly style="visibility:hidden;">
    <?php foreach ($ReUsuario as $i => $UsuarioLog) echo '<option value="',$UsuarioLog,'">',$UsuarioLog,'</option>'; ?> </select>

      </div>
    </div>
  </button>

</div>
</button>
</div>
</button>

</form>
<!-- modal nuevo cliente -->
<div class="modal" tabindex="-1" role="dialog" id="modal-nuevoCliente">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <center> <h4> Nuevo cliente</h4></center>
      </div>
      <div class="modal-body">
          <div>
            <div class="form-group" id="contenedorNc">
              <label for="nombreCompleto">Nombre completo</label>
              <input type="text" class="form-control" id="nombreCompleto" name="nombreCompleto" aria-describedby="emailHelp" placeholder="Ingresar nombre completo" maxlength="69">
              <small id="ayudaNombre" class="form-text text-muted error-ocurrido"></small>
            </div>
            <div class="form-group">
              <label for="celular">Celular</label>
              <input type="text" class="form-control" id="celular" name="celular" placeholder="Ingresar número celular" maxlength="10" onkeypress="return validaPunto(event)">
            </div>
          </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger pull-left" id="cancelarNuevoCliente" data-dismiss="modal">Cancelar</button>
        <button type="button" class="btn btn-primary" id="guardarNuevoCliente">Guardar</button>
       
      </div>
    </div>
  </div>
</div>
<!-- Fin modal cliente -->
<!-- --------------------------- -->
<!-- modal adeudos -->
<div class="modal" tabindex="-1" role="dialog" id="modal-adeudos" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <center> <h4> Adeudos</h4></center>
      </div>
      <div class="modal-body scroll scrollbar-primary">
      <table class="table">
        <thead>
          <tr>
            <th>Fecha venta</th>
            <th>Nombre</th>
            <th>Abono</th>
            <th>Adeudo</th>
          </tr>
        </thead>
        <tbody id="listaAdeudos">
        </tbody>
      </table>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger pull-left" id="cerrarModalAdeudos" data-dismiss="modal">Cerrar</button>
       
      </div>
    </div>
  </div>
</div>
<!-- Fin modal adeudos -->
<!-- --------------------------- -->
<!-- --------------------------- -->
<!-- modal agendar -->
<div class="modal" tabindex="-1" role="dialog" id="modal-agenda" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
      <button type="button" id="Close" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
      </button>
        <center> <h4> Agendar</h4></center>
      </div>
      <div class="modal-body">
        <input type="text" id='tipo' class="invisible">
        <input type="text" id='codigoM' class="invisible">
        <!-- <div class="form-group col-md-3"> 
          <label >Cabina </label>
          <select class="form-control selectpicker" id="cabina" name="cabina" required>   <option value="">Selecione una cabina</option> <?php foreach ($cabinas as  $cabina)    
          echo '<option data-icon="colores '.$cabina['color'].'" value="',$cabina['id'],'">',$cabina['nombre'],'</option>'; ?> </select>
        </div> -->
 
        <div id="agenda">          
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger pull-left" id="cerrarModalAgendar" data-dismiss="modal">Cerrar</button>
       
      </div>
    </div>
  </div>
</div>
<!-- Fin agendar-->
<!-- --------------------------- -->
<!-- --------------------------- -->
<!-- modal confirmar agenda -->
<div class="modal" tabindex="-1" role="dialog" id="modal-confirmar" data-backdrop="static" data-keyboard="false">
<div class="vertical-alignment-helper">
  <div class="modal-dialog vertical-align-center">
    <div class="modal-content">
      <div class="modal-header">
        <center> <h4> VERIFIQUÉ LOS DATOS</h4></center>
        <center> CLIENTE: <span id="clienteMC"> </span> </center>
        <center class="tratamientoMC"> TRATAMIENTO: <span id="tratamientoMC"> </span> </center>
      </div>
      
      <!-- <div class="modal-body"> -->
          <!-- <div class="col-md-6 div-centrado"> -->
              <div class="form-group col-md-6" id="div-cabina"> 
                <label>Cabina </label>
                <select class="form-control selectpicker" id="cabinaMC" name="cabinaMC" required>   <option disabled selected value="">Selecione una cabina</option> <?php foreach ($cabinas as  $cabina)    
         		 	echo '<option data-icon="colores '.$cabina['color'].'" value="',$cabina['id'],'">',$cabina['nombre'],'</option>'; ?> </select>
              </div>
              <div class="form-group col-md-6" id="div-fecha"> 
                <label>Fecha </label>
                  <input type="text" class="form-control date-picker" id="fechaMC" data-provide="datepicker" data-date-format="dd/mm/yyyy"  data-date-start-date='0d'>
              </div>
              <div class="form-group col-md-6" id="div-inicio"> 
                <label >Hora inicio </label>
                  <input type="text" class="form-control" id="inicioMC">
              </div>
              <div class="form-group col-md-6" id="div-fin"> 
                <label >Hora fin </label>
                  <input type="text" class="form-control" id="finMC">
              </div>
              <div class="form-group col-md-6"> 
                <label >Observaciones </label>
                  <input type="text" class="form-control" id="observacionesMC">
              </div>
              <div class="form-group col-md-6"> 
                <label >Cosmetolog@ </label>
                <select class="form-control" id="cosmetologoMC" name="cosmetologoMC" required> 
                <?php foreach ($Usuarios as $i => $usuarios)
                {   
                echo '<option value="',$i,'">',$usuarios,'</option>'; 
                }
                ?> 
                 </select>                
              </div>

              <div class="form-group col-md-12 centrar" > 
                <label >Duración cita </label>
                  <span class="col-md-12 col-xs-12" id="duracionMC"></span>
              </div>
          <!-- </div> -->
          <div class="col-md-12 ">
            <button type="button" class="btn btn-danger pull-left" id="cerrarModalCita">Cancelar</button>  
            <button type="button" class="btn btn-primary pull-right" id="guardarCita" >Aceptar</button> 
          </div>
<!-- 
      </div> -->
      <div class="modal-footer ">
      </div>
    </div>
  </div>
</div>
</div>
<!-- Fin confirmar agenda-->
<!-- --------------------------- -->
<input type="text" id="rol" name="rol" value="<?php echo $this->session->userdata('Rol_IdRol');?>" class="invisible">
<input type="text" id="logueado" name="logueado" value="<?php echo $this->session->userdata('IdUsuarios');?>" class="invisible">
</html>





<script type="text/javascript">
//   function foreach(root, selector, callback) {
//    if (typeof selector == 'string') {
//       var all = root.querySelectorAll(selector);
//       for (var each = 0; each < all.length; each++) {
//          callback(all[each]);
//       }
//    } else {
//       for (var each = 0; each < selector.length; each++) {
//          foreach(root, selector[each], callback);
//       }
//    }
// }

// function walk(mytable) {
//    var table = document.getElementById(mytable);
//    var data = [];
//    if (table) {
//       foreach(table, 'tr:not(:first-child)', function(row) {
//          var record = [];
//          foreach(row, 'td', function(cell) {
//             record.push(cell.innerText);
//          });
//          data.push(record);
//       });
//    }
//    /* data contiene los datos de la tabla */
//    console.log(JSON.stringify(data, undefined, 3));
//    return data;
// }
</script>


<script>
// $("#AVenta").click(function(){
//  $("td").each(function(){
// /* console.log($(this).text())*/
//  });
//  /* alert("click en agrega venta");*/

//               /*  $('#listaFinal').val(productosArray);
//                 $('#serviciosFinal').val(serviciosArray);
//                 $('#promocionesFinal').val(promocionesArray);
//                 $('#promocionesInsFinal').val(promocionesInsArray);*/
                
// });
</script>
 
</html>

<!-- Funciones que activan y desactivan los input  -->
<script type="text/javascript">

         
          

       
        //funcion que valida que escriba un producto valido
           

     
       //Funcion para encriptar la contrseña obtenida
        //  (function () {
        //   'use strict'

        //   var input = document.querySelector('#Contr')
        //   document.querySelector('#Contr').addEventListener(
        //   'input',
        //     function (event) {
        //     event.preventDefault()
        //     document.querySelector('#result').value = md5(input.value)
        //       }
        //     )
        //   }());

 

        //  //Funcion para encriptar la contrseña obtenida
        //  (function () {
        //   'use strict'

        //   var input = document.querySelector('#pass')
        //   document.querySelector('#pass').addEventListener(
        //   'input',
        //     function (event) {
        //     event.preventDefault()
        //     document.querySelector('#resultS').value = md5(input.value)
        //       }
        //     )
        //   }());
     
 
        //  //Funcion para encriptar la contrseña obtenida
        //  (function () {
        //   'use strict'

        //   var input = document.querySelector('#PassPF')
        //   document.querySelector('#PassPF').addEventListener(
        //   'input',
        //     function (event) {
        //     event.preventDefault()
        //     document.querySelector('#resultPF').value = md5(input.value)
        //       }
        //     )
        //   }());

         
       
         

        //  //Funcion para encriptar la contrseña obtenida
        //  (function () {
        //   'use strict'

        //   var input = document.querySelector('#PassPI')
        //   document.querySelector('#PassPI').addEventListener(
        //   'input',
        //     function (event) {
        //     event.preventDefault()
        //     document.querySelector('#resultPI').value = md5(input.value)
        //       }
        //     )
        //   }());



//********************AGREGAR VENTA**********************
//funcion que valida que el abono sea== a la cantidad abonada
    //  $(document).ready(function() {
      // $("#AVenta").on("click", function() {
      //             if( ValidarDatosAgregarVenta() == true ){
      //             $('#listaFinal').val(productosArray);
      //             $('#serviciosFinal').val(serviciosArray);
      //             $('#promocionesFinal').val(promocionesArray);
      //             $('#promocionesInsFinal').val(promocionesInsArray);
      //             $(this).attr('data-toggle',"modal");
      //             $(this).attr('data-target',"#modal-default");
      //             $(this).attr('status',"1");                  
      //             distribuir();
      //             $('#Caja').attr( 'action',"<?php echo base_url();?>caja/Franquiciatario/cajaF/AgregarVenta");
      //             $('#Caja').attr( 'method',"POST");
      //             //herefolio
      //             var mi = 1;
      //              $.ajax({
      //                   url:"<?php echo base_url();?>caja/Franquiciatario/cajaF/foliosVenta",
      //                   type:'POST',
      //                   async: false,
      //                   dataType: 'json',
      //                   data:{name : mi },
      //                   success:function(response){
      //                     console.log("success");
      //                     console.log(response);
      //                       var folio = parseInt(response)+ 1;
      //                       $('.folio-autoincrementable').text('Folio :' + folio );
      //                      $('#folio-autoincrementable-venta').val(folio);
      //                      // imprimir(folio);
      //                      $('#Caja').submit();
      //                       /*$('.folio-autoincrementable').text(parseInt(response)+ 1 )*/
      //                   },//end success ajax response
      //                   error:function(){
      //                     console.log("No hay resultados");
      //                     alert("Ha caducado su sesion",'refresh');
      //                     location.reload();
      //                    },
                       
      //               });//end ajax
      //           }
      //       });  
           
            // });

//     function imprimir(folio) {
//     var empresa = $('form#Caja >strong').text();
//     var fechaTicket = $('#fechaTicketImpri').val();
//     var idFranquicia = $('#franquicia').val();
//     var fecha = $('#FechaCaja').text();
//     var hora = $('#mueveReloj > input').val();
//     var nhora = hora;
//     var folioDeVenta =folio;
//     var cliente = $('#title').val();
//     var tablaP = $('tbody#mytable').text();
//     var listaF = $('#listaFinal').val();
//     var listaS = $('#serviciosFinal').val();
//     var subtotal = $('#Sub1').val();
//     var Iva = $('#IVA').val();
//     var listaPromos = $('#promocionesFinal').val();
//     var listaPromosIns = $('#promocionesInsFinal').val();
//     var totalNeto = $('#Totalgen').val();
//     var totalPagar = $('#Abono').val();
//     var totalPagarLetras = $('#CLetras').val();
//     var adeudoCuenta =$('#Adeudo').val();
//     var arrSer = listaS.split(',//,,');
//     var arrPro = listaF.split(',//,,');
//     var arrPromos = listaPromos.split(',//,,');
//     var arrPromosIns = listaPromosIns.split(',//,,');
//     /*console.log(arrPro);
//     console.log(arrSer);*/
//     var a , a2, ap,s,as,promosindex,apromos,apromosIns, apromosIndex;
//     var anew = [];
//     var anewSer = [];
//     var anewPro = [];
//     var anewProIns = [];
//     var indexTabla = 1;
//     if(arrPro != ''){
//     for(a = 0; a < arrPro.length;a++){
//       anew[a] = arrPro[a].split('*');
//     }}
//     if(arrSer != ''){
//     for(s = 0; s < arrSer.length; s++){
//       anewSer[s] = arrSer[s].split('*');
//     }}
//     if(arrPromos != ''){
//     for( promosindex = 0; promosindex < arrPromos.length; promosindex++){
//       anewPro[promosindex] = arrPromos[promosindex].split('*');
//     }}
//     if(arrPromosIns != ''){
//       console.log('aqui');
//     for( apromosIns = 0; apromosIns < arrPromosIns.length; apromosIns++){
//       anewProIns[apromosIns] = arrPromosIns[apromosIns].split('*');
//     }}
//     var fila =  '';
//         fila += '<div class="logo-empresa">';
//         fila += '<img src="<?php echo base_url().'assets/dist/img/logo.png'?>" alt="Italian Trulli">';
//         fila += '</div>';
//         fila += '<div class="datos">';
//         fila += '<div class="nombre-empresa-ticket"><?php echo $datosFranquiciaTicket->NombreFranquicia?></div>';
//         if (idFranquicia!=16) {
//         fila += '<div class="razon-empresa-ticket">R.S:<?php echo $datosFranquiciaTicket->RazonSocial?></div>';
//         }
//          fila += '<div class="regimen-empresa-ticket"><?php echo $datosFranquiciaTicket->RegimenFiscal?></div>';
//         fila += '<div class="rfc-empresa-ticket">RFC: <?php echo $datosFranquiciaTicket->RFC?></div>';
//         fila += '<div class="domicilio-empresa-ticket"><?php echo $datosFranquiciaTicket->DomicilioFiscal;?></div>';
//         fila += '</div>';
//         fila += '<div class="datos-dos">';
//         fila += '<div class="folio-autoincrementable folio-ticket">Folio: '+folioDeVenta+'</div>';
//         fila += '<div class="fecha-ticket">'+ fecha +' '+ hora +'</div>';
//         fila += '<div class="domicilio-empresa-ticket" ><br/></div>';
//         fila += '<div class="nombre-cliente-ticket">Cliente: '+cliente+'</div>';
//         fila += '<div class="nombre-cliente-ticket"></div>';
//         fila += '<div class="domicilio-empresa-ticket" ><br/></div>';
//         fila += '</div>';
//         fila += '<thead>';
//         fila += '<tr>';
//         fila +='</thead>';
//         fila +='<tbody>';
//         if(arrPro != ''){      
        
//         fila += '<div class="nombre-cliente-ticket" style="text-align:center; font-weight: bold;">Productos</div>'; 
//         fila += '<table class="table table-striped">';
//         fila +=  '<tr>';
//         fila +=    '<th scope="col">#</th>';
//         fila +=    '<th scope="col">Concepto</th>';
//         fila +=    '<th scope="col">Cant.</th>';
//         fila +=    '<th scope="col">Precio</th>';
//         fila +=    '<th scope="col">Importe</th>';
//         fila +=  '</tr>';

//         for(ap = 0; ap < anew.length; ap++){
          
//         fila += '<td class="numero-ticket">'+indexTabla+'</td>';
//         fila += '<td class="nombre-producto-ticket">'+anew[ap][2]+'</td>';
//         fila += '<td class="numero-piezas-ticket">'+anew[ap][5]+'</td>';
//         fila += '<td class="precio-neto-ticket">'+anew[ap][6]+'</td>';
//         fila += '<td class="pago-ticket">'+anew[ap][13]+'</td>';
        
//         fila +=  '</tr>';
//         indexTabla++;
        
//         }
        
//         fila += '</table>';
        
//       }
         
//         if(arrSer != ''){
      
//         fila += '<div class="nombre-cliente-ticket" style="text-align:center; font-weight: bold;">Servicios</div>'; 
//         fila += '<table class="table table-striped">';
//         fila +=  '<tr>';
//         fila +=    '<th scope="col">#</th>';
//         fila +=    '<th scope="col">Concepto</th>';
//         fila +=    '<th scope="col">Cant.</th>';
//         fila +=    '<th scope="col">Precio</th>';
//         fila +=    '<th scope="col">Importe</th>';
//         fila +=  '</tr>';

//         for(as = 0; as < arrSer.length; as++){
//           console.log(anewSer);

//         fila +=  '<tr>';        
//         fila += '<td class="numero-ticket">'+indexTabla+'</td>';
//         fila += '<td class="nombre-producto-ticket">'+anewSer[as][2]+'</td>';
//         fila += '<td class="numero-piezas-ticket">'+anewSer[as][4]+'</td>';
//         fila += '<td class="precio-neto-ticket">'+anewSer[as][3]+'</td>';
//         fila += '<td class="pago-ticket">'+anewSer[as][14]+'</td>';
        
//         fila +=  '</tr>';
//         indexTabla++;
//         }
        
//         fila += '</table>';
        
//       }
//        if(arrPromos != '' || arrPromosIns!= ''){
        
//         fila += '<div class="nombre-cliente-ticket" style="text-align:center; font-weight: bold;">Promociones</div>';
//         fila += '<table class="table table-striped">';         
//         fila +=  '<tr>';
//         fila +=    '<th scope="col">#</th>';
//         fila +=    '<th scope="col">Concepto</th>';
//         fila +=    '<th scope="col">Cant.</th>';
//         fila +=    '<th scope="col">Precio</th>';
//         fila +=    '<th scope="col">Importe</th>';
//         fila +=  '</tr>';
//         if(arrPromos != ''){
//         for(apromos = 0; apromos < arrPromos.length; apromos++){
//           console.log(anewPro);

//         fila +=  '<tr>';        
//         fila += '<td class="numero-ticket">'+indexTabla+'</td>';
//         fila += '<td class="nombre-producto-ticket">'+anewPro[apromos][2]+'</td>';
//         fila += '<td class="numero-piezas-ticket">'+anewPro[apromos][4]+'</td>';
//         fila += '<td class="precio-neto-ticket">'+anewPro[apromos][3]+'</td>';
//         fila += '<td class="pago-ticket">'+anewPro[apromos][5]+'</td>';
//         /*if(anewPro[apromos][10] == '' || anewPro[apromos][10] == 0){
//         fila += '<td class="abono-ticket">0</td>';}
//         else {fila += '<td class="abono-ticket">'+anewPro[apromos][10]+'</td>';}
//         if(anewPro[apromos][10] == '' || anewPro[apromos][10] == 0){
//         fila += '<td class="adeudo-ticket">-</td>';  }
//         else{fila += '<td class="adeudo-ticket">'+anewPro[apromos][11]+'</td>';}*/
//         fila +=  '</tr>';
//         indexTabla++;
//         }
//         // fila += '</table>';
//       }
//         if(arrPromosIns != ''){
//         //  fila += '<div class="nombre-cliente-ticket" style="text-align:center; font-weight: bold;">Promociones Institucionales</div>'; 
//         // fila += '<table class="table table-striped">';
        
//         // fila +=  '<tr>';
//         // fila +=    '<th scope="col">#</th>';
//         // fila +=    '<th scope="col">Concepto</th>';
//         // fila +=    '<th scope="col">Cant.</th>';
//         // fila +=    '<th scope="col">Precio</th>';
//         // fila +=    '<th scope="col">Importe</th>';
//         // fila +=  '</tr>';
//         for(apromosIndex = 0; apromosIndex < arrPromosIns.length; apromosIndex++){
//           console.log(anewProIns);

//         fila +=  '<tr>';        
//         fila += '<td class="numero-ticket">'+indexTabla+'</td>';
//         fila += '<td class="nombre-producto-ticket">'+anewProIns[apromosIndex][2]+'</td>';
//         fila += '<td class="numero-piezas-ticket">'+anewProIns[apromosIndex][4]+'</td>';
//         fila += '<td class="precio-neto-ticket">'+anewProIns[apromosIndex][3]+'</td>';
//         fila += '<td class="pago-ticket">'+anewProIns[apromosIndex][5]+'</td>';
//        /* if(anewProIns[apromosIndex][10] == '' || anewProIns[apromosIndex][10] == 0){
//         fila += '<td class="abono-ticket">0</td>';}
//         else {fila += '<td class="abono-ticket">'+anewProIns[apromosIndex][10]+'</td>';}
//         if(anewProIns[apromosIndex][10] == '' || anewProIns[apromosIndex][10] == 0){
//         fila += '<td class="adeudo-ticket">-</td>';  }
//         else{fila += '<td class="adeudo-ticket">'+anewProIns[apromosIndex][11]+'</td>';}*/
//         fila +=  '</tr>';
//         indexTabla++;

//         }

//       }
      
//       fila += '</table>';
      
//     }

//         fila += '<table class="table table-striped">';
//         fila += '<tr>';
//         fila += '<th scope="col"></th>';
//         fila += '<th scope="col"></th>';
//         fila += '</tr>';
//         fila +=  '<tr class="total-cuenta">';
//         fila +=  '<td></td><td></td><td></td>'; 
//         fila += '<td class="total-ticket">Subtotal:</td>';  
//         fila += '<td class="total-ticket">'+subtotal+'</td>';  
//         fila +=  '</tr>';
//         fila +=  '<tr class="total-cuenta">';
//         fila +=  '<td></td><td></td><td></td>'; 
//         fila += '<td class="total-ticket">IVA:</td>';  
//         fila += '<td class="total-ticket">'+Iva+'</td>';  
//         fila +=  '</tr>';
//         fila +=  '<td></td><td></td><td></td>'; 
//         fila += '<td class="total-ticket">Total General:</td>';  
//         fila += '<td class="total-ticket">'+totalNeto+'</td>';  
//         fila +=  '</tr>';   
//         fila +=  '<tr class="total-cuenta">'; 
//         fila +=  '<td></td><td></td><td></td>'; 
//         fila += '<td class="total-ticket">Abonado:</td>';  
//         fila += '<td class="total-pagar-ticket">'+totalPagar+'</td>';  
//         fila +=  '</tr>';  
//         fila +=  '<tr class="deuda-cuenta">'; 
//         fila +=  '<td></td><td></td><td></td>'; 
//         fila += '<td class="deuda-ticket">Adeudo:</td>';  
//         if(adeudoCuenta==0){
//         fila += '<td class="deuda-pagar-ticket">-</td>';  
//         }else {
//         fila += '<td class="deuda-pagar-ticket">'+adeudoCuenta+'</td>';}

//         fila +=  '</tr>';
//         fila += '</table>';
        
//         fila += '<div class="total-pagar-letras">('+totalPagarLetras+'/100 M.N.)</div>';        
        

//         fila +=  '</tbody>';
//         fila += '</div>';
//         generarTicket(fila);
//         return nhora;

//     }

//             function generarTicket(fila)
//             {

//                 if( ValidarDatosAgregarVenta()== true){



//                 var ventana = window.open();
//                 var contenido= fila;
//                 ventana.document.write('<html><head><title>Ticket de Venta</title>');
//                 ventana.document.write('<link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/styles.css'?>">'); //Aquí agregué la hoja de estilos
//                 ventana.document.write('<link rel="stylesheet" href="<?php echo base_url();?>assets/bootstrap/css/bootstrap.css">');
//                 ventana.document.write('<body>');
//                 ventana.document.write('<div class="ticket-1">');
//                 ventana.document.write(contenido);
//                  ventana.document.write('<br/><div class="footer-ticket">Salud y Belleza con la mejor tecnología a tu alcance</div>');
//                 ventana.document.write('<a class="link-model" href="https://www.modelartspa.com"></a>');
//                 ventana.document.write('<div class="agrdecimiento-model">"GRACIAS POR SU VISITA"</div>');
//                 ventana.document.write('<div class="pertenece-a">Original</div>');

//                 ventana.document.write('<hr class="fin-ticket">');
//                 ventana.document.write('</div>');
                
//                 ventana.document.write(contenido);
//                 ventana.document.write('<br/><div class="footer-ticket">Salud y Belleza con la mejor tecnología a tu alcance</div>');
//                 ventana.document.write('<a class="link-model" href="https://www.modelartspa.com"></a>');
//                 ventana.document.write('<div class="agrdecimiento-model">"GRACIAS POR SU VISITA"</div>');
//                 ventana.document.write('<div class="pertenece-a">Copia para el cliente</div>');
//                 ventana.document.write('<hr class="fin-ticket">');
//                 ventana.document.write('</div>');
               
//                 ventana.document.write(contenido);
//                 ventana.document.write('<br/><div class="footer-ticket">Salud y Belleza con la mejor tecnología a tu alcance</div>');
//                 ventana.document.write('<a class="link-model" href="https://www.modelartspa.com"></a>');
//                 ventana.document.write('<div class="agrdecimiento-model">"GRACIAS POR SU VISITA"</div>');
//                 ventana.document.write('<div class="pertenece-a">Respaldo</div>');
//                 ventana.document.write('</div>');
//                 ventana.document.write('</body></html>');
//                 ventana.document.close();



//                 ventana.focus();
//                 ventana.onload = function() {
//                 ventana.print();
//                 ventana.close();
                                  

                  
//                   ventana.onafterprint = function(){

//                   console.log("Printing completed...");
//                   $('#Caja').submit();

//                     }
                    

//                           (function() {

//                       var beforePrint = function() {
                         
//                           console.log('Functionality to run before printing.');
//                       };

//                       var afterPrint = function() {
//                           console.log('Functionality to run after printing');
//                       };

//                       if (window.matchMedia) {

//                           var mediaQueryList = window.matchMedia('print');
//                           mediaQueryList.addListener(function(mql) {
//                               if (mql.matches) {
//                                   beforePrint();

//                               } else {
//                                   afterPrint();
//                               }
//                           });
//                       }



//               window.onbeforeprint = beforePrint;
//               window.onafterprint = afterPrint;

// }());
//                 }
//                  }

//             }
           
            //   function ValidarDatosAgregarVenta(){
            //     if($("#f").val()==""){
            //       alert("Ingrese vendedor");
            //       document.getElementById("f").focus();
            //        // $('#AVenta').attr('data-toggle',"");
            //        //  $('#AVenta').attr('data-target',"");
            //       return false;
            //     }
            //     if($("#idc").val()=="")
            //     {
            //       alert("Ingrese cliente valido");
            //       document.getElementById("title").focus();
            //       return false;
            //     }
            //   // if ($("#cantidadTarjeta1").val()!="" && $("#cantidadTarjeta1").val()!= 0) {
            //   //     if ($("#folioT1").val()=="") {
            //   //     document.getElementById("folioT1").focus();
            //   //     alert("Ingresar Folio");
            //   //     //  $('#AVenta').attr('data-toggle',"");
            //   //     // $('#AVenta').attr('data-target',"");
            //   //     return false;
            //   //     }
            //   //     if ($("#folioT1").val()==0) {
            //   //     alert("Folio no valido");
            //   //     document.getElementById("folioT1").focus();
            //   //      // $('#AVenta').attr('data-toggle',"");
            //   //      //  $('#AVenta').attr('data-target',"");
            //   //     return false;
            //   //    }
            //   //   } 

            //   //  if ($("#cantidadTarjeta2").val()!="" && $("#cantidadTarjeta2").val()!= 0) {
            //   //     if ($("#folioT2").val()=="") {
            //   //     document.getElementById("folioT2").focus();
            //   //     alert("Ingresar Folio");
            //   //      // $('#AVenta').attr('data-toggle',"");
            //   //      //  $('#AVenta').attr('data-target',"");
            //   //     return false;
            //   //     }
            //   //     if ($("#folioT2").val()==0) {
            //   //     alert("Folio no valido");
            //   //     document.getElementById("folioT2").focus();
            //   //      // $('#AVenta').attr('data-toggle',"");
            //   //      //  $('#AVenta').attr('data-target',"");
            //   //     return false;
            //   //    }
            //   //   }
            //   //     if ($("#TCpropina").val()!="" && $("#TCpropina").val()!= 0) {
            //   //     if ($("#TCfolio").val()=="") {
            //   //     document.getElementById("TCfolio").focus();
            //   //     alert("Ingresar Folio");
            //   //      // $('#AVenta').attr('data-toggle',"");
            //   //      //  $('#AVenta').attr('data-target',"");
            //   //     return false;
            //   //     }
            //   //     if ($("#TCfolio").val()==0) {
            //   //     alert("Folio no valido");
            //   //     document.getElementById("TCfolio").focus();
            //   //      // $('#AVenta').attr('data-toggle',"");
            //   //      //  $('#AVenta').attr('data-target',"");
            //   //     return false;
            //   //    }
            //   //   } 
            //   //   if ($("#TDpropina").val()!="" && $("#TDpropina").val()!= 0) {
            //   //     if ($("#TDfolio").val()=="") {
            //   //     document.getElementById("TDfolio").focus();
            //   //     alert("Ingresar Folio");
            //   //      // $('#AVenta').attr('data-toggle',"");
            //   //      //  $('#AVenta').attr('data-target',"");
            //   //     return false;
            //   //     }
            //   //     if ($("#TDfolio").val()==0) {
            //   //     alert("Folio no valido");
            //   //     document.getElementById("TDfolio").focus();
            //   //      // $('#AVenta').attr('data-toggle',"");
            //   //      //  $('#AVenta').attr('data-target',"");
            //   //     return false;
            //   //    }
            //   //   } 

            //     if ($("#Abono").val()=="") {
            //     alert("No hay venta a agregar");
            //     document.getElementById("title").focus();
            //      // $('#AVenta').attr('data-toggle',"");
            //      //    $('#AVenta').attr('data-target',"");

            //         return false;  
            //     }
            //     if (Number($("#cAbonada").val()) != $("#Abono").val()){
            //         alert("Cantidad Faltante debe ser 0");
            //         document.getElementById("ContadoD").focus();
            //         // $('#AVenta').attr('data-toggle',"");
            //         // $('#AVenta').attr('data-target',"");

            //         return false;
            //     } 
            //     else{
            //         return true;
            //     }

            // }
                  

 </script>


<!-- Funcion que valida que esten llenos los campos de productos, servicios, promocionesIn  para que se active su respectivo boton -->
<script type="text/javascript">
// function deshabilitaP()
// {
//   document.getElementById("AgregarP").disabled = !document.getElementById("producto").value.length;
//     document.getElementById("AgregarP").disabled = !document.getElementById("piezas").value.length;
//  }


// function deshabilitaPr()
// {
//   document.getElementById("AgregarP").disabled = !document.getElementById("preciosP").value.length;
//   document.getElementById("AgregarP").disabled = !document.getElementById("sesiones").value.length;
// }
 
//   function deshabilitaS()
// {

//   document.getElementById("AgregarS").disabled = !document.getElementById("servicio").value.length;
//   document.getElementById("AgregarS").disabled = !document.getElementById("sesiones").value.length;

// }

//  function deshabilitaPP()
// {

//   document.getElementById("AgregarPI").disabled = !document.getElementById("promocionesIn").value.length;
//   document.getElementById("AgregarPI").disabled = !document.getElementById("PIS").value.length;

// }

// function deshabilitaPF()
// {

//   document.getElementById("AgregarPF").disabled = !document.getElementById("promocionesF").value.length;
//   document.getElementById("AgregarPF").disabled = !document.getElementById("PFS").value.length;
// }



// function deshabilitaBP()
// {

//   document.getElementById("Producto").disabled = !document.getElementById("title").value.length;
// }

//   //Función que hace el calculo para obtener la existencia
//   function Exist() {
//   try {
//     var existencia= document.getElementById("existencia1").innerHTML;
//     var a = parseFloat(existencia),
//          b = parseFloat(document.Caja.piezas.value);
//      document.Caja.existencia.value = a - b;
 
    
//    } catch (e) {
//   }
//  }

  //Funcion que habilita comentario de descuento y contraseña si existe un descuento 
//  function habilitaCC() {
//   try {
//     var a = parseFloat(document.Caja.descu.value);
//        // b = document.Caja.comenDescu.value;
//        // c = document.Caja.Contr.value;

//         if(a>0) {
//           document.getElementById("AgregarP").disabled=true;
//           document.getElementById("comenDescu").disabled=false;
//           document.getElementById("Contr").disabled=true;
//         }
 
    
//   } catch (e) {
//   }
// }


</script>

<!-- Valida que este lleno el campo de clientes para habilitar los campos de productos, servicios, promociones y certificado de regalo-->
<script type="text/javascript">
  
//   function validar(form) {

//   form.producto.disabled=(form.title.value=='');
//   form.servicio.disabled=(form.title.value=='');
//   form.servicioG.disabled=(form.title.value=='');
//   form.promocionesF.disabled=(form.title.value=='');
//   form.promocionesIn.disabled=(form.title.value=='');
//   form.piezas.disabled=(form.title.value=='');
//   form.sesiones.disabled=(form.title.value=='');
//   form.PFS.disabled=(form.title.value=='');
//   form.PIS.disabled=(form.title.value=='');

// }



</script>
<!-- Función que valida que exista el cliente-->
<script type="text/javascript">
      // $('#IProducto').click(function() {
      //   var codigoP = document.getElementById("codigo").value;
      //   if(codigoP==""){
      //   $('#title').notify("¡¡No existe el cliente!!",  { 
      //   position:"top center",
      //   className: 'error',
      //   });
      //   $('#title').focus();
      // }else{
      //   document.getElementById('ProductoO').style.display='block';
      //   document.getElementById('ServicioO').style.display='none';
      //   document.getElementById('PromoFrO').style.display='none';
      //   document.getElementById('PromoInO').style.display='none';
      //   document.getElementById('servicioPromocion').classList.add('invisible');
      //   document.getElementById('producto').focus();
      //   document.getElementById('limpiar').click();
      // }

      // });
      // $('#ServicioP').click(function() {
      //   var codigoP = document.getElementById("codigo").value;
      //   if(codigoP==""){
      //     $('#title').notify("¡¡No existe el cliente!!",  { 
      //     position:"top center",
      //     className: 'error',
      //     });
      //     $('#title').focus();
      //   }else{
      //       document.getElementById('ProductoO').style.display='none';
      //       document.getElementById('servicioPromocion').classList.remove('invisible');
      //       document.getElementById('buscaServicio').focus();
      //       document.getElementById('limpiarP').click();
      //       document.getElementById('OP2').classList.add('invisible');
      //       document.getElementById('OP4').classList.add('invisible');
      //       document.getElementById('OP5').classList.add('invisible');
      //       document.getElementById('OP6').classList.add('invisible');
      //       document.getElementById('OP15').classList.add('invisible');
      //   }
        

      //   });


    //    $('#Servicio').click(function() {

    //     var codigoP = document.getElementById("codigo").value;
    //     document.getElementById('ServicioO').style.display='block';
    //     document.getElementById('ProductoO').style.display='none';
    //     document.getElementById('PromoFrO').style.display='none';
    //     document.getElementById('PromoInO').style.display='none';
    //     if(codigoP==""){
    //     alert("No existe el cliente   ");
    //     window.location.href='';
    //   }

    //    });



    // $('#PF').click(function() {

    //     var codigoP = document.getElementById("codigo").value;
    //     document.getElementById('ServicioO').style.display='none';
    //     document.getElementById('ProductoO').style.display='none';
    //     document.getElementById('PromoFrO').style.display='block';
    //     document.getElementById('PromoInO').style.display='none';
    //     if(codigoP==""){
    //     alert("No existe el cliente   ");
    //     window.location.href='';
    //   }

    //    });

    //  $('#PI').click(function() {

    //     var codigoP = document.getElementById("codigo").value;
    //     document.getElementById('ServicioO').style.display='none';
    //     document.getElementById('ProductoO').style.display='none';
    //     document.getElementById('PromoFrO').style.display='none';
    //     document.getElementById('PromoInO').style.display='block';
    //     if(codigoP==""){
    //     alert("No existe el cliente   ");
    //     window.location.href='';
    //   }

      //  });





</script>

<!-- Función que autocompleta los campos de cliente, producto,servicio y promociones-->
   <script type="text/javascript">
      // $(document).ready(function(){

         


      //     });

  //Funcion que autocompleta el campo de productos.
  //  $(document).ready(function(){


  //     }); 
      //   $(document).ready(function(){


      // });

//          $(document).ready(function(){
//         $("#servicioG").autocomplete({
//          source: "<?php echo site_url('caja/Franquiciatario/cajaF/serviciosG/?'); ?>",


//          select: function (event, ui) {
//                     $('[name="servicioG"]').val(ui.item.label); 
//                     $('[name="serv"]').val(ui.item.label); 
//                     $('[name="preciosS"]').val(ui.item.precios);
//                     $('[name="folioS"]').val(ui.item.id);
//                 }
//         });
//       });

// //Función de autocomplete para Promociones Franquicias
//         $(document).ready(function(){
//         $("#promocionesF").autocomplete({
//          source: "<?php echo site_url('caja/Franquiciatario/cajaF/promocionesF/?');?>",

//          select: function (event, ui) {
//                     $('[name="promocionesF"]').val(ui.item.label); 
//                     $('[name="prf"]').val(ui.item.label)
//                     $('[name="PreFran"]').val(ui.item.precios);
//                     $('[name="SesionPromo"]').val(ui.item.sesiones);
//                      $('[name="IdPromo"]').val(ui.item.id);                   
//                 }
//         });

//       });



// //Funcion de autocomplete para Promociones Institucionales
//         $(document).ready(function(){
//         $("#promocionesIn").autocomplete({
//          source: "<?php echo site_url('caja/Franquiciatario/cajaF/promocionesIn/?');?>",

//          select: function (event, ui) {
//                    $('[name="promocionesIn"]').val(ui.item.label); 
//                    $('[name="pri"]').val(ui.item.label);
//                     $('[name="PreIn"]').val(ui.item.precio);
//                     $('[name="SesionPromoI"]').val(ui.item.sesiones);
//                     $('[name="IdPromoI"]').val(ui.item.id);

//                 }
//         });

//       });


//       </script>

      <script type="text/javascript">
//   $('#AgregarP').click(function() {
//     document.getElementById('ProductoO').style.display='none';
//    });
//   $('#AgregarS').click(function() {
//     document.getElementById('ServicioO').style.display='none';
    
//    });
//   $('#AgregarPI').click(function() {
//     document.getElementById('PromoInO').style.display='none';
    
//   });
//   $('#AgregarPF').click(function() {
//     document.getElementById('PromoFrO').style.display='none';
    
//    });
// $('#mytable tr').each(function () {

// var pk = $(this).find("td").eq(0).html();
// var nombre = $(this).find("td").eq(1).html();
// var apellidos = $(this).find("td").eq(3).html();

// });
      </script>

      <!-- Función que agrega una fila de productos a la tabla -->
      <script type="text/javascript">
//       var i=1;
//       var productosArray = [];
//   $('#AgregarP').click(function()
//    {
//     data = $(this).val();
//     if (data !='') {
//        infoproducto = data.split("*");  
//        console.log(infoproducto);
//       var productos = infoproducto[1];
//       var preciosP = infoproducto[2];
//       var folioP = infoproducto[0];

//       var claveP=$("#clave").val();
//       var resP=$("#result").val(); 
//       var existencia=document.getElementById("existencia1").innerHTML;
//       var piezas=$("#piezas").val();
//       var pro=document.getElementById("preciosP").innerHTML;
//       var subtotal=(pro*piezas);
//       var subDes=document.getElementById("descu").innerHTML;
//       var cantProDes=$("#Candescu").val();
//       var porDes=$("#Pordescuento").val();
//       var comenDescu=$("#ComenDescu").val();
//       var exhiP=$("#exhi").val();
//       var anticipo=$("#Anticipo").val();
//       var adeudo=$("#CAdeudo").val();
//       var TotP= 0;
//       if (subDes >= 0 && subDes!="") {
//         TotP=subDes;
//         if (subDes==0) {
//         subDes=subtotal;
//         }
//       }else{
//         TotP=subtotal;
//         if (subDes=="" || isNaN(subDes)) {
//         subDes=0;
//         }
//       }
      
//       if (exhiP == "") {
//         exhiP=1;
//       }

//       if (anticipo=="" && exhiP<2) {
//         if (subDes==0 && exhiP<2) {
//         anticipo=subtotal;
//         }
//         if (subDes!=0) {
//             anticipo=subDes;
//           }
        
//       }

//       if (existencia == 0) {
//         exhiP=2;
//         document.getElementById('Anticipo').focus();
//       }
//       if (subDes==subtotal) {
//         anticipo=0;
//       }

//       var cero=0;

    
//        //Esto seria lo que contendria la   fila

//       fila = "<tr>";
//       fila += "<td><input type='hidden' name='"+folioP+"*"+i+"' value='"+folioP+"'>"+folioP+"</td>";
//       fila += "<td>"+productos+"</td>";
//       fila += "<td><input type='hidden' name='precioVentaProducto"+i+"' value='"+preciosP+"'>"+preciosP+"</td>";
//       // fila += "<td>"+existencia+"</td>";
//       fila += "<td><input type='hidden' name='piezasCompradas"+i+"' value='"+piezas+"'><p>"+piezas+"</p></td>";
//       fila += "<td class='subtotal'>"+subtotal+"</td>";
//       fila += "<td>" + cantProDes +"/ "+ porDes +"%</td><td class='descuento'>"+ subDes +"<div id='resultado'></td>";
//       fila += "<td>" + comenDescu + "</td>";
//       fila += "<td>" + exhiP + "</td>";
//       fila += "<td>" + anticipo + "</td>";
//       fila += "<td class='adeu'>" + adeudo + "</td>";
//       fila += "<td ></td>";
//       fila += "<td ></td>";
//       fila += "<td class='total'>" + TotP + "</td>";
//       fila += "<td><button type='button' class='label label-danger con-margen con-pading btn_remove' data-toggle='tooltip' data-placement='top' title='Quitar servicio' value='"+i+"*"+folioP+"*"+productos+"*"+preciosP+"*"+existencia+"*"+piezas+"*"+subtotal+"*"+cantProDes+"*"+subDes+"*"+comenDescu+"*"+exhiP+"*"+anticipo+"*"+adeudo+"*"+TotP+"*"+cero+"*"+cero+"*"+cero+"*"+cero+"*"+cero+"' name='productos'><img src='/SM/assets/dist/img/basura.png'></button></td>";
//       fila += "</tr>";

// //****************** VALIDACIONES *******************
//       //Valida que la cantidad sea mayor o igual a 1
//       if (piezas < 1) {
//         // alert("No es una cantidad valida");
//         $('#piezas').notify("No es una cantidad valida",{
//             position:'bottom left',
//             className:'error'
//           });
//         document.getElementById("piezas").value = "";
//         document.getElementById('ProductoO').style.display='block';
//         return document.getElementById("piezas").focus();
       
//        }


// //Valida que cuando exista un descuento, exista un comentario de descuento
//       if ((porDes>0 || cantProDes>0 ) && subDes!="Descuento") {

//         //El comentario de descuento no debe ser nulo
//         if (comenDescu=="") {
//         $('#ComenDescu').notify("Debe existir un comentario de descuento",{
//             position:'bottom left',
//             className:'error'
//           });
        
//         //redirecciona a el comentario de descuento
//         document.getElementById('ProductoO').style.display='block';
//         return document.getElementById("ComenDescu").focus();
         
//         }
//         //El comentario de descuento no debe ser menor a 10 caracteres
//         if (comenDescu.length<5) {
//         //  alert("Debe existir un comentario con minimo 10 letras");
//          $('#ComenDescu').notify("Debe existir un comentario con minimo 5 letras",{
//             position:'bottom left',
//             className:'error'
//           });
//          document.getElementById('ProductoO').style.display='block';
//          return document.getElementById("ComenDescu").focus();
         
//         }

//       }

//       if (cantProDes>0 || porDes>0) {
//           if (claveP!=resP) {
//         //  alert("Contraseña no valida. Intenta de nuevo");
//          $('#Contr').notify("Contraseña no valida. Intenta de nuevo",{
//             position:'bottom left',
//             className:'error'
//           });
//          document.getElementById("Contr").value = "";
//          document.getElementById("result").value = "";
//          document.getElementById('ProductoO').style.display='block';
//          return document.getElementById("Contr").focus();  
//         }
//       }
//       //valida que el anticipo no sea null si existe una exhibicion
//       if (exhiP>1 && (anticipo=="" || anticipo=="0")){

//         //  alert("Debe existir un Anticipo");
//          $('#Anticipo').notify("Debe existir un Anticipo",{
//             position:'bottom left',
//             className:'error'
//           });
//          document.getElementById("Anticipo").value = "";
//          document.getElementById("AgregarP").disabled=true;
//          document.getElementById('ProductoO').style.display='block';
//          return document.getElementById("Anticipo").focus();
//       }

//       if (existencia==0 && (adeudo=="0")){
//         //  alert("Debe existir un Anticipo");
//         $('#Anticipo').notify("Debe existir un Anticipo",{
//             position:'bottom left',
//             className:'error'
//           });
//         document.getElementById("exhi").value = "2";
//         document.getElementById("Anticipo").disabled=false;
//         document.getElementById("Anticipo").value = "";
//         document.getElementById("AgregarP").disabled=true;
//         document.getElementById('ProductoO').style.display='block';
//         return document.getElementById("Anticipo").focus();
//         }
    




// // *************FIN DE LAS VALIDACIONES****************
//        //Valida que el producto este registrado en la base de datos
//       if(folioP==""){
//         alert("EL producto no existe ");
//         document.getElementById("limpiarP").click();

//         return false;
//       }else 
//       //Esta función se encarga de eliminar la tabla 
//       var btn = document.createElement("TR");
//       btn.innerHTML=fila;
//       document.getElementById("mytable2").appendChild(btn);
//       //Esta instruccion limpia el div adicioandos para que no se vayan acumulando;
//       $("#adicionados").text(""); 
//       document.getElementById("limpiarP").click();
//       document.getElementById('OP2').classList.add('invisible');
//       document.getElementById('OP4').classList.add('invisible');
//       document.getElementById('OP5').classList.add('invisible');
//       document.getElementById('OP6').classList.add('invisible');
//       document.getElementById('OP15').classList.add('invisible');
//  /*haciendo el push en el array de productos*/
// //Si se aumentan o dismunullen campos en el array hay que considerar esos campos en el array que manda el boton eliminar btn_remove
//        productosArray.push(i+"*"+folioP
//                                       +"*"+ productos
//                                       +"*"+preciosP
//                                       +"*"+ existencia
//                                       +"*"+ piezas
//                                       +"*"+ subtotal
//                                       +"*"+ cantProDes
//                                       +"*"+ subDes
//                                       +"*"+ comenDescu
//                                       +"*"+ exhiP
//                                       +"*"+ anticipo
//                                       +"*"+ adeudo
//                                       +"*"+ TotP
//                                       +"*"+ cero
//                                       +"*"+ cero
//                                       +"*"+ cero
//                                       +"*"+ cero
//                                       +"*"+ cero+"*"+",//,");


//       sumar_columnas(); 
//       sumar_adeudo();
//       suma_gen();

//         $("#AgregarPr").val(null);

//           i++;
//           console.log(productosArray);

//           /*console.log(productosArray);*/
//     }//end if<
//     else{
//        alert("seleccione un producto...");
      
//     }
//       });


      //Función que agrega una fila de servicios a la tabla
//     var serviciosArray = [];
//     var j=1;
//      $('#AgregarS').click(function() {
//     var servicio1 = document.getElementById("servicio").value;
//       var servicio2 = document.getElementById("servicioG").value;
//       var precioS = document.getElementById("preciosS").innerHTML;
//       var folio = document.getElementById("folioS").value;
//       var claveS = document.getElementById("clave").value;
//       var resS = document.getElementById("resultS").value;
//       var sesionesS=$("#sesiones").val();
//       // var serviFran=$("#precioS").val();
//       var serviFran=document.getElementById("preciosS").innerHTML;
//       var subtotalSer=(serviFran*sesionesS);
//       var subDescuentoS=document.getElementById("descuS").innerHTML;
//       var cantDSer=$("#CandescuS").val();
//       var porDSer=$("#PordescuentoS").val();
//       var comenDescServi=$("#Comendes").val();
//       var exhiS=$("#exhiS").val();
//       var abonoSer=$("#CantidadA").val();
//       var adeudoSer=$("#CAdeudoS").val();
//       var folioCPS=$("#FolioCPS").val();
//       var nombreCPS=$("#NombreCPS").val();
//       var TotS=0;
//       var servicios="";
//       if (servicio1 !="") {
//         servicios=servicio1;
//       }
//       else{ if(servicio2!="")
//       {
//       servicios=servicio2;}
//     }

//       if (subDescuentoS >= 0 && subDescuentoS!="") {
//         TotS=subDescuentoS;
//         if (subDescuentoS==0) {
//           subDescuentoS=subtotalSer;
//         }
//       }
//        else{
//         TotS=subtotalSer;
//         if(subDescuentoS=="" || isNaN(subDescuentoS)){
//         subDescuentoS=0;
//          }
//        }

//       console.log(TotS);
//       if (exhiS == "") {
//         exhiS=1;
//       }
     
//        if (abonoSer=="" && exhiS<2) {
//         if (subDescuentoS==0 && exhiS<2) {
//         abonoSer=subtotalSer;
//         }
//         if (subDescuentoS!=0) {
//             abonoSer=subDescuentoS;
//           }
        
//       }
//       if (subDescuentoS==subtotalSer) {
//         abonoSer=0;
//       }
//       var ceroS=0;
//       //Esto seria lo que contendria la fila
//       var fila =  '<tr>';
//           fila += '<td>' + folio + '</td>';
//           fila += '<td>' + servicios + '</td>';
//           fila += '<td>' + precioS + '</td>';
//           fila += '<td>'+ sesionesS +' </td><td class="subtotal" >' + subtotalSer + '</td>';
//           fila += '<td>'+ cantDSer +' / '+ porDSer +'%</td><td class="descuento">'+ subDescuentoS +'<div id="resultado" ></td>';
//           fila += '<td>'+ comenDescServi +'</td><td>'+ exhiS +'</td><td>'+ abonoSer +'</td>';
//           fila += '<td class="adeu">'+ adeudoSer +'</td><td>'+ folioCPS +'</td><td>'+ nombreCPS +'</td>';
//           fila += '<td class="total">' + TotS + '</td>';
//           fila += '<td><button type="button" class="label btn-primary con-margen con-pading btn_Agenda" name="serviciostable" data-toggle="tooltip" data-placement="top" title="Agendar" value="'+folio+'"><img src="/SM/assets/dist/img/agenda.png"></button> <button type="button" class="label label-danger con-margen con-pading btn_remove" name="serviciostable" data-toggle="tooltip" data-placement="top" title="Quitar servicio" value="'+j+'*'+folio+'*'+servicios+'*'+precioS+'*'+sesionesS+'*'+subtotalSer+'*'+cantDSer+'*'+subDescuentoS+'*'+comenDescServi+'*'+exhiS+'*'+abonoSer+'*'+adeudoSer+'*'+folioCPS+'*'+nombreCPS+'*'+TotS+"*"+ceroS+"*"+ceroS+"*"+ceroS+"*"+ceroS+"*"+ceroS+'"><img src="/SM/assets/dist/img/basura.png"></button> </td></tr>'; 
//       //*******************VALIDACIONES**************************

// //Valida que el servicio este registrado en la base de datos
      
//  //Valida que la cantidad sea mayor o igual a 1
//       if (sesionesS < 1) {
//         // alert("No es una cantidad valida");
//         $('#sesiones').notify("¡¡No es una cantidad valida!!",  { 
//           position:"bottom left",
//           className: 'error',
//           });
//         document.getElementById("sesiones").value = "";
//         document.getElementById('ServicioO').style.display='block';
//         return document.getElementById("sesiones").focus();
       
//        }

// //Valida que cuando exista un descuento, exista un comentario de descuento
//       if (subDescuentoS > 0 && cantDSer>0 && porDSer>0) {
//         //El comentario de descuento no debe ser nulo
//         if (comenDescServi=="") {
//         // alert("Debe existir un comentario de descuento");
//         $('#Comendes').notify("¡¡Debe existir un comentario de descuento!!",  { 
//           position:"bottom left",
//           className: 'error',
//           });
//         //redirecciona a el comentario de descuento
//         document.getElementById('ServicioO').style.display='block';
//         return document.getElementById("Comendes").focus();
         
//         }
//         //El comentario de descuento no debe ser menor a 10 caracteres
//         if (comenDescServi.length<=5) {
//         //  alert("El comentario de descuento debe tener un minimo 10 letras"); 
//         $('#Comendes').notify("¡¡El comentario de descuento debe tener un minimo 5 letras!!",  { 
//           position:"bottom left",
//           className: 'error',
//           });
//          document.getElementById('ServicioO').style.display='block';
//         return document.getElementById("Comendes").focus();
         
//         }
//       }
//       //valida que la contraseña ingresada sea correcta
//       if (cantDSer>0 || porDSer>0) {
//           if (claveS!=resS) {
//         //  alert("Contraseña no valida. Intente de nuevo");
//          $('#pass').notify("¡¡Contraseña no valida. Intente de nuevo!!",  { 
//           position:"bottom left",
//           className: 'error',
//           });
//          document.getElementById("pass").value = "";
//          document.getElementById("resultS").value = "";
//          document.getElementById('ServicioO').style.display='block';
//          return document.getElementById("pass").focus();  
//         }
//       }

//       //Valida que si existe un numero de certifcado, debe existir un nombre de Certificado

//       if (folioCPS!=""){
//        if(nombreCPS==""){  
//         // alert("Favor de introducir un nombre de certificado de regalo");
//         $('#NombreCPS').notify("¡¡Favor de introducir un nombre de certificado de regalo!!",  { 
//           position:"bottom left",
//           className: 'error',
//           });
//           document.getElementById('ServicioO').style.display='block';
//         return document.getElementById("NombreCPS").focus();
//        }
//        if (nombreCPS.length<=10) {
//           // alert("Introducir nombre completo");
//           $('#NombreCPS').notify("¡¡Introducir nombre completo!!",  { 
//             position:"bottom left",
//             className: 'error',
//           });
//           document.getElementById('ServicioO').style.display='block';
//           return document.getElementById("NombreCPS").focus();
//        }
//       }

//       //valida que el anticipo no sea null si existe una exhibicion
//       if (exhiS>1 && (abonoSer=="" || abonoSer=="0")){
//         //  alert("Debe existir un Abono");
//          $('#CantidadA').notify("¡¡Debe existir un Abono!!",  { 
//             position:"bottom left",
//             className: 'error',
//           });
//          document.getElementById("CantidadA").value = "";
//          document.getElementById("AgregarS").disabled=true;
//          document.getElementById('ServicioO').style.display='block';
//          return document.getElementById("CantidadA").focus();
//       }

      
//        if(folio==""){
//         alert("El servicio no existe");

//       document.getElementById("limpiar").click();
//         return false;     
//       }else 
//       //Esta función se encarga de eliminar la tabla 
//       var btn = document.createElement("TR");
//       btn.innerHTML=fila;

//       document.getElementById("mytable2").appendChild(btn);

// //*********************** FIN DE LAS VALIDACIONES ***************

//        //Esta instruccion limpia el div adicioandos para que no se vayan acumulando
//       $("#adicionados").text("");
//       document.getElementById("limpiar").click();
//       document.getElementById('servicioPromocion').classList.add('invisible');
//      sumar_columnas(); 
//      suma_gen();
//      sumar_adeudo();
//      //Si se aumentan o dismunullen campos en el array hay que considerar esos campos en el array que manda el boton eliminar btn_remove
//      serviciosArray.push(j+"*"+folio
//                                       +"*"+ servicios
//                                       /*+"*"+ preciosP*/
//                                       +"*"+ precioS
//                                       +"*"+ sesionesS
//                                       +"*"+ subtotalSer
//                                       +"*"+ cantDSer
//                                       +"*"+ subDescuentoS
//                                       +"*"+ comenDescServi
//                                       +"*"+ exhiS
//                                       +"*"+ abonoSer
//                                       +"*"+ adeudoSer
//                                       +"*"+ folioCPS
//                                       +"*"+ nombreCPS
//                                       +"*"+ TotS
//                                       +"*"+ ceroS
//                                       +"*"+ ceroS
//                                       +"*"+ ceroS
//                                       +"*"+ ceroS
//                                       +"*"+ ceroS+"*"+",//,");

//      j++;
//      console.log(serviciosArray);
//       });


      //Función que agrega una fila de promociones franquicias a la tabla
//       var promocionesArray = [];
//       var k=1;
//       $('#AgregarPF').click(function() {
//           var promocionesFran = document.getElementById("promocionesF").value;
//           var preciosFran = document.getElementById("PreFran").innerHTML;
//           var sesionesF = document.getElementById("SesionPromo").value
//           var IdPromoF = document.getElementById("IdPromo").value;
//           var clavePF=$("#clave").val();
//           var resPF=$("#resultPF").val();
//           // var promo=$("#PreFran").val();
//           var promo=document.getElementById("PreFran").innerHTML;
//           var cantidad=$("#PFS").val();
//           var subtotal=(promo*cantidad);
//           // var desPromoFra=$("#descuPF").val();
//           var desPromoFra=document.getElementById("descuPF").innerHTML;
//           var cantDescPromoFran=$("#CandescuPF").val();
//           var porDesPromoFran=$("#PordescuentoPF").val();
//           var comenDescPromoFran=$("#ComPF").val();
//           var exhiPF=$("#exhiPF").val();
//           var abonoPF=$("#AbonoPF").val();
//           var adeudoPF=$("#AdeudoPF").val();
//           var folioCPPF=$("#FolioCPPF").val();
//           var nombreCPPF=$("#NombreCPPF").val();


//           var TotPF=0;
//           if (desPromoFra >= 0 && desPromoFra!="") {
//           TotPF=desPromoFra;
//           if(desPromoFra==0){
//             desPromoFra=subtotal;
//             }
//           } else{
//           TotPF=subtotal;
//           if(desPromoFra=="" || isNaN(desPromoFra)){
//             desPromoFra=0;
//           }
//           }
//           // if(desPromoFra=="Descuento"){
//           //   desPromoFra=0;
//           // }
//           if (exhiPF == "") {
//           exhiPF=1;
//            }

//         if (abonoPF=="" && exhiPF<2) {
//         if (desPromoFra==0 && exhiPF<2) {
//         abonoPF=subtotal;
//         }
//         if (desPromoFra!=0) {
//             abonoPF=desPromoFra;
//           }
//       }
//       if (subtotal==desPromoFra) {
//         abonoPF=0;
//       }

//       var ceroPF=0;
//       //Esto seria lo que contendria la fila
//       var fila =  "<tr>";
//           fila += "<td>" + sesionesF + "</td>";
//           fila += "<td>" + promocionesFran + "</td>";
//           fila += "<td>" + preciosFran + "</td>";
//           fila += "<td>"+ cantidad + "</td>";
//           fila += "<td class='subtotal' >" + subtotal + "</td>";
//           fila += "<td>"+ cantDescPromoFran +"/"+ porDesPromoFran +"%</td><td class='descuento'>"+ desPromoFra +"<div id='resultado' ></td>";
//           fila += "<td>"+ comenDescPromoFran +"</td><td>"+ exhiPF +"</td><td>"+ abonoPF +"</td>";
//           fila += "<td class='adeu'>"+ adeudoPF +"</td><td>"+ folioCPPF +"</td><td>"+ nombreCPPF + "</td>";
//           fila += "<td class='total'>" + TotPF + "</td>";
//           fila += "<td><button type='button' class='label btn-primary con-margen con-pading btn_Agenda'  data-toggle='tooltip' data-placement='top' title='Agendar' value='"+sesionesF+"' name='promocionesTable'><img src='/SM/assets/dist/img/agenda.png'></button> <button type='button' class='label label-danger con-margen con-pading btn_remove' data-toggle='tooltip' data-placement='top' title='Quitar servicio' value='"+k+"*"+IdPromoF+"*"+promocionesFran+"*"+preciosFran+"*"+cantidad+"*"+subtotal+"*"+ desPromoFra+"*"+comenDescPromoFran+"*"+exhiPF+"*"+abonoPF+"*"+adeudoPF+"*"+folioCPPF+"*"+nombreCPPF+"*"+TotPF+"*"+ceroPF+"*"+ceroPF+"*"+ceroPF+"*"+ceroPF+"*"+ceroPF+"' name='promocionesTable'><img src='/SM/assets/dist/img/basura.png'</button> </td>"; 
//           fila += "</tr>";


// //********************VALIDACIONES**************************
  
//  //Valida que la cantidad sea mayor o igual a 1
//       if (cantidad < 1) {
//         // alert("No es una cantidad valida");
//         $('#PFS').notify("No es una cantidad valida");
//         document.getElementById("PFS").value = "";
//         document.getElementById('PromoFrO').style.display='block';
//         return document.getElementById("PFS").focus();
       
//        }



// //Valida que cuando exista un descuento, exista un comentario de descuento
//       if (desPromoFra > 0 ) {
//         //El comentario de descuento no debe ser nulo
//         if (comenDescPromoFran=="") {
//         // alert("Debe existir un comentario de descuento");
//         $('#ComPF').notify("¡¡Debe existir un comentario de descuento!!",  { 
//               position:"bottom left",
//               className: 'error',
//         });
//         //redirecciona a el comentario de descuento
//         document.getElementById('PromoFrO').style.display='block';
//         return document.getElementById("ComPF").focus();
//         console.log('aqui'); 
//         }
//         //El comentario de descuento no debe ser menor a 10 caracteres
//         if (comenDescPromoFran.length<=5) {
//         //  alert("Debe existir un comentario con minimo 10 letras"); 
//          $('#ComPF').notify("¡¡Debe existir un comentario con minimo 5 letras!!",  { 
//               position:"bottom left",
//               className: 'error',
//         });
//           document.getElementById('PromoFrO').style.display='block';
//         return document.getElementById("ComPF").focus();
         
//         }
//       }

//       //valida que la contraseña sea la correcta
//         if (cantDescPromoFran>0 || porDesPromoFran>0) {
//           if (clavePF!=resPF) {
//         //  alert("Contraseña no valida. Intenta de nuevo");
//          $('#PassPF').notify("¡¡Contraseña no valida. Intenta de nuevo!!",  { 
//               position:"bottom left",
//               className: 'error',
//         });
//          document.getElementById("PassPF").value = "";
//          document.getElementById("resultPF").value = "";
//          document.getElementById('PromoFrO').style.display='block';
//          return document.getElementById("PassPF").focus(); 
//         }
//       }



//       //Valida que si existe un numero de certifcado, debe existir un nombre de Certificado

//       if (folioCPPF!=""){
//        if(nombreCPPF==""){  
//         // alert("Favor de introducir un nombre de certificado de regalo");
//         $('#NombreCPPF').notify("¡¡Favor de introducir un nombre de certificado de regalo!!",  { 
//               position:"bottom left",
//               className: 'error',
//         });
//           document.getElementById('PromoFrO').style.display='block';
//          return document.getElementById("NombreCPPF").focus();
//        }
//        if (nombreCPPF.length<=10) {
//           // alert("Introducir nombre completo");
//           $('#NombreCPPF').notify("¡¡Introducir nombre completo!!",  { 
//               position:"bottom left",
//               className: 'error',
//           });
//          document.getElementById('PromoFrO').style.display='block';
//          return document.getElementById("NombreCPPF").focus();
//        }
//       }

//       //valida que el anticipo no sea null si existe una exhibicion
//       if (exhiPF>1 && (abonoPF=="" || abonoPF=="0")){

//         //  alert("Debe existir un Abono");
//           $('#AbonoPF').notify("¡¡Debe existir un Abono!!",  { 
//             position:"bottom left",
//             className: 'error',
//             });
//          document.getElementById("AbonoPF").value = "";
//          document.getElementById("AgregarPF").disabled=true;
//          document.getElementById('PromoFrO').style.display='block';
//          return document.getElementById("AbonoPF").focus();
//       }

//        //Valida que el servicio este registrado en la base de datos
//       if(preciosFran==""){
//         alert("No existe promoción");
//         document.getElementById("limpiar").click();
//         return false; 

//   }else
//        //Esta función se encarga de eliminar la tabla
//       var btn = document.createElement("TR");
//       btn.innerHTML=fila;

//       document.getElementById("mytable2").appendChild(btn);

//     //*************** FIN DE LAS VALIDACIONES ******************
//       //Esta instruccion limpia el div adiciandos para que no se vayan acumulando
//       $("#adicionados").text("");
//       //le resto 1 para no contar la fila del header
//       document.getElementById("limpiar").click();
//       document.getElementById('servicioPromocion').classList.add('invisible');
//       sumar_columnas(); 
//       sumar_adeudo();
//       suma_gen();
//   /*promocionesArray.push()//miriame*/
//   //Si se aumentan o dismunullen campos en el array hay que considerar esos campos en el array que manda el boton eliminar btn_remove
//       promocionesArray.push(k+"*"+IdPromoF
//                                       +"*"+ promocionesFran
//                                       +"*"+ preciosFran
//                                       +"*"+ cantidad
//                                       +"*"+ subtotal
//                                       +"*"+ desPromoFra
//                                       +"*"+ comenDescPromoFran
//                                       +"*"+ exhiPF
//                                       +"*"+ abonoPF
//                                       +"*"+ adeudoPF
//                                       +"*"+ folioCPPF
//                                       +"*"+ nombreCPPF
//                                       +"*"+ TotPF
//                                       +"*"+ ceroPF
//                                       +"*"+ ceroPF
//                                       +"*"+ ceroPF
//                                       +"*"+ ceroPF
//                                       +"*"+ ceroPF+"*"+",//,");
//      k++;

//       console.log(promocionesArray);
//      });


      //Función que agrega una fila de promociones institucionales  a la tabla
//      var promocionesInsArray = [];
//       var l = 1;
//       $('#AgregarPI').click(function() {
//       var promocionesI = document.getElementById("promocionesIn").value;
//       var preciosI = document.getElementById("PreIn").innerHTML;
//       var sesionesI = document.getElementById("SesionPromoI").value;
//       var IdPromoI = document.getElementById("IdPromoI").value;
//       var prePromoI=document.getElementById("PreIn").innerHTML;
//       var sesionesPromoI=$("#PIS").val();
//       var clavePI=$("#clave").val();
//       var resPI=$("#resultPI").val();
//       var subtotalPromoI=(prePromoI*sesionesPromoI);
//       var desPI=document.getElementById("desPI").innerHTML;
//       var cantDesPI=$("#CandescuPI").val();
//       var porDesPI=$("#PordescuentoPI").val();
//       var comenDescPI=$("#ComPI").val();
//       var exhiPI=$("#exhiPI").val();
//       var abonoPI=$("#AbonoPI").val();
//       var adeudoPI=$("#AdeudoPI").val();
//       var folioCPI=$("#FolioCPPI").val();
//       var nombreCPI=$("#NombreCPPI").val();
//       var TotPI=0;


//       if (desPI >= 0 && desPI!="") {
//         TotPI=desPI;
//         if (desPI==0) {
//         desPI=subtotalPromoI;
//       }
//         }
//       else {
//         TotPI=subtotalPromoI;
//         if(desPI=="" || isNaN(desPI)){
//           desPI=0;
//             }
//           }
  
//       if (exhiPI == "") {

//         exhiPI=1;
//       }

//        if (abonoPI=="" && exhiPI<2) {
//         if (desPI==0 && exhiPI<2) {
//         abonoPI=subtotalPromoI;
//         }
//         if (desPI!=0) {
//             abonoPI=desPI;
//           }
        
//       }

//       if (subtotalPromoI==desPI) {
//         abonoPI=0;
//       }
//       var ceroPI=0;
//       //Esto seria lo que contendria la fila
// var fila =  '<tr>';
//           fila += '<td>' + sesionesI + '</td>';
//           fila += '<td>' + promocionesI + '</td>';
//           fila += '<td>' + preciosI + '</td>';
//           fila += '<td>'+ sesionesPromoI +' </td>';
//           fila += '<td class="subtotal" >' + subtotalPromoI + '</td>';
//           fila += '<td>'+ cantDesPI +' / '+ porDesPI +'%</td><td class="descuento">'+ desPI +'<div id="resultado" ></td>';
//           fila += '<td>'+ comenDescPI +'</td><td>'+ exhiPI +'</td><td>'+ abonoPI +'</td>';
//           fila += '<td class="adeu">'+ adeudoPI +'</td><td>'+ folioCPI +'</td><td>'+ nombreCPI +'</td>';
//           fila += '<td class="total">' + TotPI + '</td>';
//           fila += '<td><button type="button" class="label btn-primary con-margen con-pading btn_Agenda"  name="promocionesInsTable"  data-toggle="tooltip" data-placement="top" title="Agendar" value="'+sesionesI+'"><img src="/SM/assets/dist/img/agenda.png"></button> <button type="button" class="label label-danger con-margen con-pading btn_remove con-margen"  name="promocionesInsTable" data-toggle="tooltip" data-placement="top" title="Quitar servicio" value="'+l+'*'+IdPromoI+'*'+promocionesI+'*'+preciosI+'*'+sesionesPromoI+'*'+subtotalPromoI+'*'+desPI+'*'+comenDescPI+'*'+exhiPI+'*'+abonoPI+'*'+adeudoPI+'*'+folioCPI+'*'+nombreCPI+'*'+TotPI+"*"+ceroPI+"*"+ceroPI+"*"+ceroPI+"*"+ceroPI+"*"+ceroPI+'"><img src="/SM/assets/dist/img/basura.png"</button> </td></tr>'; 

 
       
// //********************* VALIDACIONES *******************
//      //Valida que el servicio este registrado en la base de datos
   
//  //Valida que la cantidad sea mayor o igual a 1
//       if (sesionesPromoI < 1) {
//         $('#PIS').notify('No es una cantidad valida',{
//               position:'bottom left',
//               className:'error'
//             });
//         document.getElementById("PIS").value = "";
//         document.getElementById('PromoInO').style.display='block';
//          return document.getElementById("PIS").focus();
       
//        }
//       //Valida que cuando exista un descuento, exista un comentario de descuento
//       if (desPI > 0 ) {
//         //El comentario de descuento no debe ser nulo
//         if (comenDescPI=="") {
//         $('#ComPI').notify('Debe existir un comentario de descuento',{
//               position:'bottom left',
//               className:'error'
//             });
//         //redirecciona a el comentario de descuento
//         document.getElementById('PromoInO').style.display='block';
//         return document.getElementById("ComPI").focus();
         
//         }
//         //El comentario de descuento no debe ser menor a 10 caracteres
//         if (comenDescPI.length<=5) {
//          $('#ComPI').notify('Debe existir un comentario con minimo 5 letras',{
//               position:'bottom left',
//               className:'error'
//             });
//          document.getElementById('PromoInO').style.display='block';
//         return document.getElementById("ComPI").focus();
         
//         }
//       }

//       //valida que la contraseña sea la correcta
//         if (porDesPI>0 || cantDesPI>0) {
//           if (clavePI!=resPI) {
//          $('#PassPI').notify('Contraseña no valida. Intenta de nuevo',{
//               position:'bottom left',
//               className:'error'
//             });
//          document.getElementById("PassPI").value = "";
//          document.getElementById("resultPI").value = "";
//          document.getElementById('PromoInO').style.display='block';
//          return document.getElementById("PassPI").focus();  
//         }
//       }



//       //Valida que si existe un numero de certifcado, debe existir un nombre de sertificado

//       if (folioCPI!=""){
//        if(nombreCPI==""){  
//         $('#NombreCPPI').notify('Favor de introducir un nombre de certifiado de regalo',{
//               position:'bottom left',
//               className:'error'
//             });
//           document.getElementById('PromoInO').style.display='block';
//         return document.getElementById("NombreCPPI").focus();
//        }
//        if (nombreCPI.length<=10) {
//           $('#NombreCPPI').notify('Introducir nombre completo',{
//               position:'bottom left',
//               className:'error'
//             });
//           document.getElementById('PromoInO').style.display='block';
//           return document.getElementById("NombreCPPI").focus();
//        }
//       }

//       //valida que el anticipo no sea null si existe una exhibicion
//       if (exhiPI>1 && (abonoPI=="" || abonoPI=="0")){

//          alert("Debe existir un Abono");
//          document.getElementById("AbonoPI").value = "";
//          document.getElementById("AgregarPI").disabled=true;
//         document.getElementById('PromoInO').style.display='block';
//          return document.getElementById("AbonoPI").focus();
//       }


//    if(preciosI==""){
//         alert("No existe promoción " );
//       document.getElementById("limpiar").click();
//         return false;

//       }else 
//        //Esta función se encarga de eliminar la tabla
//       var btn = document.createElement("TR");
//       btn.innerHTML=fila;
//       document.getElementById("mytable2").appendChild(btn);


// //***************** FIN DE VALIDACIONES *****************

//      //Esta instruccion limpia el div adicioandos para que no se vayan acumulando
//       $("#adicionados").text("");
//       document.getElementById("limpiar").click();
//       document.getElementById('servicioPromocion').classList.add('invisible');   
//      sumar_columnas(); 
//      sumar_adeudo();
//      suma_gen();

// //Si se aumentan o dismunullen campos en el array hay que considerar esos campos en el array que manda el boton eliminar btn_remove
//      promocionesInsArray.push(l+"*"+IdPromoI
//                                       +"*"+ promocionesI
//                                       +"*"+ preciosI
//                                       +"*"+ sesionesPromoI
//                                       +"*"+ subtotalPromoI
//                                       +"*"+ desPI
//                                       +"*"+ comenDescPI
//                                       +"*"+ exhiPI
//                                       +"*"+ abonoPI
//                                       +"*"+ adeudoPI
//                                       +"*"+ folioCPI
//                                       +"*"+ nombreCPI
//                                       +"*"+ TotPI
//                                       +"*"+ ceroPI
//                                       +"*"+ ceroPI
//                                       +"*"+ ceroPI
//                                       +"*"+ ceroPI
//                                       +"*"+ ceroPI+"*"+",//,");
//       l++;
//       console.log(promocionesInsArray);


//       });
    
    

// function roundTo(num,pow){
//   if( isNaN( num ) ){
//     num = 0;
//   }
  
//   return num;
// }
    


//     //Funcion que hace la suma de las columnas del adeudo
//     function sumar_adeudo(){
//     var sum=0;
//     //itera cada input de clase .adeudo y la suma
//     $('.adeu').each(function() {     
//             sum += parseFloat($(this).text());                     
//     }); 
//     //cambia valor del total y lo redondea a la segunda decimal
//     $('#Adeudo').val(sum.toFixed(2));

//     generarAbono();
//     }


//     //Funcion que hace la suma de las columnas del subtotal
//     function sumar_columnas(){
//     var sum=0;
//     //itera cada input de clase .subtotal y la suma
//     $('.subtotal').each(function() {     
//             sum += parseFloat($(this).text());                     
//     }); 
//     //cambia valor del total y lo redondea a la segunda decimal
//     $('#totaltotal1').val(sum.toFixed(2));
//     generarIGV();
//     SubIva();
//    }


//     //Funcion que hace la resta de las columnas del subtotal
//     function menos_columnas(){
//     var res=0;
//     //itera cada input de clase .subtotal y la resta
//     $('.subtotal').each(function() { 
//             res-= (parseFloat($(this).text()))*(-1);           
//     });

//     //cambia valor del total y lo redondea a la segunda decimal
//     var a = $('#totaltotal1').val(res.toFixed(2));
//     generarIGV();
//     SubIva();    
//     }


//     function generarIGV(){ //Funcion que calcula el IVA
//     var a = document.getElementById("totaltotal1"); //Buscamos el elemento Total para extraer el total de las ventas
//     var igv = 0.16; //AQUI se coloca el iva que deseas calcular, par este efecto he puesto el 18%. 
//     var b = document.getElementById("IVA"); // Buscamos el campo con Id igv
//     var operacion = Number(a.value) * igv; // calculamos el IGV
//     b.value = operacion.toFixed(2); // Le asignamos al campo con Id igv el IVA mediante la propiedad value.
//   }
 
//      //funcion que hace la suma general de la compra
//     function suma_gen(){
//     var suma=0;
   
//     //itera cada input de clase .descuento y la suma
//          $('.total').each(function() { 
//          suma += parseFloat($(this).text());
//          });
         
//     var operacionG = suma;     
//     //cambia valor del total y lo redondea a la segunda decimal
//      $('#Totalgen').val(operacionG.toFixed(2));
//      generarAbono();
//      }

//     //funcion para obtener el abono total de la venta
//     function generarAbono(){
//     var total= $('#Totalgen').val(); //se obtiene el valor total de la venta
//     var adeudo=$('#Adeudo').val(); //se obtiene el valor del adeudo
//     var ab = total - adeudo;
               
//     //cambia valor del total y lo redondea a la segunda decimal
//      $('#Abono').val(ab.toFixed(2));
//      //cambia a letras
//      if ($('#Abono').val()!="") {
//       console.log("Hay abono");
//       var entrada =$("#Abono").val();
//       var Resultado = CifrasEnLetras.convertirEurosEnLetras(entrada);
      
//       document.getElementById('CLetras').value=Resultado;
//      }

//      CantFaltante();
//      PorVenta();
//      }


//     function SubIva(){
//     var a = document.getElementById("totaltotal1"); //Buscamos el elemento Total para extraer el total de las ventas
//     var igv = 0.84; //AQUI se coloca el iva que deseas calcular, par este efecto he puesto el 18%. 
//     var b = document.getElementById("Sub1"); // Buscamos el campo con Id igv
//     var operacion = Number(a.value) * igv; // calculamos el IGV
//     b.value = operacion.toFixed(2); // Le asignamos al campo con Id igv el IVA mediante la propiedad value.
//     }


// //Funcion que hace la resta de las columnas del descuento
//     function menos_abono(){
//     var res=0;
//     //itera cada input de clase .subtotal y la resta
//     $('.adeu').each(function() { 
//             res-= (parseFloat($(this).text()))*(-1);           
//     });
//         //cambia valor del total y lo redondea a la segunda decimal
//     var a = $('#Adeudo').val(res.toFixed(2));
//     generarAbono();
//     }
// //Funcion que hace la resta de las columnas del la venta total general
//     function menos_gen(){
//     var res=0;   
//     //itera cada input de clase .descuento y la suma
//          $('.total').each(function() { 
//          res -= (parseFloat($(this).text()))*(-1);
//          });
//     $('#Totalgen').val(res.toFixed(2));
//     generarAbono();
//   }
  // $("body").on("click",".btn_Agenda", function() {
  //           $('[data-toggle="tooltip"]').tooltip("hide");
  //           console.log($(this).val());
  //           var contenido=$(this).val();
  //           // var codigos = contenido.split("*");
  //           // var codigo = codigos[1];
  //           var nombre= $(this).attr('name');
  //           document.getElementById('codigoM').value=contenido;
  //           document.getElementById('tipo').value=nombre;
  //           // verAgenda();
  //           $( ".fc-next-button" ).click();
  //           $('#modal-agenda').modal();
  //           $( ".fc-today-button" ).click();
            
            
  //         });
  //   //Función que elimina las filas y actualiza el total 
  //   $("body").on("click",".btn_remove", function() {
  //     $('[data-toggle="tooltip"]').tooltip("hide");
  //     console.log("eliminar");
  //     var idEliminado= $(this).val();
  //     var nombreArray = $(this).attr('name');
  //     console.log("ID"+idEliminado);
  //     console.log("nombre"+nombreArray);
  //     if( nombreArray == 'productos' ){
          
  //         var id;
  //         id = productosArray.indexOf(idEliminado+"*,//,");
  //         console.log(id);
  //         productosArray.splice(id, 1);
  //         console.log("Despues de eliminado");
  //         console.log(productosArray);
  //         console.log("Despues de eliminado");
      
  //     }
  //     else if( nombreArray == 'serviciostable'  ){
         
  //         var ids;
  //         ids = serviciosArray.indexOf(idEliminado+"*,//,");
  //         console.log(ids);
  //         serviciosArray.splice(ids,1);
  //         console.log("Despues de eliminado");
  //         console.log(serviciosArray);
  //         console.log("Despues de eliminado");

  //     }
  //     else if(nombreArray == 'promocionesTable'){
  //       console.log('Datos a salir ');
  //         console.log("promocionesTable");
  //         var ids;
  //         ids = promocionesArray.indexOf(idEliminado+"*,//,");
  //         console.log(ids);
  //         promocionesArray.splice(ids,1);
  //         console.log("Despues de eliminado");
  //         console.log(promocionesArray);
  //         console.log("Despues de eliminado");
  //     }
  //     else if(nombreArray == 'promocionesInsTable'){
  //         var ids;
  //         ids = promocionesInsArray.indexOf(idEliminado+"*,//,");
  //         console.log(ids);
  //         promocionesInsArray.splice(ids,1);
  //         console.log("Despues de eliminado");
  //         console.log(promocionesInsArray);
  //         console.log("Despues de eliminado");
          
  //     }


  //     var total = document.getElementById("total");
  //         $(this).parent().parent().remove();
    
  //         menos_columnas(); 
  //         menos_abono();
  //         menos_gen();

  //     });
  </script>


  <script type="text/javascript">
   //Función que manda a la venta modal el subtotal por fila  ;
      // $(document).ready(function (e) {
      //   $('#myModal').on('show.bs.modal', function(e) {    
      //   var id = $(e.relatedTarget).data().id;
      //   $(e.currentTarget).find('#mtxtsubtotal').val(id);
      //   //$(e.currentTarget).find('#mtxttotalpor').val(id);
      //    });
      // });

// function HabilitaPropina(){
//   try {
//           if (document.getElementById('propina').value !="") {
//              $("#opcion").prop("disabled", false);
//            } else {
//             $("#opcion").prop("disabled", true);
//             }
//   } catch (e) {}
// }


//                             //Función que hace la resta para obtener el descuento 
//   function cal() {
//   try {
//     var a = parseFloat(document.ModalDes.mtxtsubtotal.value),
//         b = parseFloat(document.ModalDes.mtxtcantidad.value);
//     document.ModalDes.mtxttotalpor.value = a - b;

//   } catch (e) {
//   }
// }
//   //Función que hace el calculo para obtener el descuento 
//   function calDes() {
//   try {
//     var a = parseFloat(document.Caja.Totaldes.value),
//         b = parseFloat(document.Caja.ProcenPropina.value);
//     document.Caja.Porcen.value = ((a *b) / 100);
//         c = parseFloat(document.Caja.por.value);
//         document.Caja.mtxttotalpor.value = (a-c);

//   } catch (e) {
//   }
// }

</script>



<script type="text/javascript">
  function recibir(numero)
{
  var valor = document.getElementById("totaltotal"+numero).value;
  document.getElementById("mtxtVenta").value=valor;        
    
}
$(document).ready(function() {
  
  var id='<?php if(isset($IdClientes)){echo $IdClientes;}else echo ""?>';
  var nombre='<?php if(isset($NombreCliente)){echo $NombreCliente;}else echo ""?>';
  if (id!='' && nombre!='') {
    $(function() {
      $("#title").keyup();
    });
        $('[name="codigo"]').val(id);
        $('[name="idc"]').val(id);
        $('[name="title"]').val(nombre);
        $('[name="cliente"]').val(nombre);
        buscarAdeudos(id);
        serviciosVendidos();   
  }
  });

  function serviciosVendidos(){
  var idClient = document.getElementById("idc").value;
  //alert("serviciosVendidos"+idClient);
  $.ajax({
      type: "POST",
      url:base_url+"/caja/Franquiciatario/cajaF/serviciosAgendados/"+idClient,
      dataType: "json",
      async: false,
      success: function(data) {
        //console.log(data);
        var servicios = document.getElementById('buscaServicioSelect');
        if (data.length>0) {
          servicios.innerHTML="";
          servicios.insertAdjacentHTML('beforeend', `<option selected value="" disabled>Seleccione servicio</option>`);
          servicios.insertAdjacentHTML('beforeend', `<optgroup label="Servicios agendados">`);
          //console.log(servicios);
          document.getElementById("ServicioA").style.display="block";
          document.getElementById('buscaServicioSelect').style.display="block";
          document.getElementById('servicioPromocion').classList.add('invisible');
          document.getElementById('ProductoO').style.display="none";
          for(var i=0; i<data.length; i++){
            servicios.insertAdjacentHTML('beforeend', `<option value="`+data[i].id+`SC">`+data[i].title+`</option>`);
            //console.log(servicios);
          }     
          servicios.insertAdjacentHTML('beforeend', `</optgroup>`);
        }else{
          //console.log("no hay servicios agendados sin vender");
          document.getElementById("ServicioA").style.display="none";
          servicios.innerHTML="";
          document.getElementById('buscaServicioSelect').style.display="none";
          document.getElementById('servicioAgendado').classList.add('invisible');
        }
        //console.log(servicios);
      },
      error: function(xhr, textStatus, errorThrown, error) {
        console.log(xhr.error);
      }
  });
}
</script>
