<script src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
		$("#monto").blur(function(){
			$.post("miarchivo4.php", {"monto":$("#monto").val(),"num_fac":$("#num_fact").val(), "nombre_cliente":$("#nombre_cliente").val() }, function(data){
				if(data.monto){
				$("#monto").val("");
				$("#monto").focus();
				alert("Monto no debe ser mayor a la deuda");	
				}
			},"json");
		});
	});

</script>

<style>
#primero {
    width: 45%;
    float: left;
    height: 600px;
	padding: 5px;
	font-size:10px;
	border:#000;
	border-style:solid; 
}

#segundo {
    width: 55%;
    float: right;
    height: 600px;
	padding: 5px;
	overflow-y: auto;  
	border:#000;
	border-style:solid; 
}
</style>
<link rel=icon href='img/logonino.jpeg' sizes="32x32" type="image/jpeg">

<?php
	/* Connect To Database*/
	require_once ("config/db.php");//Contiene las variables de configuracion para conectar a la base de datos
	require_once ("config/conexion.php");//Contiene funcion que conecta a la base de datos
	session_start();
	if (!isset($_SESSION['user_login_status']) AND $_SESSION['user_login_status'] != 1) {
        header("location: login.php");
		exit;
        }
	$active_facturas="";
	$active_productos="";
	$active_clientes="";
	$active_usuarios="";
	$active_adquisiciones="active";
		
	$title="Cobro a Clientes | ".NOMBRE_EMPRESA;
	
	
	
	if (isset($_GET['id_factura']))
	{
		$id_factura=intval($_GET['id_factura']);
		
		$sql_abono=mysqli_query($con,"select * from facturas, clientes where facturas.id_cliente=clientes.id_cliente and id_factura='".$id_factura."'");
		$count=mysqli_num_rows($sql_abono);
		if ($count==1)
		{
				$rw_factura=mysqli_fetch_array($sql_abono);
				$id_cliente=$rw_factura['id_cliente'];
				$nombre_cliente=$rw_factura['nombre_cliente'];
				$telefono_cliente=$rw_factura['telefono_cliente'];
				$email_cliente=$rw_factura['email_cliente'];
				$fecha_factura=date("d/m/Y", strtotime($rw_factura['fecha_factura']));
				$numero_factura=$rw_factura['numero_factura'];
				$por_cobrar=number_format($rw_factura['por_cobrar'],2,",", ".");
				$abonado=number_format($rw_factura['abono'],2,",", ".");
				$_SESSION['id_factura']=$id_factura;
				$_SESSION['numero_factura']=$numero_factura;
				$_SESSION['cliente']=$id_cliente;
		}	
		else
		{
			header("location: facturas.php");
			exit;	
		}
	} 
	else 
	{
		header("location: facturas.php");
		exit;
	}
?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <?php include("head.php");?>
  </head>
  <body>
	<?php
	include("navbar.php");
	?>  
    <div class="container" style="width:98%">
	  <div class="panel panel-info">
		<div class="panel-heading">
			<h4><i class='glyphicon glyphicon-edit'></i>Procesar Cobro a Clientes</h4>
		</div>
		<div class="panel-body">
        	<div id="primero">
				<form class="form-horizontal" role="form" action="ajax/registrar_abono_cli.php" method="post">
            		<div class="table-responsive" align="center">
                 		<table align="left">
                 			<tr>
                 				<td style="padding-right:20px;">
						  			<h4 style="font-size:14px;">CLIENTE: <?php echo $nombre_cliente;?> </h4>
                          			<input type="text" id="id_cliente" name="id_cliente" style="visibility:hidden;" value="<?php echo $id_cliente;?>">					
                                </td>
                                <td>
                 					<h4 style="font-size:14px;"> FACTURA: <?php echo $numero_factura?> </h4>
                            		<input type="text" id="num_fact" name="num_fact" style="visibility:hidden;" value="<?php echo $numero_factura?>">
				  				</td>
                			</tr>
                   			<tr>
					   			<td>
                        			<h4 style="font-size:14px;">FECHA DE PAGO
                            		<input type="date" class="form-control input-sm" id="fecha_pago" name="fecha_pago" required></h4>
          						</td>
                   			</tr>
              			</table>
                		<br>
                		</br>
                		<table class="table">
                    		<tr> 
	                   		<td>
    	                			<h4 style="font-size:14px;" align="left">FORMA DE PAGO</h4>
        	        			</td>
                    		</tr>
                    		<tr>
                       			<td>
                          			<select class='form-control input-sm' id="condiciones" name="condiciones">
                             			<option value="" selected> Seleccione forma de Pago</option>
										<option value="Efectivo BsD">Efectivo BsD</option>
										<option value="Efectivo $">Efectivo $</option>
										<option value="Punto">Punto POS</option>
										<option value="Transferencia bancaria">Transferencia o pago movil</option>
                                		
						  			</select>
								</td>
                   			</tr>
                    		<tr>
                    			<td>
										<select class='form-control input-sm' id="banco" name="banco" style="display:none;">
  <option value="">Seleccione un banco</option>
  <option value="0156">100%BANCO</option>
  <option value="0196">ABN AMRO BANK</option>
  <option value="0172">BANCAMIGA BANCO MICROFINANCIERO, C.A.</option>
  <option value="0171">BANCO ACTIVO BANCO COMERCIAL, C.A.</option>
  <option value="0166">BANCO AGRICOLA</option>
  <option value="0175">BANCO BICENTENARIO</option>
  <option value="0128">BANCO CARONI, C.A. BANCO UNIVERSAL</option>
  <option value="0164">BANCO DE DESARROLLO DEL MICROEMPRESARIO</option>
  <option value="0102">BANCO DE VENEZUELA S.A.I.C.A.</option>
  <option value="0114">BANCO DEL CARIBE C.A.</option>
  <option value="0149">BANCO DEL PUEBLO SOBERANO C.A.</option>
  <option value="0163">BANCO DEL TESORO</option>
  <option value="0176">BANCO ESPIRITO SANTO, S.A.</option>
  <option value="0115">BANCO EXTERIOR C.A.</option>
  <option value="0003">BANCO INDUSTRIAL DE VENEZUELA.</option>
  <option value="0173">BANCO INTERNACIONAL DE DESARROLLO, C.A.</option>
  <option value="0105">BANCO MERCANTIL C.A.</option>
  <option value="0191">BANCO NACIONAL DE CREDITO</option>
  <option value="0116">BANCO OCCIDENTAL DE DESCUENTO.</option>
  <option value="0138">BANCO PLAZA</option>
  <option value="0108">BANCO PROVINCIAL BBVA</option>
  <option value="0104">BANCO VENEZOLANO DE CREDITO S.A.</option>
  <option value="0168">BANCRECER S.A. BANCO DE DESARROLLO</option>
  <option value="0134">BANESCO BANCO UNIVERSAL</option>  
  <option value="0177">BANFANB</option>
  <option value="0146">BANGENTE</option>
  <option value="0174">BANPLUS BANCO COMERCIAL C.A</option>
  <option value="0190">CITIBANK.</option>
  <option value="0121">CORP BANCA.</option>
  <option value="0157">DELSUR BANCO UNIVERSAL</option>
  <option value="0151">FONDO COMUN</option>
  <option value="0601">INSTITUTO MUNICIPAL DE CREDITO POPULAR</option>
  <option value="0169">MIBANCO BANCO DE DESARROLLO, C.A.</option>
<option value="0137">SOFITASA</option>
									</select>
								</td>
                            	<td>
									<input type="text" class="form-control input-sm" placeholder="Ingrese Referencia" id="ref" name="ref" value="" style="display:none;">
								</td>
                        	</tr>
                        	<tr>
				             	<td>
                            		<label style="font-size:12px;">Monto Abonar</label>
                            		<input type="text" class="form-control" id="monto" name="monto" required>
                            	</td>
                      		</tr> 
                        	<tr>
                            	<td>
                            		<label style="font-size:12px;">Por Cobrar $<?php echo $por_cobrar;?></label>
                           		</td>
                        	</tr>
                        	<tr>     
                            	<td>
                            		<label style="font-size:12px;">Abonado $<?php echo $abonado;?></label>
                            	</td>
                        	</tr>
                        	<tr>    
                             	<td colspan="2">
									<div class="col-md-12 pull-right">
										<button type="submit" class="btn btn-primary">
						  					<span class="glyphicon glyphicon-refresh"></span> Procesar Pago
										</button>
						  			</div>	
								</td>
                        	</tr>
                   		</table>
              		</div>
            	</form>	
	        </div>   
         
           	<div id="segundo">
            	<div class="clearfix">
	            </div>
    	        <br>
        	    <br>
				<h4 align="center" style="font-size:12px; font-weight:bold;">DETALLE DE FACTURA Nº <?php echo $numero_factura;?></h4>
				<div class="editar_factura" class="col-md-12" style="margin-top:8px">
           	</div><!-- Carga los datos ajax -->	
			<div id="resultados" class='col-md-12' style="margin-top:10px">
        	</div><!-- Carga los datos ajax -->			
		</div>
	</div>
</div>				 
<hr>
	<?php
	include("footer.php");
	?>
	<script type="text/javascript" src="js/VentanaCentrada.js"></script>
	<script type="text/javascript" src="js/abono_cli.js"></script>
	<link rel="stylesheet" href="js/jquery-ui-1.11.4/jquery-uitheme.css">
    <script src="js/jquery-ui-1.11.4/jquery-ui.js"></script>
	<script>
		$(function() {
						$("#nombre_cliente").autocomplete({
							source: "./ajax/autocomplete/clientes.php",
							minLength: 2,
							select: function(event, ui) {
								event.preventDefault();
								$('#id_cliente').val(ui.item.id_pro);
								$('#nombre_cliente').val(ui.item.nombre_cliente);
								$('#tel1').val(ui.item.telefono_cliente);
								$('#mail').val(ui.item.email_cliente);
																
								
							 }
						});
						 
						
					});
					
	$("#nombre_cliente" ).on( "keydown", function( event ) {
						if (event.keyCode== $.ui.keyCode.LEFT || event.keyCode== $.ui.keyCode.RIGHT || event.keyCode== $.ui.keyCode.UP || event.keyCode== $.ui.keyCode.DOWN || event.keyCode== $.ui.keyCode.DELETE || event.keyCode== $.ui.keyCode.BACKSPACE )
						{
							$("#id_cliente" ).val("");
							$("#tel1" ).val("");
							$("#mail" ).val("");
											
						}
						if (event.keyCode==$.ui.keyCode.DELETE){
							$("#nombre_cliente" ).val("");
							$("#id_cliente" ).val("");
							$("#tel1" ).val("");
							$("#mail" ).val("");
						}
			});	
			
			
	$("#condiciones").on("change", function(event) {
    var condicion = $(this).val();
    var campoRef = $("#ref");
    var campoBanco = $("#banco");

    if (condicion === "Transferencia bancaria") {
        campoBanco.fadeIn().prop("required", true);
        campoRef.fadeIn().prop("required", true);
    } else {
        campoBanco.fadeOut().prop("required", false).val("");
        campoRef.fadeOut().prop("required", false).val("");
    }
});

	</script>

  </body>
</html>