tati
/
especificosweb


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
							<!doctype html>

<head>
	<meta charset="utf-8">
	<!-- <link type="text/css" rel="Stylesheet" href="css/menu.css" /> -->
	<link type="text/css" rel="Stylesheet" href="css/spinner.css" />
	<link type="text/css" rel="Stylesheet" href="css/normalize.css" />
	<link type="text/css" rel="Stylesheet" href="css/skeleton.css" />
	<link type="text/css" rel="Stylesheet" href="css/formulario.css" />
	<link type="text/css" rel="Stylesheet" href="css/themes/bigbox.css" />
	<script src="js/rivets.bundled.min.js"></script>
	<script src="js/humane.min.js"></script>

</head>
<body>
	<div class="row nav-bar">
		<div class="nine columns">
			<a class="button" href="#">Volver</a>
		</div>
		<div class="three columns">
			<img src="Images/logo-horizontal.png" class="logo">
		</div>
	</div>

	<div class="section promocion">
		<div class="container max-top-space">
		  	<div class="row">
		  		<div class="eight columns xl-top-space">
					<h1>Actualizá tus datos</h1>
					<p>Estarás participando por un sorteo para ganar un set de productos de ESPECIFICOS Buenos Aires</p>
				</div>
				<div class="four columns">
					<img src="Images/productos/productos.png" class="productos">
				</div>
		  	</div>
		</div>
	</div>

	<div class="section">
		<div class="container">
		<div id="spinner" class="loading">Loading&#8230;</div>
			<form>
				<div class="row">
					<h4>Datos personales</h4>
				</div>
  				<div class="row">
					<div class="four columns">
	  					<label for="exampleEmailInput">Nombre</label>
	  					<input id="nombre" class="u-full-width" type="text" rv-value='user.nombre'>
					</div>

					<div class="four columns">
	  					<label for="exampleEmailInput">Apellido</label>
	  					<input id="ap" class="u-full-width" type="text" rv-value='user.apellido'>
					</div>
  				</div>

  				<div class="row">
					<div class="four columns">
	  					<label for="exampleEmailInput">País</label>
	  					<input class="u-full-width" type="text" rv-value='user.pais'>
					</div>
					<div class="four columns">
	  					<label for="exampleEmailInput">Provincia/Estado</label>
	  					<input class="u-full-width" type="text" rv-value='user.provincia'>
					</div>
					<div class="four columns">
	  					<label for="exampleEmailInput">Ciudad</label>
	  					<input class="u-full-width" type="text" rv-value='user.zona'>
					</div>
  				</div>
  				
  				<div class="row">
  					<div class=" column">
  						<label>Cumpleaños <span class="mandatory">*</span></label>
  						<div class="row">
							<input class="two columns" type="number" min="1" max="31" placeholder="Dia (DD)" rv-value='user.dia'> 
							<input class="two columns" type="number" min="1" max="12" placeholder="Mes (MM)" rv-value='user.mes'>
  						</div>
  						<div class="help"> <span class="mandatory">*</span> Durante el mes de tu cumpleaños, recibirás importantes descuentos y beneficios</div>
  					</div>
  				</div>
  				<hr>
  				<div class="row">
					<h4>Contacto</h4>
				</div>
				<div class="row">
					<div class="six columns">
	  					<label for="exampleEmailInput">Email</label>
	  					<input class="u-full-width" placeholder="email@ejemplo.com" type="email" rv-value='user.email'>
					</div>
					<div class="six columns">
	  					<label for="exampleEmailInput">Teléfono</label>
	  					<div class="row">
	  						<input class="four columns" type="number" placeholder="Cod. Area (ej: 011)" rv-value='user.prefijo'> 
	  						<input class="eight columns" type="number" rv-value='user.telefono'>
	  					</div>
	  					
					</div>
  				</div>
  				<hr>
  				<div class="row">
	  				<label class="example-send-yourself-copy">
						<input type="checkbox" rv-checked='user.infocursos'>
						<span class="label-body">Quiero recibir información sobre los cursos presenciales y a distancia</span>
	  				</label>
	  				<div class="u-pull-right">
	  					<input class="button-primary" value="Enviar" type="button" id="button">
	  				</div>
	  			</div>

  				<hr>
			</form>
			<div class="disclaimer">
				<p>En cumplimiento de la Ley 25.326 (Protección de Datos Personales) - Art 27. inc 3 y del Decreto 1558/2001 (cuyas partes pertinentes se transcriben a continuación)le informamos que si deseara no recibir más información publicitaria, tiene el derecho de solicitar el retiro o bloqueo total o parcial de su nombre en nuestras bases de datos seleccionando la opción que se encuentra al final de este anuncio. Ley 25.326 (Protección de Datos Personales), Artículo 27, inciso 3: El titular podrá en cualquier momento solicitar el retiro o bloqueo de su nombre de los bancos de datos a los que se refiere el presente artículo. Decreto 1558/2001, Anexo I, artículo 27, párrafo tercero: En toda comunicación con fines de publicidad que se realice por correo, teléfono, correo electrónico, Internet u otro medio a distancia a conocer, se deberá indicar, en forma expresa y destacada, la posibilidad del titular del dato de solicitar el retiro o bloqueo, total o parcial, de su nombre de la base de datos. A pedido del interesado, se deberá informar el nombre del responsable o usuario del banco de datos que proveyó la información.</p>
			</div>
			<div class="u-pull-right">
				<a class="button" href="#">No quiero recibir más información sobre ESPECIFICOS Buenos Aires</a>
			</div>
		</div>
	</div>
	<script>
		var urlparams=window.location.search.replace("?", "").split("&");
		var params={};
		var xhttp = new XMLHttpRequest();

		urlparams.forEach(function(elem,ind,arr) {
			var k = elem.split("=")[0];
			var v = elem.split("=")[1];
			params[k]=v;
		});

		window.addEventListener('load', function() { 
			var elems = document.querySelectorAll('input'), i;
			var spinner = document.getElementById("spinner");
			var bigbox = humane.create({baseCls: 'humane-bigbox', timeout: 1000})

			document.getElementById("button").onclick = send;
			bigbox.error = bigbox.spawn({addnCls: 'humane-bigbox-error'})

			function updateModel(){
				for (i = 0; i < elems.length; ++i)
					rivets.bind(elems[i], {user: user});
			}
			function send() {
				spinner.style.display="block";
				xhttp.onreadystatechange = function() {
					if (xhttp.readyState == 4) {
					  	var data =JSON.parse(xhttp.responseText);
						spinner.style.display="none";
				  		switch (xhttp.status) {
				  			case 200:
								bigbox.log(data.mensaje, { timeout: 5000, clickToClose: true });
								break;
				  			case 401:
								bigbox.error(data.mensaje, { timeout: 5000, clickToClose: true });
								break;
						}
					}
				};
				xhttp.open("POST", "back/update.php", true);
				// xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
				xhttp.send(JSON.stringify(user));
			};
			function get() {
				xhttp.onreadystatechange = function() {
				  if (xhttp.readyState == 4) {
				  	var data =JSON.parse(xhttp.responseText);
					spinner.style.display="none";
				  	switch (xhttp.status) {
				  		case 200:
				  	    	user = data;
							user.hash=params["hash"];
				 			updateModel();
				  	  		break;
				  		case 401:
							bigbox.error(data.mensaje, { timeout: 5000, clickToClose: true });
					  	  	break;
				  	}
				  }
				};
				xhttp.open("GET", "back/update.php?mail="+params["email"]+"&hash="+params["hash"], true);
				xhttp.send();
			}
			get();

		}, false);

	</script>
</body>