<link rel=icon href='img/logonino.jpeg' sizes="32x32" type="image/jpeg">
<?php
	
	session_start();
	if (!isset($_SESSION['user_login_status']) AND $_SESSION['user_login_status'] != 1) {
        header("location: login.php");
		exit;
        }
	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
	include("modal/estado_cuenta.php");
	
	
	$active_facturas="";
	$active_productos="";
	$active_clientes="";
	$active_usuarios="";
	$active_proformas="";
	$active_adquisiciones="active";
	$title="ADQUISICIONES |" .NOMBRE_EMPRESA;
?>
<!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">
		    	<?php 
				if($_SESSION['rol']=="gerencia" || $_SESSION['rol']=="compras" || $_SESSION['user_name']=="lbittar")
				{ 
				?>
					<div class="btn-group pull-right">
						<a href="nueva_compra.php" class="btn btn-info"><span class="glyphicon glyphicon-plus" ></span> Nueva Compra</a>
					</div>
					<div class="btn-group pull-right" style="margin-right:10px;">
						<a href="proveedores.php" class="btn btn-info"><span class="glyphicon glyphicon-book"></span> Proveedores</a>
					</div>
				<?php 
				} 
				?>
            <h4><i class='glyphicon glyphicon-search'></i> Buscar Compras</h4>
		</div>
			<div class="panel-body">
            	<form class="form-horizontal" role="form" id="datos_cotizacion">
				
						<div class="form-group row">
							<label for="q" class="col-md-2 control-label">Proveedor o num de Factura</label>
							<div class="col-md-5">
								<input type="text" class="form-control" id="q" placeholder="Nombre del Proveedor o numero de Factura" onkeyup='load(1);'>
							</div>
						</div>
				
				
				
				</form>
						
            	<div id="resultados"></div><!-- Carga los datos ajax -->
				<div class='outer_div'></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/adquisiciones.js"></script>
   
  </body>
</html>
<script>
$(document).ready(function () {
    // Usamos 'click' en el botón en lugar de 'show.bs.modal' para asegurar la captura
    $(document).on('click', '[data-target="#estado_cuenta"]', function() {
        
        // 1. Capturamos los datos del botón que se presionó
        var id_factura = $(this).attr('data-id');
        var por_pagar = $(this).attr('data-id2');
        var abonado = $(this).attr('data-id3');
        
        console.log("Cargando factura: " + id_factura); // Revisa esto en F12

        // 2. Inyectamos los datos en la cabecera del modal
        $(".fac").text(id_factura);
        $(".por_pagar").text(por_pagar);
        $(".abonos").text(abonado);
        
        // 3. Limpiamos y preparamos el área del AJAX
        $(".contenido_detalle_cuenta").html('<p class="text-center">Cargando detalles...</p>');
        $("#loader2").show();

        // 4. Llamada AJAX
        $.ajax({
            type: "GET",
            url: "ajax/detalle_abono.php?id=" + id_factura,
            success: function(datos){
                $(".contenido_detalle_cuenta").html(datos);
                $("#loader2").hide();
            },
            error: function() {
                $(".contenido_detalle_cuenta").html("<p class='text-danger'>Error al conectar con el servidor.</p>");
            }
        });
    });
});
</script>