<head>
  <!-- Manda a traer el javascript para validar el formulario -->
  <script src="<?php echo base_url().'assets/dist/js/CifrasEnLetras.js'?>" type="text/javascript"></script>
  <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/site.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/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>
  #comentario{
    background-color: rgba(154, 75, 166, 0.22)!important;
  }
  .scrollbar-primary::-webkit-scrollbar {
  width: 9px !important;
  height: 9px !important;
}

.scrollbar-primary::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
.scrollbar-primary::-webkit-scrollbar-thumb {
  background-color: #c5c3c3;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
</style>
<body> 
<div class="pull-right div-botones">
 <a href="javascript:window.history.back()" ><button type="button" class="btn btn-danger botones-detalle pull-right col-sm-4 col-xs-12 "><span class="glyphicon glyphicon-circle-arrow-left"> </span> Regresar</button></a>
</div>
</br>
<div class="col-md-10 div-centrado">
<center class="col-xs-12"><h1>Detalles de Venta</h1></center>
  <form name="Pagos" id="Pagos" action="<?php echo base_url();?>pagos/franquiciatario/pagosF/editarenlace/<?=$IdVentas?>" method="POST">
    <input type="text" class="form-control" id="franquicia"  name="franquicia"  placeholder="Nombre" value="<?php foreach ($Franquicias as $i => $Franquicias) echo  $i; ?>"  readonly="" style="display: none;">
     <div class="form-group">

    <div class="col-md-6">
      <label for="name1">Folio de venta</label>
      <input type="text" class="form-control data-container" id="folioVenta"  name="folioVenta" placeholder="folio" value="<?=$FolioVenta?>" readonly="">
    </div>
    <div class="col-md-6">
      <label for="name1">Fecha y Hora de venta</label>
      <input type="text" class="form-control data-container" id="fechaVenta"  name="fechaVenta" placeholder="Total" value="<?=$FechaVenta?>"  readonly="">
    </div>
    <div class="col-md-6">
      <label for="name1">Nombre Cliente</label>
      <input type="text" class="form-control data-container" id="NombreCliente"  name="NombreCliente" placeholder="Nombre" value="<?=$ClienteVenta?>"  readonly="">
    </div>
    <div class="col-md-3">
      <label for="name1">Subtotal</label>
      <input type="text" class="form-control data-container" id="Subtotal"  name="Subtotal" placeholder="Nombre" value="<?=$Subtotal?>"  readonly="">
    </div>
    <div class="col-md-3">
      <label for="name1">IVA</label>
      <input type="text" class="form-control data-container" id="Iva"  name="Iva" placeholder="Nombre" value="<?=$Iva?>"  readonly="">
    </div>
    <div class="col-md-3">
      <label for="name1">Total de la venta</label>
      <input type="text" class="form-control data-container" id="TotalVenta"  name="TotalVenta" placeholder="Total" value="<?=$TotalVenta?>"  readonly="">
    </div>
    <div class="col-md-3">
      <label for="name1">Total con descuento</label>
      <input type="text" class="form-control data-container" id="TotalVentaDes"  name="TotalVentaDes" placeholder="Total" value="<?=$TotalVentaGeneral?>"  readonly="">
    </div>
    <div class="col-md-6">
      <label for="name1">Adeudo</label>
      <input type="text" class="form-control data-container" id="AdeudoVenta"  name="AdeudoVenta" placeholder="Adeudo" value="<?=$AdeudoVenta?>" readonly="">
    </div>
    <div class="col-md-6">
      <label for="name1">Vendedor</label>
      <input type="text" class="form-control data-container" id="Vendedor" name="Vendedor" placeholder="Vendedor"  value="<?=$VendedorUsuario?>" readonly="">
    </div>
    <div class="col-md-6">
      <label>Comentarios</label>
      <textarea class="form-control" rows="1" id="comentario" name="comentario" readonly=""><?=$Comentario?></textarea>
    </div>
    <div class="col-md-6">
      <label for="name1">Propina</label>
      <input type="text" class="form-control data-container" id="TCFolio2" name="TCFolio2" placeholder="Propina" value="<?=$TotalPropina?>"  readonly="" >
    </div>
    <div class="col-md-6">
      <label for="name1">Usuario de propina</label>
      <input type="text" class="form-control data-container" id="Contado2" name="Contado2" placeholder="Usuario Propina"  value="<?=$UsuarioPropina?>" readonly="">
    </div>
    <input type="text" class="form-control" id="Abono" name="Abono" placeholder="Abono" value="<?=$AbonoVenta?>" style='display:none;'>
    <input type="text" class="form-control" id="AbonoLetra" name="AbonoLetra" placeholder="AbonoLetra" style='display:none;'>
  </div>
</br>
</form>
<button class="btn btn-primary btn-sm btn-block oculto" type="submit"></button>
<div class="col-md-12 scroll scrollbar-primary">
<table class="table table-striped " id="conceptos">
<tr>

  <th  style="display:none"></th>
  <th>Concepto</th>
  <th>Cantidad</th>
  <th>Total Venta</th>
  <th>Exhibiciones</th>
  <th>Abono</th>
  <th>Adeudo</th>
  <th colspan="2">Acciones</th>
  


</tr>
  <?php 
          if ($consulta1 != FALSE){
            foreach ($consulta1 as $fila){
              echo "<tr>";
                echo "<td class='idventa'  style='display:none'>".$fila->IdVentasProductos."</td>";
                echo "<td>".$fila->NombreProducto."</td>";
                echo "<td>".$fila->PiezasP."</td>";
                echo "<td>".$fila->TotalPagar."</td>";
                echo "<td>".$fila->ExhibicionesProducto."</th>";
                echo "<td>".$fila->Abono."</td>";
                echo "<td class='adeudo'>".$fila->Adeudo."</td>";
                echo "<td class='accion'>";
                echo "<a href='".base_url()."pagos/cosmetologo/pagosC/editar/".$fila->IdVentasProductos."/".$fila->ventas_IdVentas."' class='label label-primary'>";
                echo "<span class='glyphicon glyphicon-pencil'></a></span>";
                echo "</td>";
                // echo "<td class='imprimirDetalleP' data-toggle='tooltip' data-placement='bottom' title='Imprimir histórico de pagos'>";
                // echo "<a class='label label-warning' >";
                // echo "<span class='glyphicon glyphicon-print'></a></span>";
                // echo "</td>";
                // echo "<td class='ver'>";
                // echo "<a class='label label-primary' data-toggle='tooltip' data-placement='bottom' title='Ver detalle'>";
                // echo "<span class='glyphicon glyphicon-eye-open'></a></span>";
                // echo "</td>";
                echo "</tr>";

            } 
          } 
                    if ($consulta2 != FALSE){
            foreach ($consulta2 as $fila){
              echo "<tr>";
                echo "<td class='idventaSA'  style='display:none'>".$fila->IdVentasServicios."</td>";
                echo "<td>".$fila->NombreServicio."</td>";
                echo "<td>".$fila->SesionesS."</td>";
                echo "<td>".$fila->TotalPagar."</th>";
                echo "<td>".$fila->exhibiciones_IdExhibiciones."</th>";
                echo "<td>".$fila->Abono."</td>";
                echo "<td class='adeudo'>".$fila->Adeudo."</td>";
                echo "<td class='accion'>";
                echo "<a href='".base_url()."pagos/cosmetologo/pagosC/editar2/".$fila->IdVentasServicios."/".$fila->ventas_IdVentas."' class='label label-primary' id='BotonServA'>";
                echo "<span class='glyphicon glyphicon-pencil'></a></span>";
                echo "</td>";
                // echo "<td class='imprimirDetalleSA' data-toggle='tooltip' data-placement='bottom' title='Imprimir histórico de pagos'>";
                // echo "<a class='label label-warning'>";
                // echo "<span class='glyphicon glyphicon-print'></a></span>";
                // echo "</td>";
                // echo "<td class='ver'>";
                // echo "<a class='label label-primary' data-toggle='tooltip' data-placement='bottom' title='Ver detalle'>";
                // echo "<span class='glyphicon glyphicon-eye-open'></a></span>";
                // echo "</td>";
               echo "</tr>";
            } 
          }  

          if ($consulta3 != FALSE){
            foreach ($consulta3 as $fila){
              echo "<tr>";
                echo "<td class='idventaSG'  style='display:none'>".$fila->IdVentasServicios."</td>";
                echo "<td>".$fila->NombreServicio."</td>";
                echo "<td>".$fila->SesionesS."</td>";
                echo "<td>".$fila->TotalPagar."</th>";
                echo "<td>".$fila->exhibiciones_IdExhibiciones."</th>";
                echo "<td>".$fila->Abono."</td>";
                echo "<td class='adeudo'>".$fila->Adeudo."</td>";
                echo "<td class='accion'>";
                echo "<a href='".base_url()."pagos/cosmetologo/pagosC/editar3/".$fila->IdVentasServicios."/".$fila->ventas_IdVentas."' class='label label-primary' id='BotonServG'>";
                echo "<span class='glyphicon glyphicon-pencil'></a></span>";
                echo "</td>";
                // echo "<td class='imprimirDetalleSG' data-toggle='tooltip' data-placement='bottom' title='Imprimir histórico de pagos'>";
                // echo "<a class='label label-warning'>";
                // echo "<span class='glyphicon glyphicon-print'></a></span>";
                // echo "</td>";
                // echo "<td class='ver'>";
                // echo "<a class='label label-primary' data-toggle='tooltip' data-placement='bottom' title='Ver detalle'>";
                // echo "<span class='glyphicon glyphicon-eye-open'></a></span>";
                // echo "</td>";
              echo "</tr>";
            } 
          } 
          if ($consulta4 != FALSE){
            $cont=0;
            foreach ($consulta4 as $fila){
              $cont = $cont+ 1;
              echo "<tr>";
                echo "<td class='idventaPr'  style='display:none'>".$fila->IdVentasPromociones."</td>";
                echo "<td>".$fila->NombrePromocion."</td>";
                echo "<td>".$fila->SesionesPr."</td>";
                echo "<td>".$fila->TotalPagar."</td>";
                echo "<td>".$fila->exhibiciones_IdExhibiciones."</td>";
                echo "<td>".$fila->Abono."</td>";
                echo "<td class='adeudo'>".$fila->Adeudo."</td>";
                echo "<td class='accion'>";
                echo "<a href='".base_url()."pagos/cosmetologo/pagosC/editarPro/".$fila->IdVentasPromociones."/".$fila->ventas_IdVentas."' class='label label-primary' id='BotonPromo'>";
                echo "<span class='glyphicon glyphicon-pencil'></a></span></button>";
                echo "</td>";
                // echo "<td class='imprimirDetallePr' data-toggle='tooltip' data-placement='bottom' title='Imprimir histórico de pagos'>";
                // echo "<a class='label label-warning'>";
                // echo "<span class='glyphicon glyphicon-print'></a></span>";
                // echo "</td>";
                // echo "<td class='ver'>";
                // echo "<a class='label label-primary' data-toggle='tooltip' data-placement='bottom' title='Ver detalle'>";
                // echo "<span class='glyphicon glyphicon-eye-open'></a></span>";
                // echo "</td>";
                echo "</tr>";
            
            }

          } 
   ?>
    </table>
  </div>
  <button class="btn btn-primary btn-sm btn-block oculto" type="submit"></button>
</div>

</body> 

<script>
  $('.adeudo').each(function() { 
      if($(this).text()  == '0'){
      $(this).siblings('.accion').text(' ');
    }
  });
$(document).ready(function(){
  $('.imprimirDetalleP').click(function() { 
           var uno=$(this).siblings('.idventa').text();
           //alert(uno);
          var cliente = $('#NombreCliente').val();
          var folio = $('#folioVenta').val();

          var datos = <?php echo json_encode($consulta1, JSON_PRETTY_PRINT);?>;
          var fila =  '';
          
          fila += '<div class="datos-dos">';
          fila += '<div class="nombre-cliente-ticket">HISTÓRICO DE PAGOS</div>';
          fila += '<div class="nombre-cliente-ticket">Cliente: '+cliente+'</div>';
          fila += '<div class="domicilio-empresa-ticket" ><br/></div>';
           fila += '</div>';
          
          if (datos!="") {          

       for(var arrP = 0; arrP < datos.length; arrP++){
         console.log(datos[arrP]);
         if (uno==datos[arrP].IdVentasProductos) { 
        
          fila += '<div class="datos-dos">';
          fila += '<div class="nombre-cliente-ticket">Producto: '+datos[arrP].NombreProducto+'</div>';
          fila += '</div>';
          fila += '<table class="table table-striped">';
        
          fila += '<table class="table table-striped">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-abonado">Pago 1  </td>';  
          fila += '<td class="total-abonado">Folio:'+datos[arrP].folio+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Fecha:</td>';  
          fila += '<td class="total-ticket">'+datos[arrP].Fecha1+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>'; 
          fila += '<td class="total-ticket">Contado:</td>';  
          fila += '<td class="total-ticket">$ '+datos[arrP].Contado1+'</td>';  
          fila +=  '</tr>';
          fila +=  '<tr">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Tarjeta:</td>';  
          fila += '<td class="total-ticket">$ '+(Number(datos[arrP].CTarjeta1)+Number(datos[arrP].CTarjeta1A))+'</td>';  
          fila +=  '</tr>';          
          fila += '</table>';
          if (datos[arrP].Contado2>0 || datos[arrP].CTarjeta2>0) {
          fila += '<table class="table table-striped">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-abonado">Pago 2  </td>';  
          fila += '<td class="total-abonado">Folio: '+datos[arrP].folio2+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Fecha:</td>';  
          fila += '<td class="total-ticket">'+datos[arrP].Fecha2+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>'; 
          fila += '<td class="total-ticket">Contado:</td>';  
          fila += '<td class="total-ticket">$ '+datos[arrP].Contado2+'</td>';  
          fila +=  '</tr>';
          fila +=  '<tr">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Tarjeta:</td>';  
          fila += '<td class="total-ticket">$ '+Number(datos[arrP].CTarjeta2)+'</td>';  
          fila +=  '</tr>';
          fila += '</table>';
         
             }
                fila += '<div class="domicilio-empresa-ticket" ><br/></div>';
                fila += '<table class="table table-striped">';
                fila +=  '<tr class="total-cuenta">';
                fila +=  '<td></td><td></td><td></td>';     
                fila += '<td class="total-ticket">Total:</td>';  
                fila += '<td class="total-ticket">$'+datos[arrP].TotalPagar+'</td>';  
                fila +=  '</tr>';
                fila +=  '<td></td><td></td><td></td>'; 
                fila += '<td class="total-ticket">Abonado:</td>';  
                fila += '<td class="total-ticket">$ '+datos[arrP].Abono+'</td>';  
                fila +=  '</tr>';
                fila +=  '<tr">';
                fila +=  '<td></td><td></td><td></td>';     
                fila += '<td class="total-ticket">Restan:</td>';  
                fila += '<td class="total-ticket">$ '+datos[arrP].Adeudo+'</td>';  
                fila +=  '</tr>';          
                fila += '</table>';
            }
           }
          }
          imprimirDetalle(fila, folio);
          });

          $('.imprimirDetalleSA').click(function() { 
            var uno=$(this).siblings('.idventaSA').text();
           //alert(uno);
          var cliente = $('#NombreCliente').val();
          var folio = $('#folioVenta').val();
          var datos = <?php echo json_encode($consulta2, JSON_PRETTY_PRINT);?>;
          var fila =  '';
          
          fila += '<div class="datos-dos">';
          fila += '<div class="nombre-cliente-ticket">HISTÓRICO DE PAGOS</div>';
          fila += '<div class="nombre-cliente-ticket">Cliente: '+cliente+'</div>';
          fila += '<div class="domicilio-empresa-ticket" ><br/></div>';
           fila += '</div>';
          
          if (datos!="") {
          

       for(var arrSA = 0; arrSA < datos.length; arrSA++){
         console.log(datos[arrSA]);
         if (uno==datos[arrSA].IdVentasServicios) { 
        
          fila += '<div class="datos-dos">';
          fila += '<div class="nombre-cliente-ticket">Servicio: '+datos[arrSA].NombreServicio+'</div>';
          fila += '</div>';
          fila += '<table class="table table-striped">';
        
          fila += '<table class="table table-striped">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-abonado">Pago 1  </td>';  
          fila += '<td class="total-abonado">Folio:'+datos[arrSA].folio+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Fecha:</td>';  
          fila += '<td class="total-ticket">'+datos[arrSA].Fecha1+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>'; 
          fila += '<td class="total-ticket">Contado:</td>';  
          fila += '<td class="total-ticket">$ '+datos[arrSA].Contado1+'</td>';  
          fila +=  '</tr>';
          fila +=  '<tr">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Tarjeta:</td>';  
          fila += '<td class="total-ticket">$ '+(Number(datos[arrSA].CTarjeta1)+Number(datos[arrSA].CTarjeta1A))+'</td>';  
          fila +=  '</tr>';          
          fila += '</table>';
          if (datos[arrSA].Contado2>0 || datos[arrSA].CTarjeta2>0) {
          fila += '<table class="table table-striped">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-abonado">Pago 2  </td>';  
          fila += '<td class="total-abonado">Folio: '+datos[arrSA].folio2+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Fecha:</td>';  
          fila += '<td class="total-ticket">'+datos[arrSA].Fecha2+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>'; 
          fila += '<td class="total-ticket">Contado:</td>';  
          fila += '<td class="total-ticket">$ '+datos[arrSA].Contado2+'</td>';  
          fila +=  '</tr>';
          fila +=  '<tr">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Tarjeta:</td>';  
          fila += '<td class="total-ticket">$ '+Number(datos[arrSA].CTarjeta2)+'</td>';  
          fila +=  '</tr>';
          fila += '</table>';
         
             }
          if (datos[arrSA].Contado3>0 || datos[arrSA].CTarjeta3>0) {
          fila += '<table class="table table-striped">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-abonado">Pago 3  </td>';  
          fila += '<td class="total-abonado">Folio: '+datos[arrSA].folio3+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Fecha:</td>';  
          fila += '<td class="total-ticket">'+datos[arrSA].Fecha3+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>'; 
          fila += '<td class="total-ticket">Contado:</td>';  
          fila += '<td class="total-ticket">$ '+datos[arrSA].Contado3+'</td>';  
          fila +=  '</tr>';
          fila +=  '<tr">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Tarjeta:</td>';  
          fila += '<td class="total-ticket">$ '+Number(datos[arrSA].CTarjeta3)+'</td>';  
          fila +=  '</tr>';
          fila += '</table>';
         
             }
          if (datos[arrSA].Contado4>0 || datos[arrSA].CTarjeta4>0) {
          fila += '<table class="table table-striped">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-abonado">Pago 4  </td>';  
          fila += '<td class="total-abonado">Folio: '+datos[arrSA].folio4+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Fecha:</td>';  
          fila += '<td class="total-ticket">'+datos[arrSA].Fecha4+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>'; 
          fila += '<td class="total-ticket">Contado:</td>';  
          fila += '<td class="total-ticket">$ '+datos[arrSA].Contado4+'</td>';  
          fila +=  '</tr>';
          fila +=  '<tr">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Tarjeta:</td>';  
          fila += '<td class="total-ticket">$ '+Number(datos[arrSA].CTarjeta4)+'</td>';  
          fila +=  '</tr>';
          fila += '</table>';
         
             }
                fila += '<div class="domicilio-empresa-ticket" ><br/></div>';
                fila += '<table class="table table-striped">';
                fila +=  '<tr class="total-cuenta">';
                fila +=  '<td></td><td></td><td></td>';     
                fila += '<td class="total-ticket">Total:</td>';  
                fila += '<td class="total-ticket">$'+datos[arrSA].TotalPagar+'</td>';  
                fila +=  '</tr>';
                fila +=  '<td></td><td></td><td></td>'; 
                fila += '<td class="total-ticket">Abonado:</td>';  
                fila += '<td class="total-ticket">$ '+datos[arrSA].Abono+'</td>';  
                fila +=  '</tr>';
                fila +=  '<tr">';
                fila +=  '<td></td><td></td><td></td>';     
                fila += '<td class="total-ticket">Restan:</td>';  
                fila += '<td class="total-ticket">$ '+datos[arrSA].Adeudo+'</td>';  
                fila +=  '</tr>';          
                fila += '</table>';
            }
           }
          }
          imprimirDetalle(fila, folio);
       
          });
        $('.imprimirDetalleSG').click(function() { 
           var uno=$(this).siblings('.idventaSG').text();
           //alert(uno);
          var cliente = $('#NombreCliente').val();
          var folio = $('#folioVenta').val();
          var datos = <?php echo json_encode($consulta3, JSON_PRETTY_PRINT);?>;
          var fila =  '';
          
          fila += '<div class="datos-dos">';
          fila += '<div class="nombre-cliente-ticket">HISTÓRICO DE PAGOS</div>';
          fila += '<div class="nombre-cliente-ticket">Cliente: '+cliente+'</div>';
          fila += '<div class="domicilio-empresa-ticket" ><br/></div>';
           fila += '</div>';
          
          if (datos!="") {
          

       for(var arrSG = 0; arrSG < datos.length; arrSG++){
         console.log(datos[arrSG]);
         if (uno==datos[arrSG].IdVentasServicios) { 
        
          fila += '<div class="datos-dos">';
          fila += '<div class="nombre-cliente-ticket">Servicio: '+datos[arrSG].NombreServicio+'</div>';
          fila += '</div>';
          fila += '<table class="table table-striped">';
        
          fila += '<table class="table table-striped">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-abonado">Pago 1  </td>';  
          fila += '<td class="total-abonado">Folio:'+datos[arrSG].folio+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Fecha:</td>';  
          fila += '<td class="total-ticket">'+datos[arrSG].Fecha1+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>'; 
          fila += '<td class="total-ticket">Contado:</td>';  
          fila += '<td class="total-ticket">$ '+datos[arrSG].Contado1+'</td>';  
          fila +=  '</tr>';
          fila +=  '<tr">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Tarjeta:</td>';  
          fila += '<td class="total-ticket">$ '+(Number(datos[arrSG].CTarjeta1)+Number(datos[arrSG].CTarjeta1A))+'</td>';  
          fila +=  '</tr>';          
          fila += '</table>';
          if (datos[arrSG].Contado2>0 || datos[arrSG].CTarjeta2>0) {
          fila += '<table class="table table-striped">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-abonado">Pago 2  </td>';  
          fila += '<td class="total-abonado">Folio: '+datos[arrSG].folio2+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Fecha:</td>';  
          fila += '<td class="total-ticket">'+datos[arrSG].Fecha2+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>'; 
          fila += '<td class="total-ticket">Contado:</td>';  
          fila += '<td class="total-ticket">$ '+datos[arrSG].Contado2+'</td>';  
          fila +=  '</tr>';
          fila +=  '<tr">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Tarjeta:</td>';  
          fila += '<td class="total-ticket">$ '+Number(datos[arrSG].CTarjeta2)+'</td>';  
          fila +=  '</tr>';
          fila += '</table>';
         
             }
          if (datos[arrSG].Contado3>0 || datos[arrSG].CTarjeta3>0) {
          fila += '<table class="table table-striped">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-abonado">Pago 3  </td>';  
          fila += '<td class="total-abonado">Folio: '+datos[arrSG].folio3+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Fecha:</td>';  
          fila += '<td class="total-ticket">'+datos[arrSG].Fecha3+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>'; 
          fila += '<td class="total-ticket">Contado:</td>';  
          fila += '<td class="total-ticket">$ '+datos[arrSG].Contado3+'</td>';  
          fila +=  '</tr>';
          fila +=  '<tr">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Tarjeta:</td>';  
          fila += '<td class="total-ticket">$ '+Number(datos[arrSG].CTarjeta3)+'</td>';  
          fila +=  '</tr>';
          fila += '</table>';
         
             }
          if (datos[arrSG].Contado4>0 || datos[arrSG].CTarjeta4>0) {
          fila += '<table class="table table-striped">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-abonado">Pago 4  </td>';  
          fila += '<td class="total-abonado">Folio: '+datos[arrSG].folio4+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Fecha:</td>';  
          fila += '<td class="total-ticket">'+datos[arrSG].Fecha4+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>'; 
          fila += '<td class="total-ticket">Contado:</td>';  
          fila += '<td class="total-ticket">$ '+datos[arrSG].Contado4+'</td>';  
          fila +=  '</tr>';
          fila +=  '<tr">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Tarjeta:</td>';  
          fila += '<td class="total-ticket">$ '+Number(datos[arrSG].CTarjeta4)+'</td>';  
          fila +=  '</tr>';
          fila += '</table>';
         
             }
                fila += '<div class="domicilio-empresa-ticket" ><br/></div>';
                fila += '<table class="table table-striped">';
                fila +=  '<tr class="total-cuenta">';
                fila +=  '<td></td><td></td><td></td>';     
                fila += '<td class="total-ticket">Total:</td>';  
                fila += '<td class="total-ticket">$ '+datos[arrSG].TotalPagar+'</td>';  
                fila +=  '</tr>';
                fila +=  '<td></td><td></td><td></td>'; 
                fila += '<td class="total-ticket">Abonado:</td>';  
                fila += '<td class="total-ticket">$ '+datos[arrSG].Abono+'</td>';  
                fila +=  '</tr>';
                fila +=  '<tr">';
                fila +=  '<td></td><td></td><td></td>';     
                fila += '<td class="total-ticket">Restan:</td>';  
                fila += '<td class="total-ticket">$ '+datos[arrSG].Adeudo+'</td>';  
                fila +=  '</tr>';          
                fila += '</table>';
            }
           }
          }
          imprimirDetalle(fila, folio);
       
          });
        $('.imprimirDetallePr').click(function() { 
           var uno=$(this).siblings('.idventaPr').text();
           //alert(uno);
           var folio = $('#folioVenta').val();
          var cliente = $('#NombreCliente').val();
          var datos = <?php echo json_encode($consulta4, JSON_PRETTY_PRINT);?>;
          var fila =  '';
          
          fila += '<div class="datos-dos">';
          fila += '<div class="nombre-cliente-ticket">HISTÓRICO DE PAGOS</div>';
          fila += '<div class="nombre-cliente-ticket">Cliente: '+cliente+'</div>';
          fila += '<div class="domicilio-empresa-ticket" ><br/></div>';
           fila += '</div>';
          
          if (datos!="") {
          

       for(var arrPr = 0; arrPr < datos.length; arrPr++){
         console.log(datos[arrPr]);
         if (uno==datos[arrPr].IdVentasPromociones) { 
        
          fila += '<div class="datos-dos">';
          fila += '<div class="nombre-cliente-ticket">Promoción: '+datos[arrPr].NombrePromocion+'</div>';
          fila += '</div>';
          fila += '<table class="table table-striped">';
        
          fila += '<table class="table table-striped">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-abonado">Pago 1  </td>';  
          fila += '<td class="total-abonado">Folio:'+datos[arrPr].folio+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Fecha:</td>';  
          fila += '<td class="total-ticket">'+datos[arrPr].Fecha1+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>'; 
          fila += '<td class="total-ticket">Contado:</td>';  
          fila += '<td class="total-ticket">$ '+datos[arrPr].Contado1+'</td>';  
          fila +=  '</tr>';
          fila +=  '<tr">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Tarjeta:</td>';  
          fila += '<td class="total-ticket">$ '+(Number(datos[arrPr].CTarjeta1)+Number(datos[arrPr].CTarjeta1A))+'</td>';  
          fila +=  '</tr>';          
          fila += '</table>';
          if (datos[arrPr].Contado2>0 || datos[arrPr].CTarjeta2>0) {
          fila += '<table class="table table-striped">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-abonado">Pago 2  </td>';  
          fila += '<td class="total-abonado">Folio: '+datos[arrPr].folio2+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Fecha:</td>';  
          fila += '<td class="total-ticket">'+datos[arrPr].Fecha2+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>'; 
          fila += '<td class="total-ticket">Contado:</td>';  
          fila += '<td class="total-ticket">$ '+datos[arrPr].Contado2+'</td>';  
          fila +=  '</tr>';
          fila +=  '<tr">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Tarjeta:</td>';  
          fila += '<td class="total-ticket">$ '+Number(datos[arrPr].CTarjeta2)+'</td>';  
          fila +=  '</tr>';
          fila += '</table>';
         
             }
          if (datos[arrPr].Contado3>0 || datos[arrPr].CTarjeta3>0) {
          fila += '<table class="table table-striped">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-abonado">Pago 3  </td>';  
          fila += '<td class="total-abonado">Folio: '+datos[arrPr].folio3+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Fecha:</td>';  
          fila += '<td class="total-ticket">'+datos[arrPr].Fecha3+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>'; 
          fila += '<td class="total-ticket">Contado:</td>';  
          fila += '<td class="total-ticket">$ '+datos[arrPr].Contado3+'</td>';  
          fila +=  '</tr>';
          fila +=  '<tr">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Tarjeta:</td>';  
          fila += '<td class="total-ticket">$ '+Number(datos[arrPr].CTarjeta3)+'</td>';  
          fila +=  '</tr>';
          fila += '</table>';
         
             }
          if (datos[arrPr].Contado4>0 || datos[arrPr].CTarjeta4>0) {
          fila += '<table class="table table-striped">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-abonado">Pago 4  </td>';  
          fila += '<td class="total-abonado">Folio: '+datos[arrPr].folio4+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Fecha:</td>';  
          fila += '<td class="total-ticket">'+datos[arrPr].Fecha4+'</td>';  
          fila +=  '</tr>';
          fila +=  '<td></td><td></td><td></td>'; 
          fila += '<td class="total-ticket">Contado:</td>';  
          fila += '<td class="total-ticket">$ '+datos[arrPr].Contado4+'</td>';  
          fila +=  '</tr>';
          fila +=  '<tr">';
          fila +=  '<td></td><td></td><td></td>';     
          fila += '<td class="total-ticket">Tarjeta:</td>';  
          fila += '<td class="total-ticket">$ '+Number(datos[arrPr].CTarjeta4)+'</td>';  
          fila +=  '</tr>';
          fila += '</table>';
         
             }
                fila += '<div class="domicilio-empresa-ticket" ><br/></div>';
                fila += '<table class="table table-striped">';
                fila +=  '<tr class="total-cuenta">';
                fila +=  '<td></td><td></td><td></td>';     
                fila += '<td class="total-ticket">Total:</td>';  
                fila += '<td class="total-ticket">$ '+datos[arrPr].TotalPagar+'</td>';  
                fila +=  '</tr>';
                fila +=  '<td></td><td></td><td></td>'; 
                fila += '<td class="total-ticket">Abonado:</td>';  
                fila += '<td class="total-ticket">$ '+datos[arrPr].Abono+'</td>';  
                fila +=  '</tr>';
                fila +=  '<tr">';
                fila +=  '<td></td><td></td><td></td>';     
                fila += '<td class="total-ticket">Restan:</td>';  
                fila += '<td class="total-ticket">$ '+datos[arrPr].Adeudo+'</td>';  
                fila +=  '</tr>';          
                fila += '</table>';
            }
           }
          }
          imprimirDetalle(fila, folio);
       
          });

         function imprimirDetalle(fila, folio)
         {
         // console.log(fila);
         var miVentana=window.open();
         var idFranquicia = $('#franquicia').val();
         var contenidoMiVentana = fila;
           
              miVentana.document.write('<html><head><title>Historial_Pagos_'+folio+'</title>');
              miVentana.document.write('<link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/styles.css'?>">'); //Aquí agregué la hoja de estilos
              miVentana.document.write('<link rel="stylesheet" href="<?php echo base_url();?>assets/bootstrap/css/bootstrap.css">');
             
              miVentana.document.write('<body>');
              miVentana.document.write('<div class="logo-empresa">');
              miVentana.document.write('<img src="<?php echo base_url().'assets/dist/img/logo.png'?>" alt="Italian Trulli">');
              miVentana.document.write('</div>');
              miVentana.document.write('<div class="datos">');
              miVentana.document.write('<div class="nombre-empresa-ticket"><?php echo $datosFranquiciaTicket->NombreFranquicia?></div>');
              if (idFranquicia!=16) {
               miVentana.document.write(  '<div class="razon-empresa-ticket">R.S:<?php echo $datosFranquiciaTicket->RazonSocial?></div>');
              }
               
             miVentana.document.write('<div class="regimen-empresa-ticket"><?php echo $datosFranquiciaTicket->RegimenFiscal?></div>');
             miVentana.document.write('<div class="rfc-empresa-ticket">RFC: <?php echo $datosFranquiciaTicket->RFC?></div>');
             miVentana.document.write('<div class="domicilio-empresa-ticket"><?php echo $datosFranquiciaTicket->DomicilioFiscal;?>CP: <?php echo $datosFranquiciaTicket->CP;?></div>');
             miVentana.document.write('</div>');
              miVentana.document.write('<div class="ticket-1">');
              miVentana.document.write(contenidoMiVentana);
              miVentana.document.write('<br/><div class="footer-ticket">Salud y Belleza con la mejor tecnología a tu alcance</div>');
              miVentana.document.write('<a class="link-model" href="https://www.modelartspa.com"></a>');
              miVentana.document.write('<div class="agrdecimiento-model">"GRACIAS POR SU VISITA"</div>');      
              miVentana.document.write('</div>');
             
               
              miVentana.document.write('</body></html>');
              miVentana.document.close();  
              miVentana.focus();
                miVentana.onload = function() {
                  miVentana.print();

                  miVentana.close();
                  setTimeout(function () { window.print(); }, 500);
                  miVentana.onafterprint = function(){
                   console.log("Printing completed...");
                   window.location.href=""

                    }

                          (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;

              }());
             }
               
            }
                 
          
                
        

          
      
    if ($('#Abono').val()!="") {
      console.log("Hay abono");
      var entrada =$("#Abono").val();
      var Resultado = CifrasEnLetras.convertirEurosEnLetras(entrada);
      document.getElementById('AbonoLetra').value=Resultado;
     }
 
  });
</script>