<!DOCTYPE HTML>
<!--
	Desarrollado por: Eduardo Alfonso Torres Luna
-->
<html>
	<head>
		<title>SISTEMA DE CONTROL COMERCIAL</title>
		<meta charset="iso-8859-1" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="assets/css/main.css" />
		<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
	    <style type="text/css">
<!--
.Estilo16 {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
-->
        </style>
</head>
	<body>
	
		<div id="aula_virtual" style=" height:20px; ">  
		  
		</div>		
			
		<div id="page-wrapper">
			<div id="header-wrapper">
				<div class="container">
					<div class="row">
						<div class="12u">

							<?php
							include("cabecera.php");
							
							?>

						</div>
					</div>
				</div>
			</div>
			
			<?php
			include("conexion.php");			
			
			@$xaccion2=$_REQUEST['xaccion2'];
			@$xcriterio=$_REQUEST['xcriterio'];												
			
			
			?>
			
			
			
			
			<div id="main">
				<div class="container">
					<div class="row main-row">
					
					
					
						<div class="4u 12u(mobile)">

							<section>
								<h2>Registro de Clientes</h2>
								<ul >
									
										<br>	
										  <li>
												<a href="clientes.php"  onClick="accion_cliente('adicionar'); return false;"><img src="images/icono_nuevo.png" alt="Adicionar nuevo" width="20" class="left" /></a>
												
												<a href="clientes.php" onClick="accion_cliente('adicionar'); return false;">
												<h4>Adicionar nuevo cliente</h4>
												</a>

										  </li>

										  <li style="margin-top:20px;">
												
												
												<form name="form_buscar" id="form_buscar" method="post" action="clientes.php">
												
												<div align="left" style="float:left">
								    			Buscar
												</div>														
												
												<div align="left" style="float:left">
								    			<input class="input_texto_buscar" id="xcriterio" type="text" name="xcriterio" value="<?php echo $xcriterio; ?>" >
												<input name="xaccion2"  type="hidden" class="input_texto" id="xaccion2" value="buscar">
												</div>

												<div align="left" style="float:left; margin-left:10px;">
								    			<a href="clientes.php"  onClick="buscar(); return false;"><img src="images/buscar.png" alt="Buscar" width="25" class="left" /></a>
												</div>
												
												</form>

										  </li>

											
									
								</ul>
							</section>

							<section>
								<h2>Listado de clientes</h2>
							</section>

							<section>
								<div>
									<div class="row">
										<div class="6u 12u(mobile)" style="width:100%;">
											<ul class="link-list">
											
											
											    <table width="430" border="1" cellpadding="1" cellspacing="1" >
												
                                                  <tr style="background-color:#A81B00; color:#FFFFFF;">
                                                    <td height="26" class="Estilo16">&nbsp;</td>
                                                    <td class="Estilo16">&nbsp;</td>
                                                    <td valign="top" class="Estilo16">&nbsp;</td>
                                                    <td valign="middle" class="Estilo16">Nombre cliente </td>
                                                    <td valign="middle" class="Estilo16">C&oacute;digo</td>
                                                  </tr>
												
												
                                                  <?php
								
								//CONSULTA SQL PARA DESPLEGAR EL LISTADO DE CATEGORIAS
								if(isset($xaccion2)){
																				
									$result1=mysqli_query($conexion,"SELECT * FROM personas p 
																where pertip_codi_fk=2 AND 
																(p.per_nombre_comercial like '%$xcriterio%' OR 
																p.per_razon_social like '%$xcriterio%' OR 
																p.per_ruc like '%$xcriterio%' OR 
																p.per_nombre like '%$xcriterio%' OR 
																p.per_apellido like '%$xcriterio%' OR 
																p.per_email like '%$xcriterio%' OR 
																p.per_codigo like '%$xcriterio%') 
																order by per_nombre_comercial;");

								}else{
									$result1=mysqli_query($conexion,"SELECT * FROM personas p 
																	WHERE pertip_codi_fk=2 
																	order by p.per_nombre_comercial 
																	limit 10;");
								
								}

								$nn=0;
								while($row1=mysqli_fetch_array($result1)){
									$nn=$nn+1;
								
								?>
                                                  <tr id="tr<?php echo $nn;?>" style=" cursor:default; background-color:#FFFFFF;"  onmouseover="resaltar('#F9F38A',this.id);" onMouseOut="resaltar('#FFFFFF',this.id);" >
                                                    <td width="21" class="Estilo16"><div align="center"><a href="#" onClick="accion_cliente(
															'modificar',
															<?php echo $row1['per_codi']; ?>,
															'<?php echo $row1['per_nombre_comercial']; ?>',
															'<?php echo $row1['per_razon_social']; ?>',
															'<?php echo $row1['per_ruc']; ?>',
															'<?php echo $row1['per_nombre']; ?>',
															'<?php echo $row1['per_apellido']; ?>',
															'<?php echo $row1['per_email']; ?>',
															<?php echo $row1['per_credito']; ?>,
															'<?php echo $row1['per_telefono1']; ?>',
															'<?php echo $row1['per_telefono2']; ?>',																														
															'<?php echo addslashes(  str_replace("\r\n", ". ", $row1['per_direccion1'])  ); ?>',																														
															'<?php echo addslashes(  str_replace("\r\n", ". ", $row1['per_direccion2'])  ); ?>',																																													
															'<?php echo $row1['per_importe_credito']; ?>',
															'<?php echo $row1['per_importe_sobregiro']; ?>',
															'<?php echo $row1['per_codigo']; ?>',																														
															'<?php echo $row1['per_ruc_dni_tipo']; ?>'																																																																											
															); return false;"><img src="images/icono_editar.png" alt="Modificar" width="20" class="left" /></a></div></td>
                                                    <td width="21" class="Estilo16"><div align="center"><a href="#" onClick="accion_cliente(
															'eliminar',
															<?php echo $row1['per_codi']; ?>,
															'<?php echo $row1['per_nombre_comercial']; ?>',
															'<?php echo $row1['per_razon_social']; ?>',
															'<?php echo $row1['per_ruc']; ?>',
															'<?php echo $row1['per_nombre']; ?>',
															'<?php echo $row1['per_apellido']; ?>',
															'<?php echo $row1['per_email']; ?>',
															<?php echo $row1['per_credito']; ?>,
															'<?php echo $row1['per_telefono1']; ?>',
															'<?php echo $row1['per_telefono2']; ?>',															
															'<?php echo addslashes(  str_replace("\r\n", ". ", $row1['per_direccion1'])  ); ?>',																														
															'<?php echo addslashes(  str_replace("\r\n", ". ", $row1['per_direccion2'])  ); ?>',																																													
															'<?php echo $row1['per_importe_credito']; ?>',
															'<?php echo $row1['per_importe_sobregiro']; ?>',
															'<?php echo $row1['per_codigo']; ?>',
															'<?php echo $row1['per_ruc_dni_tipo']; ?>'																
															); return false;"><img src="images/icono_eliminar.png" alt="Eliminar" width="20" class="left" /></a></div></td>
                                                    <td width="16" valign="top" class="Estilo16"><div align="center"><span style="float:left; padding:0px;">
                                                      <input name="checkbox" type="checkbox" id="chk_<?php echo $row1['per_codi']; ?>" onClick="cambiar_estado_cliente(<?php echo $row1['per_codi']; ?>, this.checked);" value="checkbox" checked <?php if($row1['per_estado']==1){ ?> <?php }	 ?> >
                                                    </span></div></td>
                                                    <td width="258" valign="middle" class="Estilo16"><div align="left"><?php echo $row1['per_nombre_comercial']; ?></div></td>
                                                    <td width="86" valign="middle" class="Estilo16"><div align="left"><?php echo $row1['per_codigo']; ?></div></td>
                                                  </tr>
                                                  <?
								}
								?>
                                                  <tr  >
                                                    <td class="Estilo16">&nbsp;</td>
                                                    <td class="Estilo16">&nbsp;</td>
                                                    <td class="Estilo16">&nbsp;</td>
                                                    <td class="Estilo16">&nbsp;</td>
                                                    <td class="Estilo16">&nbsp;</td>
                                                  </tr>
                                                </table>
										    </ul>
									  </div>
										
									</div>
								</div>
							</section>

						</div>
					
					
					<a name="enfoque1"></a>
					
						<div class="8u 12u(mobile)">

							<section class="left-content">
								<h2><div id="titulo_formulario" align="left">Nuevo cliente</div>
								</h2>
								<div align="justify">
								
								  <form name="form_procesos" id="form_procesos" method="post" target="frame_procesos" action="procesos/clientes.php">
								  <br>
								  
								  <div class="input_texto" align="left"><a href="#">
								  Importar datos de SUNAT
								  </a></div>
								  
								  <div class="input_texto" align="left" style="padding-top:20px;">
								  Ingrese el número de RUC del cliente
								  </div>
								  <div align="left" style="padding-bottom:20px;">
								    <input class="input_texto" style="width:200px;" onKeyPress="return comillas(event)" id="xruc_importar" type="text" name="xruc_importar" required >
									
									<input style="padding:5px;" type="button" onClick="importar_datos_ruc(document.getElementById('xruc_importar').value,'clientes');" name="Submit" value=" Importar datos ">
								  </div>
								  <div align="center">
								  <div id="d_ruc_ajax" class="input_texto" align="center">
									...
								  </div>
								  </div>
								  
								  
								  
								  
								  <div id="d_codigo" class="input_texto" align="left" style="display:block">
								  
								  </div>
								  
								  <div class="input_texto" align="left">
								  Nombre comercial*
								  </div>
								  <div align="left">
								    <input class="input_texto" onKeyPress="return comillas(event)" onChange="clonar_nombrecomercial()"  id="xnombres" type="text" name="xnombres" required >
								  </div>

								  <div align="left" style="padding:20px;"><a href="#" onClick="vermasdatos(document.getElementById('xvermas').value); return false;">Ver más datos </a>
								    <input name="xvermas" type="hidden" id="xvermas" value="0" size="4">
								  </div>

								<div id="d_masdatos" style="display:block;">
								  <div class="input_texto"  align="left">Raz&oacute;n social </div>
								  <div align="left">
								    <input class="input_texto" onKeyPress="return comillas(event)"  id="xrazonsocial" type="text" name="xrazonsocial">
								  </div>
								  
								  <div class="input_texto" style="margin-top:20px;"  align="left">Tipo de documento de identidad *</div>
								  <div align="left">
								    <select class="input_texto" style="width:100px;" name="xper_ruc_dni_tipo"  id="xper_ruc_dni_tipo" >
								      <option value=""></option>
								      <option value="1">DNI</option>
								      <option value="6">RUC</option>
							        </select>
							      </div>								  
								  
								  <div class="input_texto"  align="left">Nro. de documento (Ruc/Dni) </div>
								  <div align="left">
								    <input class="input_texto" onKeyPress="return comillas(event)"  id="xruc" type="text" name="xruc" maxlength="11">
								  </div>
								  <div class="input_texto"  align="left">Nombre de contacto </div>
								  <div align="left">
								    <input class="input_texto" onKeyPress="return comillas(event)"  id="xnombre_contacto" type="text" name="xnombre_contacto">
								  </div>								  
								  <div class="input_texto"  align="left">Apellido de contacto</div>
								  <div align="left">
								    <input class="input_texto" onKeyPress="return comillas(event)"  id="xapellido_contacto" type="text" name="xapellido_contacto">
								  </div>								  
								  <div class="input_texto"  align="left">Email </div>
								  <div align="left">
								    <input class="input_texto" onKeyPress="return comillas(event)"  id="xemail" type="text" name="xemail">
								  </div>								  

								  <div class="input_texto"  align="left">Teléfono 1</div>
								  <div align="left">
								    <input class="input_texto" onKeyPress="return comillas(event)"  id="xtelefono1" type="text" name="xtelefono1">
								  </div>								  
								  <div class="input_texto"  align="left">Teléfono 2</div>
								  <div align="left">
								    <input class="input_texto" onKeyPress="return comillas(event)"  id="xtelefono2" type="text" name="xtelefono2">
								  </div>								  

								  <div class="input_texto"  align="left">Dirección 1</div>
								  <div align="left">
								    <textarea  onKeyPress="return comillas(event)"  name="xdireccion1" rows="3" class="input_texto" id="xdireccion1"></textarea>
								  </div>								  

								  <div class="input_texto"  align="left">Dirección 2</div>
								  <div align="left">
								    <textarea onKeyPress="return comillas(event)"  name="xdireccion2" rows="3" class="input_texto" id="xdireccion2"></textarea>
								  </div>								  

								  <div class="input_texto" style="margin-top:20px;"  align="left">Crédito </div>
								  
								  <label>
								  <div align="left">
								  <input type="checkbox" name="xcredito" id="xcredito" value="1">
								    Tiene cr&eacute;dito aprobado
								      
								  </div>
								  </label>
								  
								  <div class="input_texto" style="margin-top:10px;"  align="left">Línea de crédito</div>
								  <div align="left">
								    <input class="input_texto" onKeyPress="return comillas(event)"  id="xlinea_credito" type="text" name="xlinea_credito">
								  </div>								  
								  <div class="input_texto"  align="left">Sobregiro</div>
								  <div align="left">
								    <input class="input_texto" onKeyPress="return comillas(event)"  id="xsobregiro" type="text" name="xsobregiro">
								  </div>								  
								  
								  
								  
								  								  
								</div>


								  <div id="d_eliminar" class="input_texto"  align="left" style=" display:none; color:#FF0000; font-size:20px; margin-top:20px;">
								  Si está seguro que quiere eliminar el registro actual, presione el botón Aceptar.
								  </div>

								  <div class="input_texto" style="margin-top:20px;"  align="left">
								    <input style="padding:5px;" type="button" onClick="vericar_cliente_ruc(document.getElementById('xruc').value,
																							 				document.getElementById('xaccion').value,
																											'clientes'
																											); " name="Submit" value="Aceptar">
									<input style="padding:5px;" type="button" onClick="accion_cliente('adicionar');" name="cancelar" value="Cancelar">
								  (*) dato requerido 
								  <input name="xaccion"  type="hidden" class="input_texto" id="xaccion" value="adicionar">
								  
								  <input class="input_texto" id="xid"   type="hidden" name="xid">
								  
								  </div>

								  <div align="left">
								    <iframe id="frame_procesos" name="frame_procesos" title="fotos" width="10" height="10" frameborder="0" scrolling="No" marginheight="0" marginwidth="0" allowtransparency="AllowTransparency"></iframe>
									
									<iframe id="frame_busca_ruc" name="frame_busca_ruc" title="fotos" width="10" height="10" frameborder="0" scrolling="No" marginheight="0" marginwidth="0" allowtransparency="AllowTransparency"></iframe>									
									
								  </div>
								  
                                  </form>
								</div>
								
							</section>

						</div>


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

			<?
			include("pie.php");
			
			?>				
			
		</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/skel-viewport.min.js"></script>
			<script src="assets/js/util.js"></script>
			<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="assets/js/main.js"></script>
			<script src="assets/js/funciones.js"></script>
			
			<script language="javascript">
			
			
			//function importar_datos_ruc(xruc){
			//	alert("RUC: "+xruc);
			//}
			
			//function accion_familias2(xaccion,xid,xtitu,xabrev){
			//	alert("es es: "+xaccion+xid+xtitu+xabrev);
			//}	
			document.getElementById('xcriterio').focus();																	
			
			</script>
			
			
			
			<script language="javascript">
							
				function importar_datos_ruc(xruc,xorigen){				
					
						//alert(xcomtip_codigo+" -- "+xproveedor);	
						var parametros = {
								"xruc" : xruc,
								"xorigen" : xorigen
						};
						$.ajax({
								data:  parametros,
								url:   'SunatPHP/test.php',
								type:  'post',
								beforeSend: function () {
										$("#d_ruc_ajax").html("Recuperando datos...");
								},
								success:  function (response) {
										$("#d_ruc_ajax").html(response);
								}
						});
				}	
						
			</script>							
			
	</body>
</html>