<?php
	$publishableKey = (App::environment() == 'local' || strpos(public_path(), 'desarrollo'))?'2099BEF5-DB8C-4A6D-913D-BF76EC437E0A':'8A34CC68-A52A-4A32-82E6-486C73A5D718';
	$sellerId = (App::environment() == 'local' || strpos(public_path(), 'desarrollo'))?'901335447':'103112521';
	$entorno = (App::environment() == 'local' || strpos(public_path(), 'desarrollo'))?'sandbox':'production';
	$action = (App::environment() == 'local' || strpos(public_path(), 'desarrollo'))?'https://sandbox.2checkout.com/checkout/purchase':'https://www.2checkout.com/checkout/purchase';
?>
<!DOCTYPE html>
<html lang="es">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">

		<meta name="description" content="">
		<meta name="keywords" content="">
		<link rel="icon" type="image/png" sizes="16x16" href="<?php echo asset('icon32x32.ico'); ?>">
		<link rel="icon" href="<?php echo asset('SysWeb/SumeClientes/icon32x32.ico'); ?>" type="image/x-icon">
		<link rel="icon" type="image/png" sizes="16x16" href="<?php echo asset('icon32x32.ico'); ?>">

		<title> Plataforma Sume Clientes </title>
		<!-- Bootstrap -->
		<?php echo HTML::style('WebPro/bootstrap/css/bootstrap.min.css'); ?>

		<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
		<?php /* HTML::style('WebPro/css/font-awesome.min.css') */ ?>
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
		<?php echo HTML::style('WebPro/css/style.css'); ?>

		<?php echo HTML::style('WebPro/css/style-responsive.css'); ?>

		<?php echo HTML::style('PNotify/pnotify.custom.min.css'); ?>

		<?php echo HTML::style('Bootstrap3-dialog/css/bootstrap-dialog.min.css'); ?>

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
		<?php echo HTML::style('bootstrap-select/css/bootstrap-select.min.css'); ?>

		<?php echo HTML::style('Intl-Tel-Input/css/intlTelInput.css'); ?>

		<style type="text/css">
			.country-list{
				z-index: 10000 !important;
				position: fixed !important;
			}
			.intl-tel-input{
				height: 34px !important;
				width: 100%;
				display: table-cell;
			}
			.intl-tel-input .iti-flag .arrow {
				border: none;
			}
		</style>
		<?php echo $__env->yieldContent('CSS'); ?>
	</head>
	<body>
		<div class="login-container">
			<div class="middle-login" style="margin-top: 0px; top: 0px;">
				<img src="<?php echo asset('SysWeb/SumeClientes/logo-sumeclientes.png'); ?>" class="img-responsive" title="logo-sumeclientes" alt="Sume Clientes">
				<div class="block-web">
					<div class="head">
						<h3 class="text-center" id="frmTitulo"> Formulario de registro </h3>
					</div>
					<div style="background:#fff;" id="frmCuerpo">
						<?php echo Form::open(array('route' => 'SysWebRegustro2Checkout', 'method' => 'post', 'class' => 'form-horizontal', 'style' => 'margin-bottom: 0px !important;', 'id' => 'frmRegistro' )); ?>

							<div class="content">
								<fieldset>
									<div class="form-group">
										<div class="col-sm-12">
											<div class="input-group"> <span class="input-group-addon"><i class="fa fa-user"></i></span>
												<?php echo Form::text('nombre', '',  array('class' => 'form-control', 'placeholder' => 'Nombre')); ?>

											</div>
											<span class="text-danger" id="errnombre"> <?php echo $errors->first('nombre'); ?> </span>
										</div>
									</div>
									<div class="form-group">
										<div class="col-sm-12">
											<div class="input-group"> <span class="input-group-addon"><i class="fa fa-user"></i></span>
												<?php echo Form::text('apellido', '',  array('class' => 'form-control', 'placeholder' => 'Apellido')); ?>

											</div>
											<span class="text-danger" id="errapellido"> <?php echo $errors->first('apellido'); ?> </span>
										</div>
									</div>
									<div class="form-group">
										<div class="col-sm-12">
											<div class="input-group"> <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
												<?php echo Form::text('correo_electronico', '',  array('class' => 'form-control', 'placeholder' => 'Correo electronico')); ?>

											</div>
											<span class="text-danger" id="errcorreo_electronico"> <?php echo $errors->first('correo_electronico'); ?> </span>
										</div>
									</div>

									<div class="form-group">
										<div class="col-sm-12">
											<div class="input-group"> <span class="input-group-addon"><i class="fa fa-globe"></i></span>
												<select class="form-control crs-country" id="pais" name="pais" data-region-id="estado" data-default-option="Seleccione un país" data-whitelist="US,MX,CU,DM,DO,PR,BZ,GT,SV,HN,NI,CR,PA,VE,EC,CO,PE,BO,CL,PY,UY,AR,ES,GQ" data-value="shortcode" style="font-size: 13px; padding: 7.5px 11px !important;"></select>
											</div>
											<span class="text-danger" id="errpais"> <?php echo $errors->first('pais'); ?> </span>
										</div>
									</div>
									<div class="form-group">
										<div class="col-sm-12">
											<div class="input-group"> <span class="input-group-addon"><i class="fa fa-flag"></i></span>
												<select class="form-control" id="estado" name="estado" data-blank-option="Seleccione un estado" data-default-option="Seleccione un estado" style="font-size: 13px; padding: 7.5px 11px !important;"></select>
											</div>
											<span class="text-danger" id="errestado"> <?php echo $errors->first('estado'); ?> </span>
										</div>
									</div>

									<div class="form-group">
										<div class="col-sm-12">
											<div class="input-group"> <span class="input-group-addon"><i class="fa fa-flag"></i></span>
												<?php echo Form::text('ciudad', '',  array('class' => 'form-control', 'placeholder' => 'Ciudad')); ?>

											</div>
											<span class="text-danger" id="errciudad"> <?php echo $errors->first('ciudad'); ?> </span>
										</div>
									</div>

									<div class="form-group">
										<div class="col-sm-12">
											<div class="input-group"> <span class="input-group-addon"><i class="fa fa-flag"></i></span>
												<?php echo Form::text('codigo_postal', '',  array('class' => 'form-control', 'placeholder' => 'Código postal')); ?>

											</div>
											<span class="text-danger" id="errcodigo_postal"> <?php echo $errors->first('codigo_postal'); ?> </span>
										</div>
									</div>

									<div class="form-group">
										<div class="col-sm-12">
											<div class="input-group"> <span class="input-group-addon"><i class="fa fa-map-marker"></i></span>
												<?php echo Form::text('direccion', '',  array('class' => 'form-control', 'placeholder' => 'Dirección')); ?>

											</div>
											<span class="text-danger" id="errdireccion"> <?php echo $errors->first('direccion'); ?> </span>
										</div>
									</div>
									<div class="form-group">
										<div class="col-sm-12">
											<div class="input-group"> <span class="input-group-addon"><i class="fa fa-phone"></i></span>
												<?php echo Form::text('telefono', '',  array('class' => 'form-control', 'placeholder' => '', 'style' => 'padding-left: 52px !important;')); ?>

											</div>
											<span class="text-danger" id="errtelefono"> <?php echo $errors->first('telefono'); ?> </span>
										</div>
									</div>
									<div class="form-group">
										<div class="col-sm-12">
											<div class="input-group"> <span class="input-group-addon"><i class="fa fa-building-o"></i></span>
												<?php echo Form::text('empresa', '',  array('class' => 'form-control', 'placeholder' => 'Empresa')); ?>

											</div>
											<span class="text-danger" id="errempresa"> <?php echo $errors->first('empresa'); ?> </span>
										</div>
									</div>

									<div class="form-group">
										<div class="col-sm-12">
											<div class="input-group"> <span class="input-group-addon"><i class="fa fa-credit-card-alt"></i></span>
												<?php echo Form::text('numero_tarjeta', '',  array('class' => 'form-control', 'placeholder' => 'Número de tarjeta', 'id' => 'numero_tarjeta')); ?>

											</div>
											<span class="text-danger" id="errnumero_tarjeta"> <?php echo $errors->first('numero_tarjeta'); ?> </span>
										</div>
									</div>
									<div class="form-group">
										<div class="row">
											<div class="col-sm-6">
												<?php echo Form::text('fecha_expiracion', '',  array('class' => 'form-control', 'placeholder' => 'Fecha de expiración (mm/yy)', 'id' => 'fecha_expiracion')); ?>

												<span class="text-danger" id="errfecha_expiracion"> <?php echo $errors->first('fecha_expiracion'); ?> </span>
											</div>
											<div class="col-sm-6">
												<?php echo Form::text('cvv', '',  array('class' => 'form-control', 'placeholder' => 'Código CVV', 'id' => 'cvv')); ?>

												<span class="text-danger" id="errcvv"> <?php echo $errors->first('cvv'); ?> </span>
											</div>
										</div>
									</div>
									<div class="form-group">
										<div class="col-sm-12">
											<?php echo Form::text('titular_tarjeta', '',  array('class' => 'form-control', 'placeholder' => 'Titular de tarjeta')); ?>

											<span class="text-danger" id="errtitular_tarjeta"> <?php echo $errors->first('titular_tarjeta'); ?> </span>
										</div>
									</div>

									<div class="form-group">
										<div class="col-sm-12">
											<label class="checkbox">
												<input type="checkbox" id="terminos" name="terminos">
												<span class="custom-checkbox"></span>
												<i></i> Estoy de acuerdo con los <a data-target="#mdTerminosyCondiciones" data-toggle="modal" href="#"> Términos y Condiciones </a>
											</label>
											<span class="text-danger" id="errterminos"> <?php echo $errors->first('terminos'); ?> </span>
										</div>
									</div>
								</fieldset>
								<input type="hidden" name="token" id="token"></input>
							</div>
							<div class="register-bottom" id="frmBottom">
								<?php echo HTML::decode(HTML::linkRoute('SysWebRegustro2Checkout', '<button class="btn btn-primary" data-dismiss="modal" type="submit" id="btnRegistro"> Registrar </button>', array(), array())); ?>

							</div>
						<?php echo Form::close(); ?>

					</div>
				</div>
				<div class="text-center out-links"><a href="#">&copy; Derechos reservados Sume Clientes <?php echo date('Y'); ?>. </a></div>
			</div>
			<form action="https://www.2checkout.com/checkout/purchase" method="post">
				<input type="hidden" name="sid" value="103112521">
				<input type="hidden" name="mode" value="2CO">
				<input name="return_url" type="hidden" value="<?php echo URL::route('SysWebRegustro2Checkout'); ?>">
				<input type="hidden" name="li_0_type" value="product">
				<input type="hidden" name="li_0_name" value="Membresia de acceso a plataforma Sume Clientes">
				<input type="hidden" name="li_0_price" value="27">
				<input type="hidden" name="li_0_recurrence" value="1 Month">
				<input type="hidden" name="li_0_duration" value="Forever">
				<input type="hidden" name="card_holder_name" value="Kevin Morán">
				<input type="hidden" name="street_address" value="Calle 15 de Septiembre #12">
				<!--<input type="hidden" name="street_address2" value="Suite 200">-->
				<input type="hidden" name="city" value="Metapán">
				<input type="hidden" name="state" value="Santa Ana">
				<input type="hidden" name="zip" value="12200">
				<input type="hidden" name="country" value="SV">
				<input type="hidden" name="email" value="kevin.moran.ramirez@gmail.com">
				<input type="hidden" name="phone" value="+50377470078">
				<input name="paypal_direct" type="hidden" value="Y">
				<input name="submit" type="submit" value="Checkout">
			</form>
		</div>
		<!-- Modal -->
		<div class="modal fade" id="mdTerminosyCondiciones" tabindex="-1" role="dialog" aria-labelledby="mdTituloTerminosyCondiciones" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="mdTituloTerminosyCondiciones"> Términos y Condiciones </h4>
					</div>
					<div class="modal-body">
						<p style="font-size: 11px; text-align: justify;">
							<strong> Términos y Condiciones de SumeClientes.net </strong> <br> <br>
							<strong> 1. Introducción </strong> <br>
							Las presentes condiciones generales de uso de la plataforma web, regulan los términos y condiciones de acceso y uso de www.sumeclientes.net, propiedad de Sume Clientes, con domicilio en El Salvador, en adelante, «la Empresa», que el usuario del Plataforma deberá de leer y aceptar para usar todos los servicios e información que se facilitan desde esta plataforma. El mero acceso y/o utilización de la plataforma, de todos o parte de sus contenidos y/o servicios significa la plena aceptación de las presentes condiciones generales de uso. <br> <br>
							<strong> 2. Condiciones de uso </strong> <br>
							Las presentes condiciones generales de uso de la plataforma regulan el acceso y la utilización de la plataforma, incluyendo los contenidos y los servicios puestos a disposición de los usuarios en y/o a través de la plataforma, bien por la plataforma, bien por sus usuarios, bien por terceros. No obstante, el acceso y la utilización de ciertos contenidos y/o servicios puede encontrarse sometido a determinadas condiciones específicas. <br> <br>
							<strong> 3. Modificaciones </strong> <br>
							La empresa se reserva la facultad de modificar en cualquier momento las condiciones generales de uso de la plataforma. En todo caso, se recomienda que consulte periódicamente los presentes términos de uso de la plataforma, ya que pueden ser modificados. <br> <br>
							<strong> 4. Obligaciones del Usuario </strong> <br>
							El usuario deberá respetar en todo momento los términos y condiciones establecidos en las presentes condiciones generales de uso de la plataforma. De forma expresa el usuario manifiesta que utilizará la plataforma de forma diligente y asumiendo cualquier responsabilidad que pudiera derivarse del incumplimiento de las normas. <br>
							Así mismo, el usuario no podrá utilizar la plataforma para transmitir, almacenar, divulgar promover o distribuir datos o contenidos que sean portadores de virus o cualquier otro código informático, archivos o programas diseñados para interrumpir, destruir o perjudicar el funcionamiento de cualquier programa o equipo informático o de telecomunicaciones. <br> <br>
							<strong> 5. Responsabilidad de la plataforma </strong> <br>
							El usuario conoce y acepta que la plataforma no otorga ninguna garantía de cualquier naturaleza, ya sea expresa o implícita, sobre los datos, contenidos, información y servicios que se incorporan y ofrecen desde la Plataforma. <br>
							Exceptuando los casos que la Ley imponga expresamente lo contrario, y exclusivamente con la medida y extensión en que lo imponga, la Plataforma no garantiza ni asume responsabilidad alguna respecto a los posibles daños y perjuicios causados por el uso y utilización de la información, datos y servicios de la Plataforma. <br>
							En todo caso, la Plataforma excluye cualquier responsabilidad por los daños y perjuicios que puedan deberse a la información y/o servicios prestados o suministrados por terceros diferentes de la Empresa. Toda responsabilidad será del tercero ya sea proveedor o colaborador. <br> <br>
							<strong> 6. Propiedad intelectual e industrial </strong> <br>
							Todos los contenidos, marcas, logos, dibujos, documentación, programas informáticos o cualquier otro elemento susceptible de protección por la legislación de propiedad intelectual o industrial, que sean accesibles en la plataforma corresponden exclusivamente a la empresa o a sus legítimos titulares y quedan expresamente reservados todos los derechos sobre los mismos. Queda expresamente prohibida la creación de enlaces de hipertexto (links) a cualquier elemento integrante de las páginas web de la Plataforma sin la autorización de la empresa, siempre que no sean a una página web de la Plataforma que no requiera identificación o autenticación para su acceso, o el mismo esté restringido. <br>
							En cualquier caso, la plataforma se reserva todos los derechos sobre los contenidos, información datos y servicios que ostente sobre los mismos. La plataforma no concede ninguna licencia o autorización de uso al usuario sobre sus contenidos, datos o servicios, distinta de la que expresamente se detalle en las presentes condiciones generales de uso de la plataforma. <br> <br>
							<strong> 7. Legislación aplicable, jurisdicción competente y notificaciones </strong> <br>
							Las presentes condiciones se rigen y se interpretan de acuerdo con las Leyes de El Salvador. Para cualquier reclamación serán competentes los juzgados y tribunales de San Salvador. Todas las notificaciones, requerimientos, peticiones y otras comunicaciones que el Usuario desee efectuar a la Empresa titular de la Plataforma deberán realizarse por escrito y se entenderá que han sido correctamente realizadas cuando hayan sido recibidas en la siguiente dirección sume@sumeclientes.com.
						</p>
					</div>
				</div>
			</div>
		</div>
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<?php echo HTML::script('WebPro/js/jquery-2.0.2.min.js'); ?>

		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<?php echo HTML::script('WebPro/bootstrap/js/bootstrap.min.js'); ?>

		<?php echo HTML::script('WebPro/js/accordion.js'); ?>

		<?php echo HTML::script('WebPro/js/common-script.js'); ?>

		<?php echo HTML::script('WebPro/js/jquery.nicescroll.js'); ?>

		<?php echo HTML::script('PNotify/pnotify.custom.min.js'); ?>

		<?php echo HTML::script('Bootstrap3-dialog/js/bootstrap-dialog.min.js'); ?>

		<?php echo HTML::script('bootstrap-select/js/bootstrap-select.min.js'); ?>

		<?php echo HTML::script('Intl-Tel-Input/js/intlTelInput.min.js'); ?>

		<?php echo HTML::script('country-region-selector/crs.min.js'); ?>

		<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min.js"></script>
		<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/additional-methods.min.js"></script>
		<script type="text/javascript" src="https://www.2checkout.com/checkout/api/2co.min.js"></script>
		<?php echo HTML::script('jQueryCreditCardValidator/jquery.creditCardValidator.js'); ?>

		
		<?php echo $__env->make('Externos', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
		<!-- Más scripts -->
		<script type="text/javascript">
			TCO.loadPubKey("<?php echo $entorno; ?>");
			$(document).ready(function(){
				$("#pais").change(function(){
					if( $(this).val() != "" ){
						$("input[name='telefono']").intlTelInput("setCountry", $(this).val());
					}
				});
				$("input[name='telefono']").intlTelInput({ utilsScript: "<?php echo asset('Intl-Tel-Input/js/utils.js'); ?>" });
				$.validator.addMethod("lettersonlys", function(value, element) { return this.optional(element) || /^[a-zA-Z]*$/.test(value); }, "Solo debe escribir letras");
				$.validator.addMethod("glibphonenumber", function(value, element) { return $("input[name='telefono']").intlTelInput("isValidNumber"); }, "El número de teléfono es inválido");
				$("#frmRegistro").validate({
					lang: "es",
					errorPlacement: function(error, element) {
						var p = error.attr("id").indexOf("-error");
						var elemento = "err"+error.attr("id").substr(0,p);
						$("#"+elemento).html( error.html() );
					},
					success: function(error) {
						var p = error.attr("id").indexOf("-error");
						var elemento = "err"+error.attr("id").substr(0,p);
						$("#"+elemento).html("");
					},
					submitHandler: function(form) {
						// do other things for a valid form
						//form.submit();
						$("#btnRegistro").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
						var form = form;
						var args = {
							sellerId: "<?php echo $sellerId; ?>",
							publishableKey: "<?php echo $publishableKey; ?>",
							ccNo: $("#numero_tarjeta").val(),
							cvv: $("#cvv").val(),
							expMonth: $("#fecha_expiracion").val().substr(0, 2),
							expYear: $("#fecha_expiracion").val().substr(3, 2)
						};
						TCO.requestToken(function(data){
							$("#token").val(data.response.token.token);
							//form.submit();
							$.post(
								"<?php echo URL::route('SysWebRegustro2Checkout'); ?>",
								$("#frmRegistro").serialize(),
								function(data){
									$("#btnRegistro").html("Registrar").prop("disabled", false);
									if(data.success){
										new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
										//setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebRegustro2Checkout'); ?>"; }, 3000 );
									}
									else{
										if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
										$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
									}
								},
								"json"
							);
						}, function(data){
							$("#btnRegistro").html("Registrar").prop("disabled", false);
							if(data.errorCode === 200){
								// This error code indicates that the ajax call failed. We recommend that you retry the token request.
							}
							else{
								//alert(data.errorMsg);
								new PNotify({ title: "Error", text: data.errorMsg, type: "error" });
							}
						}, args);
					},
					rules:{
						nombre:{ required: true },
						apellido:{ required: true },
						direccion:{ required: true },
						pais:{ required: true },
						ciudad:{ required: true },
						codigo_postal:{ required: true },
						estado:{ required: true },
						telefono:{ required: true, glibphonenumber: true },
						empresa:{ required: true },
						numero_tarjeta:{ required: true },
						fecha_expiracion:{ required: true },
						cvv:{ required: true },
						terminos:{ required: true },
						correo_electronico:{
							required: true,
							email: true,
							remote: {
								url: "<?php echo URL::route('SysWebValidarUsername'); ?>",
								type: "post",
								data: {
									correo_electronico: function(){
										return $("input[name='correo_electronico']").val();
									}
								}
							}
						}
					},
					messages: {
						nombre:{ required: "Este campo es obligatorio" },
						apellido:{ required: "Este campo es obligatorio" },
						correo_electronico:{ required: "Este campo es obligatorio", email: "Por favor, escribe una dirección de correo válida" },
						direccion:{ required: "Este campo es obligatorio" },
						pais:{ required: "Este campo es obligatorio" },
						ciudad:{ required: "Este campo es obligatorio" },
						codigo_postal:{ required: "Este campo es obligatorio" },
						estado:{ required: "Este campo es obligatorio" },
						telefono:{ required: "Este campo es obligatorio", number: "Por favor, escribe un número válido" },
						empresa:{ required: "Este campo es obligatorio" },
						numero_tarjeta:{ required: "Este campo es obligatorio" },
						fecha_expiracion:{ required: "Este campo es obligatorio" },
						cvv:{ required: "Este campo es obligatorio" },
						terminos:{ required: "Debe aceptar los términos y condiciones" },
						correo_electronico:{
							required: "Este campo es obligatorio",
							email: "Por favor, escribe una dirección de correo válida",
							remote: "El correo electrónico ya está registrado, ingresa a la plataforma y actualiza tu plan de suscripción o crea una nueva cuenta con otro correo electrónico"
						}
					}
				});
				<?php if(Session::has('MensajeS')): ?>
				new PNotify({ title: "Realizado", text: "<?php echo Session::get('MensajeS'); ?>", type: "success" });
				<?php endif; ?>
				<?php if(Session::has('MensajeE')): ?>
				new PNotify({ title: "Error", text: "<?php echo Session::get('MensajeE'); ?>", type: "error" });
				<?php endif; ?>
			});
		</script>
	</body>
</html>