<div id="page-content-wrapper">
<!-- Keep all page content within the page-content inset div! -->
<div class="page-content inset">
<head>
  <!-- Manda a traer el javascript para validar el formulario -->
  <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/site.js"></script>
  <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/editarPago.js"></script>
   <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/validacion.css'?>">
   <link rel="stylesheet" href="<?php echo base_url().'assets/dist/js/jquery/jquery-ui.css'?>">
  <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/styles.css'?>">
	<link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/styleTable.css' /> 
   <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/table.css' />
   <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.css'?>">
    <!-- Latest compiled and minified JavaScript -->
    <script src="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.js'?>"></script>
</head>
<style> 

</style>
  <center><h1>Pago de Producto</h1></center>


  <form name="Pagos" id="Pagos" action="<?php echo base_url();?>pagos/franquiciatario/pagosF/editarenlace/<?=$IdVentasProductos?>/<?=$ventas_IdVentas?>" method="POST">
  <input type="text" id="fecha2" name="fecha2" class="invisible">
  <div class="parent-container no-margin-left col-md-10 div-centrado">
  <div class="no-margin-left col-md-4" >
      <ul class="list-group mb-3 heig" id="DatosGenerales">
          <li class="data-container list-group-item d-flex justify-content-between lh-condensed">
            <div>
              <h5 class="headers">Nombre Cliente</h5>
              <span class="text-muted"><?=$ClienteVenta?></span>
            </div>
          </li>
          <li class="data-container list-group-item d-flex justify-content-between lh-condensed">
            <div>
              <h5 class="headers">Nombre Producto</h5>
              <span class="text-muted"><?=$NombreProducto?></span>
            </div>
          </li>
          <li class="data-container list-group-item d-flex justify-content-between lh-condensed">
            <div>
              <h5 class="headers">Piezas Producto</h5>
              <span class="text-muted"><?=$PiezasP?></span>
            </div>
          </li>
          <li class="data-container list-group-item d-flex justify-content-between lh-condensed">
            <div>
              <h5 class="headers">Folio de Venta</h5>
              <span class="text-muted"><?=$folioVenta?></span>
            </div>
          </li>
          <li class="data-container list-group-item d-flex justify-content-between">
            <span class="quantities">Subtotal:</span>
            <strong class="quantities">$ <?=$SubTotalP?></strong>
          </li>
          <li class="data-container list-group-item d-flex justify-content-between">
            <span class="quantities" >Descuento:</span>
            <strong class="quantities">$ <?=$Descuento?></strong>
          </li>
          <li class="data-container list-group-item d-flex justify-content-between">
            <span class="quantities" >Abono:</span>
            <strong id="Abono" name="Abono"class="quantities">$ <?=$Abono?></strong>
          </li>
          <li class="data-container list-group-item d-flex justify-content-between">
            <span class="quantities">Adeudo:</span>
            <strong class="debit" id="Adeudo"  name="Adeudo">$ <?=$Adeudo?></strong>
          </li>
          <li class="data-container list-group-item detalle invisible">
            <span class="fechaPago">FECHA PAGO 1:</span>
            <strong class="fechaPago"><?=$Fecha1?></strong>
          </li>
          <li class="data-container list-group-item detalle invisible">
            <div>
              <h5 class="headers">Comentario de descuento</h5>
              <span class="text-muted"><?=$ComentarioDes?></span>
            </div>
          </li>
          <li class="data-container list-group-item detalle invisible">
            <div>
              <h5 class="headers">Vendedor</h5>
              <span class="text-muted"><?=$Usuario1?></span>
            </div>
          </li>
          <li id="botonDetalle" class="detail-button list-group-item d-flex justify-content-between">
           <center><span id="nombreBoton" class="glyphicon glyphicon-eye-open"> Detalle</span></center>       
          </li>
        </ul>
    </div>
    <div class="col-md-8" id="pagar">
      <div class="col-md-8 div-centrado">
        <label for="name1" id="mensaje"></label>
      </div>
      <center id="tituloPagar"><h3>Pagar</h3></center>
        <div class="child-container">
          <label >Efectivo</label>
          <input type="text" class="form-control" id="Contado2"  name="Contado2"  value="" placeholder="Efectivo"  min="0" onkeypress="return validaPunto(event)">
        </div>
        <div class="child-container">
          <label >Recibí</label>
          <input type="number" class="form-control" id="Recibi"  name="Recibi"  value="" placeholder="Recibí" min="0" onkeypress="return validaPunto(event)">
        </div>
        <div class="child-container">
          <label >Cambio</label>
          <input type="number" class="form-control" id="Cambio"  name="Cambio"  value="" readonly placeholder="Cambio" min="0" onkeypress="return validaPunto(event)">
        </div>
        <div class="child-container">
          <label >Tipo Tarjeta</label>
          <select type="text" class="form-control" id="TipoTarjeta2"  name="TipoTarjeta2"  value="" onChange="validar2(this.form);">
          <option value="">---Selecciona---</option>
          <option value="TARJETA DE CREDITO" >TARJETA DE CRÉDITO</option> 
          <option value="TARJETA DE DEBITO" >TARJETA DE DÉBITO</option> 
          </select>
        </div>
        <div class="child-container">
          <label >Cantidad </label>
          <input type="text" class="form-control" id="CTarjeta2" name="CTarjeta2" placeholder="Cantidad Abonada" disabled="" onInput="CalculaPago2();" min="0" onkeypress="return validaPunto(event)">
        </div>
        <div class="child-container">
          <label >Folio Terminal Bancaria</label>
          <input type="text" class="form-control" id="FolioTarjeta2" name="FolioTarjeta2" placeholder="Folio Terminal Bancaria" disabled="" onkeypress="return valida(event)">
        </div>
        <div class="child-container">
          <label for="name1">Vendedor</label>
          <select name="Usuario2" id="Usuario2" class="form-control"  required="" title="Este campo es requerido"> 
          <option value="">--- Seleccione un Usuario  ---</option>  
          <?php foreach ($ReUsuario as $i => $usuario)   
          echo '<option value="',$i,'">',$usuario,'</option>'; ?> </select>
        </div>
    </div>
        <input type="text" class="oculto form-control" id="AdeudoV"  name="AdeudoV" value="<?=$AdeudoVenta?>">
        <div class="form-group col-md-10 div-centrado"> 
          <button type="submit" id="guarda" class="btn btn-primary col-md-4 col-sm-5 pull-right"> <span class="glyphicon glyphicon-floppy-disk"> </span> Guardar</button>
          <a href="javascript:window.history.back()" ><button type="button" class="btn btn-danger col-md-4 col-sm-5 pull-left"> <span class="glyphicon glyphicon-circle-arrow-left"> </span> Regresar</button></a>  
        </div>
        <input type="text" class="oculto col-md-12" id="AbonoV"  name="AbonoV" value="<?=$AbonoVenta?>">
        <input type="text" class="invisible" id="AdeudoVenta"  name="AdeudoVenta">
        <input type="text" class="invisible" id="AbonoVenta"  name="AbonoVenta"> 
        <input type="text" class="invisible" id="folio2"  name="folio2" value="<?=$folio2?>">
        <input type="text" class="invisible" id="AbonoFinal"  name="AbonoFinal">
        <input type="text" class="invisible" id="AdeudoFinal"  name="AdeudoFinal"> 
        <input type="text" class="invisible" id="PiezasTotales"  name="PiezasTotales" value='<?=$PiezasTotales-$PiezasP?>'> 
        <input type="text" class="invisible" id="IdProductosFranquicias" name="IdProductosFranquicias" value='<?=$productosfranquicias_IdProductosFranquicias?>'>

  </form>
</div>
</div>
</div>

<script type="text/javascript">
  var existencia='<?=$PiezasTotales?>';
  var piezas='<?=$PiezasP?>';
  var adeudoGeneral='<?=$Adeudo?>';
  var abonoGeneral='<?=$Abono?>';
  var base_url='<?php echo base_url()?>';
  mueveReloj();
  reajustar();
  console.log(piezas);
  console.log(existencia);
  if( Number(existencia) >= Number(piezas))
  {
    $("#mensaje").addClass('invisible');
  }else{
    console.log('no hay existencias');
    document.getElementById('mensaje').innerHTML=' El producto no tiene existencias suficientes para ser liquidado.';
    $(".child-container").addClass('invisible');
    $("#tituloPagar").addClass('invisible');
    $("#guarda").addClass('invisible');
  }
  if(document.getElementById('Usuario2').value!="")
  {
      location.href=base_url+"pagos/franquiciatario/pagosF/VentaProductos";
  }
//   window.addEventListener( 'load', function( event )
//   {//Inicia windows.load

   
//     var botonDetalle=document.querySelector('#botonDetalle');
//     document.getElementById("Contado2").addEventListener("input", calcularCambio);
//     document.getElementById("Recibi").addEventListener("input", calcularCambio);
//     document.getElementById("Contado2").addEventListener("input", CalculaPago2);

//     botonDetalle.addEventListener('click', function(e)
//     {
//       if($(".detalle").hasClass("invisible"))
//       {
//         $(".detalle").removeClass('invisible');
//         document.getElementById('nombreBoton').innerHTML=' Ocultar';
//         document.getElementById('nombreBoton').classList.remove('glyphicon-eye-open');
//         document.getElementById('nombreBoton').classList.add('glyphicon-eye-close');
//         // $(".parent-container").addClass('increase-height');
//         reajustar();
//       }else{
//         $(".detalle").addClass('invisible');
//         document.getElementById('nombreBoton').innerHTML=' Detalle';
//         document.getElementById('nombreBoton').classList.add('glyphicon-eye-open');
//         document.getElementById('nombreBoton').classList.remove('glyphicon-eye-close');
//         // $(".parent-container").removeClass('increase-height');
//         reajustar();
//       }
//     });

//     $("#CTarjeta2").on("input", function(){
//         if ($("#CTarjeta2").val()!="") {
//           $("#FolioTarjeta2").prop('disabled', false);
//           document.getElementById("FolioTarjeta2").value="";
//         }
//         if (document.getElementById("Adeudo").innerHTML=="0" && $("#Contado2").val()=="") {
//           $("#Contado2").prop("readonly", true);
//           $("#Recibi").prop("readonly", true);
//         }else{
//           $("#Contado2").prop("readonly", false);
//           $("#Recibi").prop("readonly", false);
//         }
//      });
//      $("#Contado2").on("input", function(){
//         if (document.getElementById("Adeudo").innerHTML=="0" ) {
//         if (($("#CTarjeta2").val()=="0") || ($("#CTarjeta2").val()=="" )){
//           $("#TipoTarjeta2").prop("disabled", true);
//           $("#CTarjeta2").prop("readonly", true);
//           $("#FolioTarjeta2").prop("readonly", true);
//           document.getElementById('TipoTarjeta2').value="";
//         }
//       }else{ 
//           if (($("#CTarjeta2").val()!="0") || ($("#CTarjeta2").val()!="" )){
//           $("#TipoTarjeta2").prop("disabled", false);
//           // document.getElementById('TipoTarjeta2').value="";
//           $("#CTarjeta2").prop("readonly", false);
//           $("#FolioTarjeta2").prop("readonly", false);
//           }
//         }
//    });
//    $("#TipoTarjeta2").on("change", function(){      
//       document.getElementById('CTarjeta2').value="";
//       document.getElementById('FolioTarjeta2').value="";  
//       CalculaPago2();
//     });
//     $("#guarda").on("click", function(){
//               document.getElementById('AbonoFinal').value=document.getElementById('Abono').innerHTML;
//               document.getElementById('AdeudoFinal').value=document.getElementById('Adeudo').innerHTML;
//               if ($('#CTarjeta2').val()=="" && $('#FolioTarjeta2').val()=="" && $('#TipoTarjeta2').val()!="") {
//                 $('#CTarjeta2').notify("Ingrese una cantidad",{
//                     position:'bottom center',
//                     className:'error'
//                   });
//                   document.getElementById("CTarjeta2").focus();
//                     return false;
//                  }

//              //***************
//               if ($('#CTarjeta2').val()=="" && $('#FolioTarjeta2').val()!="") {
//                   $('#CTarjeta2').notify("Ingrese una cantidad",{
//                     position:'bottom center',
//                     className:'error'
//                   });
//                   document.getElementById("CTarjeta2").focus();
//                     return false;
//                  }
//               //***************
//               if ($('#Usuario2').val()=="") {
//                   $('#Usuario2').notify("Seleccione un usuario",{
//                     position:'bottom center',
//                     className:'error'
//                   });
//                   document.getElementById("Usuario2").focus();
//                     return false;
//                  }

//               //***************
//               var c = document.getElementById("Adeudo").innerHTML;

//               if(c!=0){
//                 $('#pagar').notify("Debe liquidar el producto",{
//                     position:'bottom left',
//                     className:'error'
//                   });
//                  return false;
//                 }
//     });
//   });//Fin load
//   function reajustar(){
//     var datosGenerales = $("#DatosGenerales").height();
//     $(".parent-container").css('height', datosGenerales);
//     setTimeout("reajustar()",100) 
//   }
//   function calcularCambio() 
//   {
//     var contado=document.getElementById('Contado2').value;
//     var recibi=document.getElementById('Recibi').value;
//     var suma;
//     if(contado=="")
//     {
//       contado=0;
//     }
//     if(recibi=="")
//     {
//       recibi=0;
//     }
//     suma=parseFloat(recibi)-parseFloat(contado);
//     if(suma>=0)
//     {
//       document.getElementById('Cambio').value=suma;
//     }else{
//       document.getElementById('Cambio').value='';
//     }
//   }

//   function validar2(form) {
//   form.CTarjeta2.disabled=(form.TipoTarjeta2.value=='');
//   //form.FolioTarjeta2.disabled=(form.TipoTarjeta2.value=='');
//   }
//   //***validaciones***



//     //*************fin validaciones***********
// function CalculaPago2()
// {
//    with (document.forms["Pagos"]) // el nombre del formulario
//    {
//     var totalResult2 = ((Number( adeudoGeneral ) - Number( Contado2.value )- Number( CTarjeta2.value )));

//     Adeudo.innerHTML = roundTo( totalResult2, 2 );
//     var adeudoventa = ((Number( AdeudoV.value ) - Number( Contado2.value )- Number( CTarjeta2.value )));
//     AdeudoVenta.value = roundTo( adeudoventa, 2 );

//     var abonov = ((Number(abonoGeneral ) + Number( Contado2.value )+ Number( CTarjeta2.value )));
//     Abono.innerHTML = roundTo( abonov, 2 );

//     var abonoventa = ((Number( AbonoV.value ) + Number( Contado2.value )+ Number( CTarjeta2.value )));
//     AbonoVenta.value = roundTo( abonoventa, 2 );

//         if (Adeudo.innerHTML<0) {
//           // alert("Está ingresando una cantidad mayor al adeudo.\n Ingrese nuevamente la cantidad");
//           // $('pagar').notify({})
//             $('#pagar').notify("Está ingresando una cantidad mayor al adeudo.\n Ingrese nuevamente la cantidad",{
//                     position:'bottom left',
//                     className:'error'
//                   });  
//           Contado2.value="";
//           Recibi.value="";
//           Cambio.value="";
//           CTarjeta2.value="";
//           FolioTarjeta2.value="";
//           Adeudo.innerHTML =adeudoGeneral;
//           AdeudoVenta.value =AdeudoV.value;
//           Abono.innerHTML =abonoGeneral;
//           AbonoVenta.value =AbonoV.value;


//         }


//    }
// }

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

//   function mueveReloj(){ 
//     var momentoActual = new Date() 
//     var hora = momentoActual.getHours() 
//     var minuto = momentoActual.getMinutes() 
//     var segundo = momentoActual.getSeconds() 
//     var str_segundo = new String (segundo) 
//     if (str_segundo.length == 1) 
//         segundo = "0" + segundo 

//     var str_minuto = new String (minuto) 
//     if (str_minuto.length == 1) 
//         minuto = "0" + minuto 

//     var str_hora = new String (hora) 
//     if (str_hora.length == 1) 
//         hora = "0" + hora 
      
//     var horaImprimible = hora + ":" + minuto + ":" + segundo 
//     var date = new Date();
//     var year = date.getFullYear();
//     var month = date.getMonth()+1;
//     var dt = date.getDate();

//     if (dt < 10) {
//       dt = '0' + dt;
//     }
//     if (month < 10) {
//       month = '0' + month;
//     }
//     var FechaCompleta = dt+'-' + month + '-'+year;
//     var nuevaF = year+'-' + month + '-'+dt;
//     document.getElementById('fecha2').value=nuevaF +" "+ horaImprimible;  
//     setTimeout("mueveReloj()",1000) 

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

//   var exi = Number(document.getElementById('Existencia').value),
//       pieza = Number(document.getElementById('PiezasP').value);
//       var PTotales;
//     if (exi >= pieza) {
//       console.log('Producto existente');
//       document.getElementById('pag2').style.display='block';
//       PTotales=(exi-pieza);
//       document.getElementById('PiezasTotales').value=PTotales;


//     }
//     else{
//       console.log('Producto inexistente');
//       document.getElementById('mensaje').style.display='block';
//       $("#guarda").prop('disabled', true);
//     }

// }); 


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

//   });  
//***********Funcion que valida datos
        // $(document).ready(function(){
              // date = new Date();
              // year = date.getFullYear();
              // month = date.getMonth()+1;
              // dt = date.getDate();

              // if (dt < 10) {
              //   dt = '0' + dt;
              // }
              // if (month < 10) {
              //   month = '0' + month;
              // }
              // var FechaCompleta = year+'-' + month + '-'+dt;
              // console.log(new Date());
              // console.log(FechaCompleta);
              // $('input[id*="Fecha"]').attr('min',FechaCompleta);
              // $('input[id*="Fecha"]').attr('max',FechaCompleta);
              // $('#FechaHoy').val(FechaCompleta);
              // console.log("asignado");

            // $("#guarda").on("click", function(){
            //     // var hora= new Date();
            //     // var horac= hora.getHours()+":"+hora.getMinutes()+":"+ hora.getSeconds();
            //     // console.log(horac);
            //     // var g= document.getElementById("FechaHoy").value;
            //     // document.getElementById("Fecha2").value= g + " " + horac;

            //   //  if ($('#Fecha').val()!= g) {
            //   //     alert("Ingresar fecha actual");
            //   //     document.getElementById("Fecha").focus();
            //   //       return false;
            //   //    }else{
            //   //     document.getElementById("Fecha2").value= g +" "+ horac;
            //   //   }
            //   //***************
            //   // if ($('#CTarjeta2').val()!="" && $('#FolioTarjeta2').val()=="") {
            //   //     alert("Ingrese un Folio");
            //   //     document.getElementById("FolioTarjeta2").focus();
            //   //       return false;
            //   //    }
            //  //***************
            // //  console.log($('#fecha2').val())
            //   if ($('#CTarjeta2').val()=="" && $('#FolioTarjeta2').val()=="" && $('#TipoTarjeta2').val()!="") {
            //     $('#CTarjeta2').notify("Ingrese una cantidad",{
            //         position:'bottom center',
            //         className:'error'
            //       });
            //       document.getElementById("CTarjeta2").focus();
            //         return false;
            //      }

            //  //***************
            //   if ($('#CTarjeta2').val()=="" && $('#FolioTarjeta2').val()!="") {
            //       $('#CTarjeta2').notify("Ingrese una cantidad",{
            //         position:'bottom center',
            //         className:'error'
            //       });
            //       document.getElementById("CTarjeta2").focus();
            //         return false;
            //      }
            //   //***************
            //   if ($('#Usuario2').val()=="") {
            //       $('#Usuario2').notify("Seleccione un usuario",{
            //         position:'bottom center',
            //         className:'error'
            //       });
            //       document.getElementById("Usuario2").focus();
            //         return false;
            //      }

            //   //***************
            //   var c = document.getElementById("Adeudo").innerHTML;

            //   if(c!=0){
            //     $('#pagar').notify("Debe liquidar el producto",{
            //         position:'bottom left',
            //         className:'error'
            //       });
            //      return false;
            //     }


//******************************************************************************
    // $(this).attr('data-toggle',"modal");
    // $(this).attr('data-target',"#modal-default");
    // $(this).attr('status',"1");
    // imprimir();
    // });//fin guarda

  
// function imprimir() {
//     momentoActual = new Date() 
//     hora = momentoActual.getHours() 
//     minuto = momentoActual.getMinutes() 
//     segundo = momentoActual.getSeconds() 
//     str_segundo = new String (segundo) 
//     if (str_segundo.length == 1) 
//         segundo = "0" + segundo 

//     str_minuto = new String (minuto) 
//     if (str_minuto.length == 1) 
//         minuto = "0" + minuto 

//     str_hora = new String (hora) 
//     if (str_hora.length == 1) 
//         hora = "0" + hora 
      
//     horaImprimible = hora + ":" + minuto + ":" + segundo ;
//     var g= document.getElementById("FechaHoy").value;
//     var fecha = g + horaImprimible;
//     var cliente = $('#NombreCliente').val();
//     var  servicio = $('#NombreProducto').val();
//     var folio = $('#folio2').val();
//     var abono = $('#Abono').val();
//     var adeudo = $('#Adeudo').val();
//     var primerAbono = $('#RAbono').val();
//     var importe = abono-primerAbono;
//     var idFranquicia = $('#franquicia').val();
//     var efectivo = $('#Contado2').val();
//     var tarjeta = $('#CTarjeta2').val();
//     var usuario = $('#Usuario2').val();
//     console.log(efectivo);
//     console.log(tarjeta);
    
//     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;?>CP: <?php echo $datosFranquiciaTicket->CP;?></div>';
//          fila += '</div>';
//         fila += '<div class="datos-dos">';       
//         fila += '<div class="nombre-cliente-ticket">Folio:'+folio+'</div>';
//         fila += '<div class="domicilio-empresa-ticket" ><br/></div>';
//         fila += '<div class="nombre-cliente-ticket">Fecha de pago:'+fecha+'</div>';
//         fila += '<div class="domicilio-empresa-ticket" ><br/></div>';
//         fila += '<div class="nombre-cliente-ticket">Cliente: '+cliente+'</div>';
//         fila += '<div class="domicilio-empresa-ticket" ><br/></div>';
//         fila += '<div class="nombre-cliente-ticket">Producto: '+servicio+'</div>';
//         fila += '</div>';
//         fila += '<div class="lista-comprada">';
//         fila += '<thead>';
//         fila += '<tr>';

//         fila +='</thead>';
//         fila +='<tbody>';
//         fila += '<table class="table table-striped">';
//         fila +=  '<tr class="total-cuenta">';
//         fila +=  '<td></td><td></td><td></td>';
//         fila += '<td class="total-abonado">Abonado:</td>';  
//         fila += '<td class="total-abonado">$ '+importe+'</td>';
//         fila +=  '<tr class="total-cuenta">'; 
//         fila += '<td class="total-ticket"><br></td>';
//         fila +=  '<tr class="total-cuenta">';
//         fila +=  '<td></td><td></td><td></td>';  
//         fila += '<td class="total-ticket">Total:</td>';  
//         fila += '<td class="total-ticket">$ <?php echo $TotalPagar;?></td>';  
//         fila +=  '</tr>';
//         fila +=  '<tr class="total-cuenta">';
//         fila +=  '<td></td><td></td><td></td>'; 
//         fila += '<td class="total-ticket">A cuenta:</td>';  
//         fila += '<td class="total-ticket">$ '+abono+'</td>';  
//         fila +=  '</tr>';
//         fila +=  '<td></td><td></td><td></td>'; 
//         fila += '<td class="total-ticket">Restan:</td>';  
//         fila += '<td class="total-ticket">$ '+adeudo+'</td>';  
//         fila +=  '</tr>';

//         fila +=  '<tr class="total-cuenta">'; 
//         fila +=  '<td></td><td></td><td></td>'; 
//         fila += '<td class="total-ticket">Pago en</td>';  
//         fila += '<td class="total-pagar-ticket"></td>';  
//         fila +=  '</tr>';

//         fila +=  '<tr class="total-cuenta">'; 
//         fila +=  '<td></td><td></td><td></td>';
//         if(efectivo>0){ 
//         fila += '<td class="total-ticket">Efectivo:</td>';  
//         fila += '<td class="total-pagar-ticket">$ '+efectivo+'</td>';
//         }  
//         fila +=  '</tr>';
//         fila +=  '<tr class="total-cuenta">'; 
//         fila +=  '<td></td><td></td><td></td>';
//         if(tarjeta>0){  
//         fila += '<td class="total-ticket">Tarjeta:</td>';  
//         fila += '<td class="total-pagar-ticket">$ '+tarjeta+'</td>'; 
//         } 
//         fila +=  '</tr>';

//         fila += '</table>';       
//         fila +=  '</tbody>';
//         fila += '<div class="domicilio-empresa-ticket" ><br/></div>';
//         fila += '<div class="atendio">Atendio:'+usuario+'</div>';
       
//         $("#modal-default .modal-body").html(fila);
//       }


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

//                 var ventana = window.open();
//                 var contenido= document.getElementById('area-impresion-ticket').innerHTML;
//                 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();
//                   setTimeout(function () { window.print(); }, 500);
//                   ventana.onafterprint = function(){
//                    console.log("Printing completed...");
//                      $('#Pagos').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;

// }());
//                 }
                 

//             });
        // });
</script>

