<form role="form" name="form">
	<script cam-script type="text/form-script">
    	camForm.on('form-loaded', function() {
      		camForm.variableManager.fetchVariable('ActividadAFIP');
	      	camForm.variableManager.fetchVariable('Canal');
	      	camForm.variableManager.fetchVariable('CodAdministradora');
	      	camForm.variableManager.fetchVariable('Gateway');
	      	camForm.variableManager.fetchVariable('ModalidadVenta');		
	      	camForm.variableManager.fetchVariable('CuentaAcreditacion');
	      	camForm.variableManager.fetchVariable('Cuotas');
	      	camForm.variableManager.fetchVariable('NombreFantasia');		
	      	camForm.variableManager.fetchVariable('Calle');
	      	camForm.variableManager.fetchVariable('Departamento');
	      	camForm.variableManager.fetchVariable('Localidad');
	      	camForm.variableManager.fetchVariable('NroCalle');
	      	camForm.variableManager.fetchVariable('Piso');
	      	camForm.variableManager.fetchVariable('Provincia');
	      	camForm.variableManager.fetchVariable('estadoDelProceso');
	      	camForm.variableManager.fetchVariable('RespLugarNac');
	      	camForm.variableManager.fetchVariable('RespNacionalidad');
	      	camForm.variableManager.fetchVariable('RespPaisResi');
	      	camForm.variableManager.fetchVariable('RespParticipacion');
	      	camForm.variableManager.fetchVariable('OficinaCuenta');
	      	camForm.variableManager.fetchVariable('CodigoArea');
	      	camForm.variableManager.fetchVariable('TelContacto');
	      	camForm.variableManager.fetchVariable('CantTerminales');
	      	camForm.variableManager.fetchVariable('Plan');
	      	camForm.variableManager.fetchVariable('TipoTerminal');
	      	camForm.variableManager.fetchVariable('RespTipoDoc');
	      	camForm.variableManager.fetchVariable('TIPOIIBB');
	      	camForm.variableManager.fetchVariable('TipoPersona');
	      	camForm.variableManager.fetchVariable('TipoTelefono');
	      	camForm.variableManager.fetchVariable('FirmEmail');	
	      	camForm.variableManager.fetchVariable('FirmApelli');
	      	camForm.variableManager.fetchVariable('FirmNombre');
	      	camForm.variableManager.fetchVariable('FormaDePago');
	      	camForm.variableManager.fetchVariable('IDCobis');
	      	camForm.variableManager.fetchVariable('Marca');
	      	camForm.variableManager.fetchVariable('NROIIBB');
	      	camForm.variableManager.fetchVariable('FirmCP');
	      	camForm.variableManager.fetchVariable('RespNumDoc');
	      	camForm.variableManager.fetchVariable('CUIT');
	      	camForm.variableManager.fetchVariable('RespProfesion');
	      	camForm.variableManager.fetchVariable('FirmTipoPEP');
	      	camForm.variableManager.fetchVariable('FirmPEP');
	      	camForm.variableManager.fetchVariable('ProductoDispo');						
    	});
    	
    	camForm.on('variables-restored', function() {
      		$scope.ActividadAFIP = camForm.variableManager.variableValue('ActividadAFIP');
	     	$scope.Canal = camForm.variableManager.variableValue('Canal');
	      	$scope.CodAdministradora = camForm.variableManager.variableValue('CodAdministradora');
	      	$scope.Gateway = camForm.variableManager.variableValue('Gateway');
	      	$scope.ModalidadVenta = camForm.variableManager.variableValue('ModalidadVenta');
	      	$scope.CuentaAcreditacion = camForm.variableManager.variableValue('CuentaAcreditacion');
	      	$scope.Cuotas = camForm.variableManager.variableValue('Cuotas');
	      	$scope.NombreFantasia = camForm.variableManager.variableValue('NombreFantasia');
	      	$scope.Calle = camForm.variableManager.variableValue('Calle');
	      	$scope.Departamento = camForm.variableManager.variableValue('Departamento');
	      	$scope.Localidad = camForm.variableManager.variableValue('Localidad');
	      	$scope.NroCalle = camForm.variableManager.variableValue('NroCalle');
	      	$scope.Piso = camForm.variableManager.variableValue('Piso');
	      	$scope.Provincia = camForm.variableManager.variableValue('Provincia');
	      	$scope.estadoDelProceso = camForm.variableManager.variableValue('estadoDelProceso');
	      	$scope.RespLugarNac = camForm.variableManager.variableValue('RespLugarNac');
	      	$scope.RespNacionalidad = camForm.variableManager.variableValue('RespNacionalidad');
	      	$scope.RespPaisResi = camForm.variableManager.variableValue('RespPaisResi');
	      	$scope.RespParticipacion = camForm.variableManager.variableValue('RespParticipacion');
	      	$scope.OficinaCuenta = camForm.variableManager.variableValue('OficinaCuenta');
	      	$scope.CodigoArea = camForm.variableManager.variableValue('CodigoArea');
	      	$scope.TelContacto = camForm.variableManager.variableValue('TelContacto');
	      	$scope.CantTerminales = camForm.variableManager.variableValue('CantTerminales');
	      	$scope.Plan = camForm.variableManager.variableValue('Plan');
	      	$scope.TipoTerminal = camForm.variableManager.variableValue('TipoTerminal');
	      	$scope.RespTipoDoc = camForm.variableManager.variableValue('RespTipoDoc');
	      	$scope.TIPOIIBB = camForm.variableManager.variableValue('TIPOIIBB');
	      	$scope.TipoPersona = camForm.variableManager.variableValue('TipoPersona');
	      	$scope.TipoTelefono = camForm.variableManager.variableValue('TipoTelefono');
	      	$scope.FirmEmail = camForm.variableManager.variableValue('FirmEmail');
	      	$scope.FirmApelli = camForm.variableManager.variableValue('FirmApelli');
	      	$scope.FirmNombre = camForm.variableManager.variableValue('FirmNombre');
	      	$scope.FormaDePago = camForm.variableManager.variableValue('FormaDePago');
	      	$scope.IDCobis = camForm.variableManager.variableValue('IDCobis');
	      	$scope.Marca = camForm.variableManager.variableValue('Marca');
	      	$scope.NROIIBB = camForm.variableManager.variableValue('NROIIBB');
	      	$scope.FirmCP = camForm.variableManager.variableValue('FirmCP');
	      	$scope.RespNumDoc = camForm.variableManager.variableValue('RespNumDoc');
	      	$scope.CUIT = camForm.variableManager.variableValue('CUIT');
	      	$scope.RespProfesion = camForm.variableManager.variableValue('RespProfesion');
	      	$scope.FirmTipoPEP = camForm.variableManager.variableValue('FirmTipoPEP');
	      	$scope.FirmPEP = camForm.variableManager.variableValue('FirmPEP');
	      	$scope.ProductoDispo = camForm.variableManager.variableValue('ProductoDispo');
    	});
  	</script>
	<style>
	
		.styled-box {
			border-collapse: collapse;
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
			width: 100%;
			margin-bottom: 20px;
			padding: 20px 20px 5px 20px;
		}
		
		.styled-table {
			border-collapse: collapse;
			margin: 25px 0;
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
			width: 100%;
			margin-bottom: 20px;
		}
	
		.styled-table thead tr {
    		background-color: #0A3459;
    		color: #ffffff;
    		text-align: left;
		}

		.styled-table th,
		.styled-table td {
    		padding: 12px 15px;
		}
		
		.styled-table td:first-child { 
    		font-weight: bold;
		}

		.styled-table tbody tr {
    		border-bottom: 1px solid #dddddd;
		}
		
		.styled-table tbody tr:hover {
    		background-color:  #eaf0f8;
		}

		.styled-table tbody tr:nth-of-type(even) {
    		background-color: #f9f9f9;
		}
		
		.styled-table tbody tr:nth-of-type(even):hover {
    		background-color: #eaf0f8;
		}

		h2 {
			margin-bottom: 10px;
		}
	</style>

	<div class="styled-box">
		<h2>Solicitud de Alta</h2>
		<h2>Informaciones de Contacto:</h2>
		<address>
			<p><strong>{{FirmNombre}} {{FirmApelli}}</strong></p>
			<p>{{TipoTelefono}} - ({{CodigoArea}}) {{TelContacto}}</p>
			<p>{{Calle}} / {{Departamento}} / {{Localidad}} / {{NroCalle}} / {{Piso}} / {{Provincia}}</p>
			<p><a href="mailto:{{FirmEmail}}">{{FirmEmail}}</a></p>
		</address>
	</div>

	<table class="styled-table">
		<tr>
			<td style="width: 40%">Actividad AFIP:</td>
			<td>{{ ActividadAFIP }}</td>
		</tr>
		<tr>
			<td>Canal:</td>
			<td>{{ Canal }}</td>
		</tr>
		<tr>
			<td>C&oacute;digo Administradora:</td>
			<td>{{ CodAdministradora }}</td>
		</tr>
		<tr>
			<td>Comercio-Request Gateway:</td>
			<td>{{ Gateway }}</td>
		</tr>
		<tr>
			<td>Comercio-Request Modo Operaci&oacute;n:</td>
			<td>{{ ModalidadVenta }}</td>
		</tr>
		<tr>
			<td>Cuenta Acreditaci&oacute;n:</td>
			<td>{{ CuentaAcreditacion }}</td>
		</tr>
		<tr>
			<td>Datos Comercio- Nombre Fantas&iacute;a:</td>
			<td>{{ NombreFantasia }}</td>
		</tr>
		<tr>
			<td>Estado del Proceso:</td>
			<td>{{ estadoDelProceso }}</td>
		</tr>
		<tr>
			<td>Resp. Lugar Nacimiento:</td>
			<td>{{ RespLugarNac }}</td>
		</tr>
		<tr>
			<td>Resp. Nacionalidad:</td>
			<td>{{ RespNacionalidad }}</td>
		</tr>
		<tr>
			<td>Resp. Pa&iacute;s Residencia:</td>
			<td>{{ RespPaisResi }}</td>
		</tr>
		<tr>
			<td>Resp. Participaci&oacute;n:</td>
			<td>{{ RespParticipacion }}</td>
		</tr>
		<tr>
			<td>Sucursal N&uacute;mero:</td>
			<td>{{ OficinaCuenta }}</td>
		</tr>
		<tr>
			<td>Terminales Cantidad:</td>
			<td>{{ CantTerminales }}</td>
		</tr>
		<tr>
			<td>Terminales - Tipo Plan:</td>
			<td>{{ Plan }}</td>
		</tr>
		<tr>
			<td>Terminales - Tipo Terminal:</td>
			<td>{{ TipoTerminal }}</td>
		</tr>
		<tr>
			<td>Tipo Identificaci&oacute;n:</td>
			<td>{{ RespTipoDoc }}</td>
		</tr>
		<tr>
			<td>Tipo Ingresos Brutos:</td>
			<td>{{ TIPOIIBB }}</td>
		</tr>
		<tr>
			<td>Tipo Persona:</td>
			<td>{{ TipoPersona }}</td>
		</tr>
		<tr>
			<td>Forma De Pago:</td>
			<td>{{ FormaDePago }}</td>
		</tr>
		<tr>
			<td>ID Cobis:</td>
			<td>{{ IDCobis }}</td>
		</tr>
		<tr>
			<td>Marca:</td>
			<td>{{ Marca }}</td>
		</tr>
		<tr>
			<td>Nro Ingresos Brutos:</td>
			<td>{{ NROIIBB }}</td>
		</tr>
		<tr>
			<td>Firm CP.:</td>
			<td>{{ FirmCP }}</td>
		</tr>
		<tr>
			<td>N&uacute;mero de Identificaci&oacute;n:</td>
			<td>{{ RespNumDoc }}</td>
		</tr>
		<tr>
			<td>Persona Natural Identificaci&oacute;n:</td>
			<td>{{ CUIT }}</td>
		</tr>
		<tr>
			<td>Persona Natural Ocupaci&oacute;n:</td>
			<td>{{ RespProfesion }}</td>
		</tr>
		<tr>
			<td>Pol&iacute;tico Expuesto Categoria Identificaci&oacute;n:</td>
			<td>{{ FirmTipoPEP }}</td>
		</tr>
		<tr>
			<td>Pol&iacute;tico Expuesto Estado:</td>
			<td>{{ FirmPEP }}</td>
		</tr>
		<tr>
			<td>Producto Disponible:</td>
			<td>{{ ProductoDispo }}</td>
		</tr>
	</table>

	<div class="styled-box">
		<h2>Aprobaci&oacute;n</h2>
		<p><span style="font-size: 15px;">&iquest;Desea reprocesar el Alta en SmartOpen?</span> 
		<input type="checkbox" cam-variable-name="reprocesarAltaSMO" cam-variable-type="Boolean"/></p>
	</div>
</form>