<?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';
	$sesion = (Session::has('DatosUsuario'))?true:false;
	if($sesion){ $DatosUsuario = Session::get('DatosUsuario'); }
?>
<!DOCTYPE html>
<html lang="es" style="background: white;">
	<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 echo HTML::style('WebPro/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('VideoJS/video-js.css'); ?>

		<?php echo HTML::script('VideoJS/videojs-ie8.min.js'); ?>

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

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

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

		<?php echo HTML::style('Webui-Popover/jquery.webui-popover.min.css'); ?>

		<style type="text/css">
			.vjs-poster{
				background-size: 100% !important;
			}
			.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;
			}
			#frmAsistente > div.tab-content{
				overflow: initial !important;
			}
		</style>
		<!-- 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 $__env->yieldContent('CSS'); ?>
	</head>
	<body style="background: white;">
		<div class="container" style="padding-top: 5px; padding-bottom: 70px;">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
					<img src="<?php echo asset('SysWeb/SumeClientes/SumeClientesBasadoResultados.png'); ?>" class="img-responsive" title="logo-sumeclientes" alt="Sume Clientes">
				</div>
				<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
					<!-- <h3 style="font-style: italic; text-align: center; margin: 0 auto; padding-top: 20px; font-weight: bold;"> Mercadeo en línea basado en resultados </h3> -->
				</div>
				<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
					<h3 style="font-weight: bold;"> ¿Necesitas ayuda? </h3>
					<p>
						Chatea con nosotros haciendo click <a href="javascript:AbrirChat();"> aquí </a> <br>
						Háblanos al: <a href="tel:+50322037863"> +(503) 2203 7863 </a> <br>
						Escríbenos por whatsapp al: <a href="tel:+50377484235"> +(503) 7748 4235 </a> <br>
						Horarios de atención: Lunes a Viernes de 8:00AM <br>
						a 5:30PM GMT-6 <br>
						Escribenos al correo: <a href="mailto:soporte@sumeclientes.com"> soporte@sumeclientes.com </a> <br>
					</p>
				</div>
				<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
					<div id="frmAsistente" class="basic-wizard" style="box-shadow: 10px 10px 80px -4px rgba(0,0,0,0.75); margin-top: 30px;">
						<ul class="nav nav-pills nav-justified" style="font-weight: bold;">
							<li><a href="#Inicio" data-toggle="tab" id="aInicio"><span>Bienvenido</span></a></li>
							<li><a href="#Paso1" data-toggle="tab" id="aPaso1"><span>Paso 1:</span> Datos de cuenta </a></li>
							<li><a href="#Paso2" data-toggle="tab" id="aPaso2"><span>Paso 2:</span> Resumen de pago </a></li>
							<li><a href="#Pago" data-toggle="tab" id="aPago"><span>Paso 3:</span> Pago </a></li>
						</ul>
						<div class="tab-content">
							<div class="progress progress-striped active" style="height: 20px;">
								<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
							</div>
							<div class="tab-pane" id="Inicio">
								<div class="row">
									<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
										<video id="vdDatosCuenta" class="video-js vjs-16-9 vjs-default-skin" controls="controls" poster="<?php echo asset('SysWeb/SumeClientes/PreviewVideos.png'); ?>" data-setup="{}">
											<source src="https://s3.amazonaws.com/sumeclientes/logo+intro+best.mp4" type="video/mp4">
										</video>
									</div>
								</div>
							</div>
							<div class="tab-pane" id="Paso1">
								<div class="row">
									<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
										<h3> Datos para la creación de su cuenta </h3>
									</div>
									<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
										<div class="row">
											<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
												<form id="frmDatosCuenta">
													<div class="form-group">
														<div class="input-group">
															<span class="input-group-addon"><i class="fa fa-user"></i></span>
															<input type="text" name="nombre" class="form-control" placeholder="Nombre" <?php if($sesion): ?> value="<?php echo $DatosUsuario['nombre']; ?>" <?php endif; ?>>
														</div>
														<span class="text-danger" id="errnombre"> </span>
													</div>
													<div class="form-group">
														<div class="input-group">
															<span class="input-group-addon"><i class="fa fa-user"></i></span>
															<input type="text" name="apellido" class="form-control" placeholder="Apellido" <?php if($sesion): ?> value="<?php echo $DatosUsuario['apellido']; ?>" <?php endif; ?>>
														</div>
														<span class="text-danger" id="errapellido"> </span>
													</div>
													<div class="form-group">
														<div class="input-group">
															<span class="input-group-addon"><i class="fa fa-envelope"></i></span>
															<input type="text" name="correo_electronico" class="form-control" placeholder="Correo electronico" <?php if($sesion): ?> value="<?php echo $DatosUsuario['correo_electronico']; ?>" <?php endif; ?>>
															<input type="hidden" id="validarcorreo"></input>
														</div>
														<span class="text-danger" id="errcorreo_electronico"> </span>
													</div>
													<div class="form-group">
														<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;" <?php if($sesion): ?> data-default-value="<?php echo $DatosUsuario['pais']; ?>" <?php endif; ?>>
															</select>
														</div>
														<span class="text-danger" id="errpais"> </span>
													</div>
													<div class="form-group">
														<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;" <?php if($sesion): ?> data-default-value="<?php echo $DatosUsuario['estado']; ?>" <?php endif; ?>>
															</select>
														</div>
														<span class="text-danger" id="errestado"> </span>
													</div>
													<div class="form-group">
														<div class="input-group">
															<span class="input-group-addon"><i class="fa fa-flag"></i></span>
															<input type="text" name="ciudad" class="form-control" placeholder="Ciudad" <?php if($sesion): ?> value="<?php echo $DatosUsuario['ciudad']; ?>" <?php endif; ?>>
														</div>
														<span class="text-danger" id="errciudad"> </span>
													</div>
													<div class="form-group">
														<div class="input-group">
															<span class="input-group-addon"><i class="fa fa-flag"></i></span>
															<input type="text" name="codigo_postal" class="form-control" placeholder="Código postal" <?php if($sesion): ?> value="<?php echo $DatosUsuario['codigo_postal']; ?>" <?php endif; ?>>
														</div>
														<span class="text-danger" id="errcodigo_postal"> </span>
													</div>
													<div class="form-group">
														<div class="input-group">
															<span class="input-group-addon"><i class="fa fa-map-marker"></i></span>
															<input type="text" name="direccion" class="form-control" placeholder="Dirección" <?php if($sesion): ?> value="<?php echo $DatosUsuario['direccion']; ?>" <?php endif; ?>>
														</div>
														<span class="text-danger" id="errdireccion"> </span>
													</div>

													<div class="form-group">
														<div class="input-group">
															<span class="input-group-addon"><i class="fa fa-phone"></i></span>
															<input type="text" name="telefono" class="form-control" style="padding-left: 52px !important;" <?php if($sesion): ?> value="<?php echo $DatosUsuario['telefono']; ?>" <?php endif; ?>>
														</div>
														<span class="text-danger" id="errtelefono"> </span>
													</div>
													<div class="form-group">
														<div class="input-group">
															<span class="input-group-addon"><i class="fa fa-building-o"></i></span>
															<input type="text" name="empresa" class="form-control" placeholder="Empresa" <?php if($sesion): ?> value="<?php echo $DatosUsuario['empresa']; ?>" <?php endif; ?>>
														</div>
														<span class="text-danger" id="errempresa"> </span>
													</div>
													<div class="form-group">
														<label class="checkbox">
															<input type="checkbox" id="terminos" name="terminos" <?php if($sesion): ?> checked <?php endif; ?>>
															<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"> </span>
													</div>
												</form>
											</div>
										</div>
									</div>
									<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
										<video id="vdPaso1" class="video-js vjs-16-9 vjs-default-skin" controls="controls" poster="<?php echo asset('SysWeb/SumeClientes/PreviewVideos.png'); ?>" data-setup="{}">
											<source src="https://s3.amazonaws.com/sumeclientes/logo+intro+best.mp4" type="video/mp4">
										</video>
									</div>
								</div>
							</div>
							<div class="tab-pane" id="Paso2">
								<div class="row">
									<div class="col-sm-6">
										<h5>De</h5>
										<address>
											<strong>Sume Clientes</strong><br>
											Avenida 3, Casa #23, Lomas de San Francisco 3<br>
											San Salvador, El Salvador.<br>
											<abbr title="Phone">T:</abbr> +503 2203-7863
										</address>
									</div><!-- /col-sm-6 -->
									<div class="col-sm-6 text-right">
										<?php /*<h5 class="subtitle mb10">Invoice No.</h5>
										<h4 class="text-primary">INV-000567F7-00</h4>*/ ?>
										<h5 class="subtitle mb10">Para</h5>
										<address>
											<strong> <span id="spEmpresa"></span> (<span id="spNombre"></span>) </strong><br>
											<span id="spDireccion"> </span><br>
											<span id="spEstado"></span>, <span id="spPais"></span><br>
											<abbr title="Phone">T:</abbr> <span id="spTelefono"></span>
										</address>
										<?php /*<p><strong>Invoice Date:</strong> Marh 24, 2014</p>
										<p><strong>Due Date:</strong> March 26, 2014</p>*/ ?>
									</div><!--/ col-sm-6 -->
								</div><!--/ row -->
								<div class="table-responsive">
									<table class="table table-invoice">
										<thead>
											<tr>
												<th>Producto/Servicio</th>
												<th>Inversión mensual</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>
													<div class="text-primary"><strong>Acceso total a plataforma Sume Clientes... Esto incluye:</strong></div>
													<small>
														<?php /*Alojamiento en servidores de última generación para 1 sitio web con ancho de banda ilimitado, 50GB de almacenamiento y cuentas de correo electrónico ilimitados | Crea tu sitio web profesional con un solo clic optimizado para que se vea bien en todos los dispositivos | */ ?>
														Acceso a la plataforma de email marketing | Acceso al creador de páginas de captura | Acceso al módulo de estadísticas | Y video tutoriales de cómo sacar el mejor provecho de todas estas herramientas
														<br>
														<strong> Tu pago mensual por la membresía Sume Clientes: $47.00 </strong>
													</small>
												</td>
												<td>$47.00</td>
											</tr>
										</tbody>
									</table>
								</div><!-- /table-responsive -->
								<table class="table table-total">
									<tbody>
										<?php /*<tr>
											<td><strong>Sub Total :</strong></td>
											<td>$1350.00</td>
										</tr>
										<tr>
											<td><strong>Inpuesto :</strong></td>
											<td>$70.00</td>
										</tr>
										*/ ?>
										<tr>
											<td><strong>Total a pagar en este momento:</strong></td>
											<td><span id="spTotal">$47.00</span></td>
										</tr>
									</tbody>
								</table>
								<?php /*<div class="text-right">
									<button class="btn btn-primary"><i class="fa fa-dollar"></i> Make A Payment</button>
									<button class="btn btn-white"><i class="fa fa-print"></i> Print Invoice</button>
								</div>*/ ?>
								<div class="margin-top-20"></div>
							</div>
							<div class="tab-pane" id="Pago">
								<div class="row">
									<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
										<div class="well">
											<div class="row">
												<div class="col-xs-12 col-md-6 col-lg-6">
													<div style="margin-top: 9%;"></div>
													<video id="vdPago" class="video-js vjs-16-9 vjs-default-skin" controls="controls" poster="<?php echo asset('SysWeb/SumeClientes/PreviewVideos.png'); ?>" data-setup="{}" style="">
														<source src="https://s3.amazonaws.com/sumeclientes/logo+intro+best.mp4" type="video/mp4">
													</video>
												</div>
												<div class="col-xs-12 col-md-6 col-lg-6">
													<img src="<?php echo asset('SysWeb/SumeClientes/Certificado.png'); ?>" class="img-responsive">
												</div>
											</div>
										</div>
									</div>
									<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="padding-top: 15px;">
										<form method="post" action="https://www.2checkout.com/checkout/purchase" class="" role="form" id="frmRealizarPago">
											<h3 style="text-align: center;"> ¿Como deseas pagar? </h3>
											<div class="form-group" style="text-align: center;">
												<div class="radio-inline">
													<label>
														<input type="radio" name="rdFormaPago" value="1" <?php if($sesion): ?> <?php if($DatosUsuario['rdFormaPago'] == 1): ?> checked <?php endif; ?> <?php endif; ?>>
														<span class="custom-radio"></span> Con tarjeta
													</label>
												</div>
												<div class="radio-inline">
													<label>
														<input type="radio" name="rdFormaPago" value="0" <?php if($sesion): ?> <?php if($DatosUsuario['rdFormaPago'] == 0): ?> checked <?php endif; ?> <?php endif; ?>>
														<span class="custom-radio"></span> Con Paypal
													</label>
												</div>
												<span id="errrdFormaPago" class="text-danger" style="display: block;"> </span>
											</div>
											<div id="dvTarjeta" class="form-horizontal row-border" style="display: none;">
												<div class="form-group">
													<label class="col-sm-4"> Titular de tarjeta </label>
													<div class="col-sm-8">
														<input type="text" name="titular_tarjeta" id="titular_tarjeta" class="form-control" <?php if($sesion): ?> value="<?php echo $DatosUsuario['titular_tarjeta']; ?>" <?php endif; ?>>
														<span class="text-danger" id="errtitular_tarjeta"> <?php echo $errors->first('titular_tarjeta'); ?> </span>
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-4"> Número de tarjeta </label>
													<div class="col-sm-8">
														<input type="text" name="numero_tarjeta" id="numero_tarjeta" class="form-control" <?php if($sesion): ?> value="<?php echo $DatosUsuario['numero_tarjeta']; ?>" <?php endif; ?>>
														<span class="text-danger" id="errnumero_tarjeta"> <?php echo $errors->first('numero_tarjeta'); ?> </span>
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-4"> Fecha de expiración </label>
													<div class="col-sm-8">
														<div class='input-group date' id='vencimiento_tarjeta'>
															<input type="text" name="vencimiento_tarjeta" class="form-control" placeholder="MM/YYYY">
															<span class="input-group-addon">
																<span class="glyphicon glyphicon-calendar"></span>
															</span>
														</div>
														<span class="text-danger" id="errvencimiento_tarjeta"> </span>
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-4"> Código CVV <a href="javascript:void(0);" id="helpCVV">[?]</a> </label>
													<div class="col-sm-8">
														<input type="text" name="cvv" id="cvv" class="form-control" <?php if($sesion): ?> value="<?php echo $DatosUsuario['cvv']; ?>" <?php endif; ?>>
														<span class="text-danger" id="errcvv"> <?php echo $errors->first('cvv'); ?> </span>
													</div>
												</div>
											</div>
											<div class="form-group">
												<button type="submit" id="btnRealizarPago" class="btn btn-success btn-lg btn-block"> Realizar págo </button>
												<img src="<?php echo asset('SysWeb/SumeClientes/MetodosDePago.png'); ?>" class="img-responsive center-block" style="padding-top: 10px;">
											</div>
											<input type="hidden" name="tipo_pago" id="tipo_pago" <?php if($sesion): ?> value="<?php echo $DatosUsuario['tipo_pago']; ?>" <?php else: ?> value="PP" <?php endif; ?>>
											<!-- DATOS PARA PÁGO CON TARJETA -->
											<input type="hidden" name="cliente_nombre" <?php if($sesion): ?> value="<?php echo $DatosUsuario['cliente_nombre']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="cliente_apellido" <?php if($sesion): ?> value="<?php echo $DatosUsuario['cliente_apellido']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="cliente_correo_electronico" <?php if($sesion): ?> value="<?php echo $DatosUsuario['cliente_correo_electronico']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="cliente_pais" <?php if($sesion): ?> value="<?php echo $DatosUsuario['cliente_pais']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="cliente_estado" <?php if($sesion): ?> value="<?php echo $DatosUsuario['cliente_estado']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="cliente_ciudad" <?php if($sesion): ?> value="<?php echo $DatosUsuario['cliente_ciudad']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="cliente_codigo_postal" <?php if($sesion): ?> value="<?php echo $DatosUsuario['cliente_codigo_postal']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="cliente_direccion" <?php if($sesion): ?> value="<?php echo $DatosUsuario['cliente_direccion']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="cliente_telefono" <?php if($sesion): ?> value="<?php echo $DatosUsuario['cliente_telefono']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="cliente_empresa" <?php if($sesion): ?> value="<?php echo $DatosUsuario['cliente_empresa']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="token" id="token">
											<!-- DATOS PARA PÁGO CON PAYPAL -->
											<input type="hidden" name="sid" value="103112521">
											<input type="hidden" name="mode" value="2CO">
											<input type="hidden" name="return_url" value="<?php echo URL::route('SysWebRegistroClientesFinal'); ?>">
											<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="47">
											<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" <?php if($sesion): ?> value="<?php echo $DatosUsuario['card_holder_name']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="street_address" <?php if($sesion): ?> value="<?php echo $DatosUsuario['street_address']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="city" <?php if($sesion): ?> value="<?php echo $DatosUsuario['city']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="state" <?php if($sesion): ?> value="<?php echo $DatosUsuario['state']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="zip" <?php if($sesion): ?> value="<?php echo $DatosUsuario['zip']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="country" <?php if($sesion): ?> value="<?php echo $DatosUsuario['country']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="email" <?php if($sesion): ?> value="<?php echo $DatosUsuario['email']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="phone" <?php if($sesion): ?> value="<?php echo $DatosUsuario['phone']; ?>" <?php else: ?> value="" <?php endif; ?>>
											<input type="hidden" name="paypal_direct" value="Y">
											<input type="hidden" name="x_receipt_link_url" value="https://sumeclientes.com/2CheckoutAprovedURL.php">
										</form>
									</div>
								</div>
							</div>
                  		</div>
                  		<ul class="pager wizard">
                  			<li class="previous"><a href="javascript:void(0)">Anterior</a></li>
                  			<li class="next"><a href="javascript:void(0)">Siguiente</a></li>
                  		</ul>
                  	</div>
				</div>
				<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
					<img src="<?php echo asset('SysWeb/SumeClientes/PSSGPP.png'); ?>" class="img-responsive center-block" style="padding-top: 35px;">
				</div>
			</div>
		</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('WebPro/plugins/bootstrap-wizard/bootstrap-wizard.min.js'); ?>

		<?php /* HTML::script('WebPro/js/form-wizard.js') */ ?>
		<?php echo HTML::script('PNotify/pnotify.custom.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'); ?>

		<?php echo HTML::script('bootstrap-datetimepicker/js/moment-with-locales.js'); ?>

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

		<?php echo HTML::script('Webui-Popover/jquery.webui-popover.min.js'); ?>

		<?php echo HTML::script('VideoJS/video.js'); ?>

		<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/x2js/1.2.0/xml2json.min.js"></script>
		<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>
		<!-- Start of LiveChat (www.livechatinc.com) code -->
		<script type="text/javascript">
			window.__lc = window.__lc || {};
			window.__lc.license = 7392451;
			(function() {
				var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
				lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
				var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
			})();
		</script>
		<!-- End of LiveChat code -->
		<!-- Más scripts -->
		<script type="text/javascript">
			function AbrirChat(){
				$("#operator_avatar").trigger("click");
			}
			TCO.loadPubKey("<?php echo $entorno; ?>");
			$(document).ready(function(){
				$("#pais").change(function(){
					if( $(this).val() != "" ){
						$("input[name='telefono']").intlTelInput("setCountry", $(this).val());
					}
				});
				$("#helpCVV").webuiPopover({
					placement: "right",
					title: "¿Que es el código CVV?",
					content: '<div class="row"> <div class="col-md-12"> <img class="img-responsive" src="<?php echo asset('SysWeb/SumeClientes/securitycode.jpg'); ?>"> </div> </div>',
					type: "html",
					closeable: true,
					cache: true
				});
				$("#vencimiento_tarjeta").datetimepicker({
					locale: "es",
					format: "MM/YYYY",
					viewMode: "years"
					//viewMode: "months"
				});
				$("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");
				/*Clics Botones Siguiente y Anterior*/
				$("#btnSiguienteInicio").click(function(e){ e.preventDefault; $("#aPaso1").trigger("click"); });
				$("#btnSiguientePaso1").click(function(e){ e.preventDefault; $("#aPaso2").trigger("click"); });
				$("#btnAnteriorPaso1").click(function(e){ e.preventDefault; $("#aInicio").trigger("click"); });
				$("#btnSiguientePaso2").click(function(e){ e.preventDefault; $("#aPaso3").trigger("click"); });
				$("#btnAnteriorPaso2").click(function(e){ e.preventDefault; $("#aPaso1").trigger("click"); });
				/**/
				$("#frmAsistente").bootstrapWizard({
					"nextSelector": ".next",
					"previousSelector": ".previous",
					onNext: function(tab, navigation, index) {
						var siguiente = false;
						if(index == 1){
							siguiente = true;
						}
						else if(index == 2){
							var form = $("#frmDatosCuenta");
							if( form.valid() ){
								siguiente == true;
								/* DATOS DEL PREVIEW DE SUSCRIPCIÓN */
								$("#spNombre").html( $("input[name='nombre']").val()+" "+$("input[name='apellido']").val() );
								$("#spEmpresa").html( $("input[name='empresa']").val() );
								$("#spDireccion").html( $("input[name='direccion']").val() );
								$("#spEstado").html( $("select[name='estado']").val() );
								$("#spPais").html( $("select[name='pais']").find("option[value='"+$("select[name='pais']").val()+"']").html() );
								$("#spTelefono").html( $("input[name='telefono']").intlTelInput("getNumber") );
								/* DATOS DEL FORMULARIO PARA POST */
								$("input[name='cliente_nombre']").val( $("input[name='nombre']").val() );
								$("input[name='cliente_apellido']").val( $("input[name='apellido']").val() );
								$("input[name='cliente_correo_electronico']").val( $("input[name='correo_electronico']").val() );
								$("input[name='cliente_pais']").val( $("select[name='pais']").val() );
								$("input[name='cliente_estado']").val( $("select[name='estado']").val() );
								$("input[name='cliente_ciudad']").val( $("input[name='ciudad']").val() );
								$("input[name='cliente_codigo_postal']").val( $("input[name='codigo_postal']").val() );
								$("input[name='cliente_direccion']").val( $("input[name='direccion']").val() );
								$("input[name='cliente_telefono']").val( $("input[name='telefono']").intlTelInput("getNumber") );
								$("input[name='cliente_empresa']").val( $("input[name='empresa']").val() );
								/* DATOS DEL FORMULARIO DE PAYPAL */
								$("input[name='country']").val( $("select[name='pais']").val() );
								$("input[name='state']").val( $("select[name='estado']").val() );
								$("input[name='city']").val( $("input[name='ciudad']").val() );
								$("input[name='zip']").val( $("input[name='codigo_postal']").val() );
								$("input[name='street_address']").val( $("input[name='direccion']").val() );
								$("input[name='email']").val( $("input[name='correo_electronico']").val() );
								$("input[name='phone']").val( $("input[name='telefono']").intlTelInput("getNumber") );
							}
							else{
								return false;
							}
						}
						if(siguiente){
							var $total = navigation.find("li").length;
							var $current = index+1;
							var $percent = ($current/$total) * 100;
							$("#frmAsistente").find(".progress-bar").css("width", $percent+"%");
						}
					},
					onTabClick: function(tab, navigation, index){
						var siguiente = false;
						if(index == 1){
							var form = $("#frmDatosCuenta");
							if( form.valid() ){
								siguiente == true;
								/* DATOS DEL PREVIEW DE SUSCRIPCIÓN */
								$("#spNombre").html( $("input[name='nombre']").val()+" "+$("input[name='apellido']").val() );
								$("#spEmpresa").html( $("input[name='empresa']").val() );
								$("#spDireccion").html( $("input[name='direccion']").val() );
								$("#spEstado").html( $("select[name='estado']").val() );
								$("#spPais").html( $("select[name='pais']").find("option[value='"+$("select[name='pais']").val()+"']").html() );
								$("#spTelefono").html( $("input[name='telefono']").intlTelInput("getNumber") );
								/* DATOS DEL FORMULARIO PARA POST */
								$("input[name='cliente_nombre']").val( $("input[name='nombre']").val() );
								$("input[name='cliente_apellido']").val( $("input[name='apellido']").val() );
								$("input[name='cliente_correo_electronico']").val( $("input[name='correo_electronico']").val() );
								$("input[name='cliente_pais']").val( $("select[name='pais']").val() );
								$("input[name='cliente_estado']").val( $("select[name='estado']").val() );
								$("input[name='cliente_ciudad']").val( $("input[name='ciudad']").val() );
								$("input[name='cliente_codigo_postal']").val( $("input[name='codigo_postal']").val() );
								$("input[name='cliente_direccion']").val( $("input[name='direccion']").val() );
								$("input[name='cliente_telefono']").val( $("input[name='telefono']").intlTelInput("getNumber") );
								$("input[name='cliente_empresa']").val( $("input[name='empresa']").val() );
								/* DATOS DEL FORMULARIO DE PAYPAL */
								$("input[name='country']").val( $("select[name='pais']").val() );
								$("input[name='state']").val( $("select[name='estado']").val() );
								$("input[name='city']").val( $("input[name='ciudad']").val() );
								$("input[name='zip']").val( $("input[name='codigo_postal']").val() );
								$("input[name='street_address']").val( $("input[name='direccion']").val() );
								$("input[name='email']").val( $("input[name='correo_electronico']").val() );
								$("input[name='phone']").val( $("input[name='telefono']").intlTelInput("getNumber") );
							}
							else{
								return false;
							}
						}
					},
					onPrevious: function(tab, navigation, index) {
						var $total = navigation.find("li").length;
						var $current = index+1;
						var $percent = ($current/$total) * 100;
						$("#frmAsistente").find(".progress-bar").css("width", $percent+"%");
					},
					onTabShow: function(tab, navigation, index) {
						var $total = navigation.find("li").length;
						var $current = index+1;
						var $percent = ($current/$total) * 100;
						$("#frmAsistente").find(".progress-bar").css("width", $percent+"%");
					}
				});  
				$(".selectpicker").selectpicker();
				$("#frmDatosCuenta").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("");
					},
					rules:{
						nombre:{ required: true },
						apellido:{ 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();
									}
								}
							}
						},
						pais:{ required: true },
						estado:{ required: true },
						ciudad:{ required: true },
						codigo_postal:{ required: true },
						direccion:{ required: true },
						telefono:{ required: true, glibphonenumber: true },
						empresa:{ required: true },
						terminos:{ required: true }
					},
					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",
							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"
						},
						pais:{ required: "Este campo es obligatorio" },
						estado:{ required: "Este campo es obligatorio" },
						ciudad:{ required: "Este campo es obligatorio" },
						codigo_postal:{ required: "Este campo es obligatorio" },
						direccion:{ 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" },
						terminos:{ required: "Debe aceptar los términos y condiciones" }
					}
				});
				$("input[name='rdFormaPago']").change(function(){
					if( $(this).val() == 1 ){
						$("#dvTarjeta").show("slow");
						$("#tipo_pago").val("T");
						$("input[name='titular_tarjeta']").rules("add", {
							required: true,
							messages: {
								required: "Debe ingresar el nombre del titular de la tarjeta"
							}
						});
						$("input[name='numero_tarjeta']").rules("add", {
							required: true,
							messages: {
								required: "Debe ingresar el número de la tarjeta"
							}
						});
						$("input[name='vencimiento_tarjeta']").rules("add", {
							required: true,
							messages: {
								required: "Debe ingresar la fecha de vencimiento de la tarjeta"
							}
						});
						/*$("input[name='mes_vencimiento']").rules("add", {
							required: true,
							messages: {
								required: "Debe ingresar el mes de vencimiento de la tarjeta"
							}
						});
						$("input[name='anho_vencimiento']").rules("add", {
							required: true,
							messages: {
								required: "Debe ingresar el año de vencimiento de la tarjeta"
							}
						});*/
						$("input[name='cvv']").rules("add", {
							required: true,
							messages: {
								required: "Debe ingresar el código CVV de la tarjeta"
							}
						});
					}
					else{
						$("#dvTarjeta").hide("slow");
						$("#tipo_pago").val("PP");
						$("#dvTarjeta").find(".text-danger").each(function(){ $(this).html(""); });
						$("input[name='numero_tarjeta']").rules("remove");
						$("input[name='vencimiento_tarjeta']").rules("remove");
						/*$("input[name='mes_vencimiento']").rules("remove");
						$("input[name='numero_tarjeta']").rules("remove");*/
						$("input[name='cvv']").rules("remove");
					}
				});
				$("#frmRealizarPago").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) {
						if( $("#tipo_pago").val() == "T" ){
							$("#btnRealizarPago").html('<i class="fa fa-spinner fa-spin"></i> Procesando...').prop("disabled", true);
							var form = form;
							var args = {
								sellerId: "<?php echo $sellerId; ?>",
								publishableKey: "<?php echo $publishableKey; ?>",
								ccNo: $("#numero_tarjeta").val(),
								cvv: $("#cvv").val(),
								expMonth: $("input[name='vencimiento_tarjeta']").val().substr(0, 2),
								expYear: $("input[name='vencimiento_tarjeta']").val().substr(3, 4)
								/*expMonth: $("#mes_vencimiento").val(),
								expYear: $("#anho_vencimiento").val()*/
							};
							TCO.requestToken(function(data){
								$("#token").val(data.response.token.token);
								$.post(
									"<?php echo URL::route('SysWebRegistroClientesFinal'); ?>",
									$("#frmRealizarPago").serialize(),
									function(data){
										$("#btnRealizarPago").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('SysWebRegistroFinalizado2CO'); ?>"; }, 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);
						}
						else if( $("#tipo_pago").val() == "PP" ){
							$("input[name='card_holder_name']").val( $("input[name='nombre']").val()+" "+$("input[name='apellido']").val() );
							$.post(
								"<?php echo URL::route('SysWebRegistroClientesFinalVariablesSesion'); ?>",
								$("#frmDatosCuenta, #frmRealizarPago").serialize(),
								function(data){
									if(data.success){
										form.submit();
									}
									else{
										new PNotify({ title: "Error", text: "Ha ocurrido un error, por favor vuelve a intentarlo", type: "error" });
									}
								},
								"json"
							);
						}
					},
					rules:{
						rdFormaPago:{ required: true }
					},
					messages: {
						rdFormaPago:{ required: "Debe seleccionar una forma de págo" }
					}
				});
				<?php if($sesion): ?>
				$("input[name='telefono']").intlTelInput("setCountry", "<?php echo $DatosUsuario['pais']; ?>");
				$("#aPago").trigger("click");
				<?php endif; ?>
			});
		</script>
		<?php if($sesion){ Session::forget('DatosUsuario'); } ?>
	</body>
</html>