<link rel="stylesheet" type="text/css" href="styles/jquery-ui-1.10.3.custom.css">
<link rel="stylesheet" type="text/css" href="styles/jquery.dataTables.css">
<script src="scripts/functions.js"></script>
<script src="scripts/prefixfree.min.js"></script>
<script src="scripts/jquery.dataTables.js"></script>
<script src="scripts/jquery-ui-1.10.3.custom.js"></script>
<style>
#primero {
    width: 55%;
    float: left;
    height: 600px;
	padding: 2px;
	font-size:10px;
	border:#000;
	border-style:solid; 
}

#segundo {
    width: 45%;
    float: right;
    height: 600px;
	padding: 2px;
	overflow-y: auto;  
	border:#000;
	border-style:solid;
	z-index:-1;
}
</style>
<?php
error_reporting(E_ALL ^ E_NOTICE);
require_once ("config/db.php");
require_once ("config/conexion.php");
session_start();
if (!isset($_SESSION['user_login_status']) AND $_SESSION['user_login_status'] != 1) 
{
	header("location: login.php");
	exit;
}

	
	$active_proformas="";
	$active_proformas="active";
	$active_productos="";
	$active_clientes="";
	$active_usuarios="";	
	$title="Editar Proforma | ".NOMBRE_EMPRESA;
	
	if (isset($_GET['id_proforma']))
	{
		$id_proforma=intval($_GET['id_proforma']);
		$campos="clientes.id_cliente, clientes.nombre_cliente, clientes.telefono_cliente, clientes.email_cliente, proformas.id_vendedor, proformas.fecha_proforma, proformas.estado_proforma, proformas.numero_proforma, proformas.almacen";
		$sql_proforma=mysqli_query($con,"select $campos from proformas, clientes where proformas.id_cliente=clientes.id_cliente and id_proforma='".$id_proforma."'");
		$count=mysqli_num_rows($sql_proforma);
		if ($count==1)
		{
			$rw_proforma=mysqli_fetch_array($sql_proforma);
			$id_cliente=$rw_proforma['id_cliente'];
			$nombre_cliente=$rw_proforma['nombre_cliente'];
			$telefono_cliente=$rw_proforma['telefono_cliente'];
			$email_cliente=$rw_proforma['email_cliente'];
			$id_vendedor_db=$rw_proforma['id_vendedor'];
			$fecha_proforma=date("d/m/Y", strtotime($rw_proforma['fecha_proforma']));
			$estado_proforma=$rw_proforma['estado_proforma'];
			$numero_proforma=$rw_proforma['numero_proforma'];
			$almacen=$rw_proforma['almacen'];
			$_SESSION['id_proforma']=$id_proforma;
			$_SESSION['numero_proforma']=$numero_proforma;
			$_SESSION['est']=$almacen;
		}	
		else
		{
			header("location: proformas.php");
			exit;	
		}
	} 
	else 
	{
		header("location: proformas.php");
		exit;
	}
	?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <?php include("head.php");?>
  </head>
  <body>
	<?php
	include("navbar.php");
	?>
    <div class="container" style="width:99%;">
		<div class="panel panel-info">
			<div class="panel-heading">
				<h4><i class='glyphicon glyphicon-edit'></i> Editar Proforma <?php echo $numero_proforma;?></h4>
			</div>
			<div class="panel-body">
				<?php 
				include("modal/registro_clientes.php");
				?>
				<form class="form-horizontal" role="form" id="datos_proforma">
            		<div class="table-responsive">
						<table width="100%" class="table">
                			<tr>
                				<td>
                					<h4 style="font-size:12px;">PROFORMA: <?php echo $numero_proforma;?></h4>
									<input type='hidden' id="num_fac" name="num_fac" value="<?php echo $numero_proforma;?>">
                                    <input type='hidden' id="id_proforma" name="id_proforma" value="<?php echo $id_proforma;?>">
                				</td>
                				<td>
                					<?php
									$id_vendedor=$_SESSION['user_id'];
									$sql_vendedor=mysqli_query($con,"select * from users where user_id=$id_vendedor");
									while ($rw=mysqli_fetch_array($sql_vendedor))
									{
										$nombre_vendedor=$rw["firstname"]." ".$rw["lastname"];
									}
 									?>
                       				<h4 style="font-size:12px;">VENDEDOR: <?php echo $nombre_vendedor;?></h4>
									<input type="hidden" id="nombre_vendedor" name="nombre_vendedor" value="<?php echo $nombre_vendedor?>">
									<input type="hidden" class="form-control input-sm" id="id_vendedor" name="id_vendedor" value="<?php echo $id_vendedor?>">
               					</td>
                				<td>
                					<h4 style="font-size:12px;">FECHA: <?php echo date("d/m/Y");?></h4>
									<input type="hidden" class="form-control input-sm" id="fecha" name="fecha" value="<?php echo $fecha_proforma;?>">
								</td>
                				<td width="50%"></td>
                			</tr>
                			<tr>
                				<td>
                					<h4 style="font-size:12px;">CLIENTE: </h4>
                    			</td>
               					<td>
                					<input type="text" class="form-control input-sm" id="nombre_cliente" placeholder="Selecciona un cliente" required value="<?php echo $nombre_cliente;?>">
					 				 <input id="id_cliente" name="id_cliente" type='hidden' value="<?php echo $id_cliente;?>">	
	            				</td>
                				<td>
                					<button type="button" class="btn btn-default" data-toggle="modal" data-target="#nuevoCliente">
		 								<span class="glyphicon glyphicon-user"></span> Nuevo cliente
									</button>	
                				</td>
                				<td colspan="50%" class='text-center'>
                 				<div class="col-md-12">
						<div class="pull-right">
							<button type="submit" class="btn btn-default">
						  	<span class="glyphicon glyphicon-refresh"></span> Actualizar datos
							</button>
						</div>	
					</div>
                				</td>
                			</tr>
                		</table>
					</div>
            	</form>
                     		
				<div id="primero">
                	<div class="modal-header" style="margin-top:-15px;">
						<h4 class="modal-title" style="font-size:14px;">BUSCAR PRODUCTOS</h4>
					</div>
					<div class="modal-body">
						<form class="form-horizontal">
							<div class="form-group">
								<div class="col-sm-6">
                		    		<input type="text" class="form-control" id="q" placeholder="Buscar productos" onKeyUp="load(1)">
								</div>
							</div>
						</form>
						<div class="outer_div" ></div><!-- Datos ajax Final -->
					</div>
            	</div>
            
            	<div id="segundo">
    	        	<div class="clearfix"></div>
            		<br>
					<br>
					<h4 align="center" style="font-size:12px; font-weight:bold;">DETALLE DE PROFORMA Nº <?php echo $numero_proforma;?></h4>
 					<div class="editar_proforma" class='col-md-12' style="margin-top:10px"></div><!-- Carga los datos ajax -->	
					<div id="resultados" class='col-md-12' style="margin-top:10px"></div><!-- Carga los datos ajax -->			
					
				</div>
   			</div>		
		</div>
    </div>
	<hr>
	<?php
	include("footer.php");
	?>
	<script type="text/javascript" src="js/VentanaCentrada.js"></script>
	<script type="text/javascript" src="js/editar_proforma.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_cliente);
								$('#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("");
						}
			});	
	</script>

  </body>
</html>