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

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

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

<style type="text/css">
	.image_picker_image {
		height: 260px !important;
		width: 200px !important;
	}
	.mdSegmentacionxEtiquetas .modal-dialog {
		width: 750px;
	}
	#frmReglaAutomatizacionSxE .input-group .input-group-btn button {
		border-radius: 0 !important;
	}
	.dvRegla .bootstrap-select {
		z-index: unset !important;
	}
	.dvRegla >.input-group {
		display: flex;
	}
	#frmReglaAutomatizacionSxE .input-group .input-group-btn button.btn-default{
		padding-left: 5px;
		padding-right: 22px;
	}
	.bootstrap-select.btn-group .dropdown-toggle .caret{
		right: 7px;
	}
	.color-head-modal .modal-header {
		background-color: #363b3f !important;
	}
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('Contenido'); ?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-envelope-o"></i> E-Mail Marketing </h2>
	</div>
</div>

<?php
	$Cliente = Cliente::where('users_id', '=', Auth::user()->id)->first();
	$confTE = (ConfiguracionTienda::where('clientes_id', '=', $Cliente->id)->count() == 1)?true:false;
	$TokenDeCalendly = TokenDeCalendly::where('clientes_id', '=', $Cliente->id)->first();
?>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Editar lista de suscriptores </h3> </div>
			<div class="porlets-content">
				<?php echo Form::open(array('route' => array('SysWebEmailMarketingListasSubscriptoresEditar', $ListaEmail->id), 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmEditar', 'files' => true, 'target' => 'upload_iframe')); ?>

					<?php /* <?php if( $ListaEmail->segmentacion == 0 ): ?>
						<?php if( ListaEmail::where('clientes_id', '=', $Cliente->id)->whereRaw('(gestion_clientes = "P" OR gestion_clientes = "C" OR gestion_clientes = "CT")')->count() < 3 ): ?>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Típo de lista </label>
						<div class="col-sm-9">
							<div class="radio-inline">
								<label>
									<input type="radio" <?php if($ListaEmail->gestion_clientes == 'N'): ?> checked <?php endif; ?> value="N" id="tipoListaN" name="tipoLista">
									<span class="custom-radio"></span> Normal
								</label>
							</div>
							<?php if( ListaEmail::where('clientes_id', '=', $Cliente->id)->where('gestion_clientes', '=', 'P')->count() == 0 ): ?>
							<div class="radio-inline">
								<label>
									<input type="radio" <?php if($ListaEmail->gestion_clientes == 'P'): ?> checked <?php endif; ?> value="P" id="tipoListaP" name="tipoLista">
									<span class="custom-radio"></span> Prospectos (GP)
								</label>
							</div>
							<?php endif; ?>
							<?php if( ListaEmail::where('clientes_id', '=', $Cliente->id)->where('gestion_clientes', '=', 'C')->count() == 0 ): ?>
							<div class="radio-inline">
								<label>
									<input type="radio" <?php if($ListaEmail->gestion_clientes == 'C'): ?> checked <?php endif; ?> value="C" id="tipoListaP" name="tipoLista">
									<span class="custom-radio"></span> Clientes (GP)
								</label>
							</div>
							<?php endif; ?>
							<?php if( $confTE ): ?>
								<?php if( ListaEmail::where('clientes_id', '=', $Cliente->id)->where('gestion_clientes', '=', 'CT')->count() == 0 ): ?>
							<div class="radio-inline">
								<label>
									<input type="radio" <?php if($ListaEmail->gestion_clientes == 'CT'): ?> checked <?php endif; ?> value="CT" id="tipoListaP" name="tipoLista">
									<span class="custom-radio"></span> Clientes Tienda
								</label>
							</div>
								<?php endif; ?>
							<?php endif; ?>
							<span class="text-danger" id="errtipoLista"> </span>
						</div>
					</div>
						<?php endif; ?>
					<?php endif; ?> */ ?>
					<?php
						if( $ListaEmail->segmentacion == 0 ){
							if( $ListaEmail->gestion_clientes == 'P' ){
								$tipoDeLista = 'Prospectos (GP)';
								$valTipoDeLista = 'Prospectos (GP)';
							}
							elseif( $ListaEmail->gestion_clientes == 'C' ){
								$tipoDeLista = 'Clientes (GP)';
							}
							elseif( $ListaEmail->gestion_clientes == 'CT' ){
								$tipoDeLista = 'Clientes Tienda';
							}
							elseif( $ListaEmail->gestion_clientes == 'AC' ){
								$tipoDeLista = 'Abandono de Compra';
							}
							else{
								$tipoDeLista = 'Normal';
							}
						}
						else{
							$tipoDeLista = 'Segmentada';
						}
						$confTE = (ConfiguracionTienda::where('clientes_id', '=', $Cliente->id)->count() == 1)?true:false;
					?>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Tipo de lista </label>
						<div class="col-sm-9">
							<?php echo Form::text('nombre', $tipoDeLista,  array('class' => 'form-control', 'readonly' => 'readonly', 'disabled' => 'disabled')); ?>

							<span class="text-danger" id="errnombre"> </span>
							<input type="hidden" name="tipoLista" value="<?php echo $ListaEmail->gestion_clientes; ?>">
						</div>
					</div>
					<?php if( $confTE ): ?>
						<?php if( $ListaEmail->gestion_clientes == 'AC' ): ?>
						<div class="form-group dvTipoAC">
							<label class="col-sm-3 control-label"> Agregar al CRM <span class="fa fa-question-circle tooltips" title="Solo se registrarán las personas que hayan ingresado los campos requeridos por el CRM"></span> </label>
							<div class="col-sm-9">
								<div class="radio-inline">
									<label>
										<input type="radio" <?php if( $ListaEmail->suscribir_gp ): ?> checked <?php endif; ?> value="1" id="rdAgregarCRMS" name="rdAgregarCRM">
										<span class="custom-radio"></span> Si
									</label>
								</div>
								<div class="radio-inline">
									<label>
										<input type="radio" <?php if( !$ListaEmail->suscribir_gp ): ?> checked <?php endif; ?> value="0" id="rdAgregarCRMN" name="rdAgregarCRM">
										<span class="custom-radio"></span> No
									</label>
								</div>
								<span class="text-danger" id="errenviar_copia_pefil"> </span>
							</div>
						</div>
						<?php endif; ?>
					<?php endif; ?>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Nombre de la lista </label>
						<div class="col-sm-9">
							<?php echo Form::text('nombre', $ListaEmail->nombre,  array('class' => 'form-control', 'placeholder' => '')); ?>

							<span class="text-danger" id="errnombre"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Perfil de envío de correos </label>
						<div class="col-sm-9">
							<?php /* Form::select('configuraciones_emails_id', $slConfiguracionesEmails, $ListaEmail->configuraciones_emails_id, array('class' => 'form-control selectpicker', 'data-live-search' => 'true')) */ ?>
							<select name="configuraciones_emails_id" class="form-control selectpicker" id="configuraciones_emails_id">
								<option value=""> Seleccione un perfil... </option>
								<?php foreach( $slConfiguracionesEmails as $indice => $Perfil ): ?>
								<option <?php if( $ListaEmail->configuraciones_emails_id == $indice ): ?> selected <?php endif; ?> value="<?php echo $indice; ?>" data-confirmacion="<?php echo $Perfil['confirmacion']; ?>">
									<?php echo $Perfil['valor']; ?> &lt;<?php echo $Perfil['correo_electronico']; ?>&gt;
								</option>
								<?php endforeach; ?>
							</select>
							<span class="text-danger" id="errconfiguraciones_emails_id"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">
							¿Enviar notificaciones de suscripción a correo electrónico del perfil seleccionado?
							<i class="fa fa-question-circle tooltips" data-toggle="tooltip" data-original-title="Si seleccionas que sí, las notificaciones se enviarán al correo electrónico del propietario de la cuenta y al perfil de envío de correos que seleccionaste arriba"></i>
						</label>
						<div class="col-sm-9">
							<div class="radio-inline">
								<label>
									<input type="radio" <?php if($ListaEmail->enviar_copia_pefil == 1): ?> checked <?php endif; ?> value="1" id="enviarCPerfilS" name="enviar_copia_pefil">
									<span class="custom-radio"></span> Si
								</label>
							</div>
							<div class="radio-inline">
								<label>
									<input type="radio" <?php if($ListaEmail->enviar_copia_pefil == 0): ?> checked <?php endif; ?> value="0" id="enviarCPerfilN" name="enviar_copia_pefil">
									<span class="custom-radio"></span> No
								</label>
							</div>
							<span class="text-danger" id="errenviar_copia_pefil"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Horarios de envío </label>
						<div class="col-sm-9">
							<div class="row">
								<div class="col-md-2">
									<div class="form-group">
										<div class="radio">
											<label>
												<input type="radio" <?php if($ListaEmail->configuracion_personalizada == 0): ?> checked <?php endif; ?> value="0" id="configuracion_personalizada0" name="configuracion_personalizada">
												<span class="custom-radio"></span> Por defecto
											</label>
										</div>
										<br>
										<div class="radio">
											<label>
												<input type="radio" <?php if($ListaEmail->configuracion_personalizada == 1): ?> checked <?php endif; ?> value="1" id="configuracion_personalizada1" name="configuracion_personalizada">
												<span class="custom-radio"></span> Personalizado
											</label>
										</div>
									</div>
									<span class="text-danger" id="errconfirmacion"> </span>
								</div>
								<div id="Personalizacion" <?php if($ListaEmail->configuracion_personalizada == 0): ?> style="display:none;" <?php endif; ?>>
									<div class="col-md-3" style="padding-bottom: 10px;">
										<label> Días </label>
										<div class="checkbox">
											<label>
												<input type="checkbox" value="1" name="Dia[Lunes]" <?php if($ConfiguracionListaEmail->lunes == 1): ?> checked <?php endif; ?>>
												<span class="custom-checkbox"></span> Lunes
											</label>
										</div>
										<div class="checkbox">
											<label>
												<input type="checkbox" value="1" name="Dia[Martes]" <?php if($ConfiguracionListaEmail->martes == 1): ?> checked <?php endif; ?>>
												<span class="custom-checkbox"></span> Martes
											</label>
										</div>
										<div class="checkbox">
											<label>
												<input type="checkbox" value="1" name="Dia[Miercoles]" <?php if($ConfiguracionListaEmail->miercoles == 1): ?> checked <?php endif; ?>>
												<span class="custom-checkbox"></span> Miercoles
											</label>
										</div>
										<div class="checkbox">
											<label>
												<input type="checkbox" value="1" name="Dia[Jueves]" <?php if($ConfiguracionListaEmail->jueves == 1): ?> checked <?php endif; ?>>
												<span class="custom-checkbox"></span> Jueves
											</label>
										</div>
										<div class="checkbox">
											<label>
												<input type="checkbox" value="1" name="Dia[Viernes]" <?php if($ConfiguracionListaEmail->viernes == 1): ?> checked <?php endif; ?>>
												<span class="custom-checkbox"></span> Viernes
											</label>
										</div>
										<div class="checkbox">
											<label>
												<input type="checkbox" value="1" name="Dia[Sabado]" <?php if($ConfiguracionListaEmail->sabado == 1): ?> checked <?php endif; ?>>
												<span class="custom-checkbox"></span> Sábado
											</label>
										</div>
										<div class="checkbox">
											<label>
												<input type="checkbox" value="1" name="Dia[Domingo]" <?php if($ConfiguracionListaEmail->domingo == 1): ?> checked <?php endif; ?>>
												<span class="custom-checkbox"></span> Domingo
											</label>
										</div>
										<span class="text-danger" id="errDia"> </span>
									</div>
									<div class="col-md-7">
										<div class="row">
											<div class="col-md-12">
												<label> Hora de inicio </label>
												<br>
												<?php /*<input type="text" class="form-control" name="hora_inicio" id="hora_inicio" value="<?php echo date('h:i a', strtotime($ConfiguracionListaEmail->hora_inicio)); ?>">
												<span class="text-danger" id="errhora_inicio"> </span>*/ ?>
												<div class="input-group input-large">
													<span class="input-group-addon"> DE </span>
													<input type="text" class="form-control" name="hora_inicio" id="hora_inicio" value="<?php echo date('h:i a', strtotime($ConfiguracionListaEmail->hora_inicio)); ?>">
													<span class="input-group-addon"> A </span>
													<input type="text" class="form-control" name="hora_fin" id="hora_fin" value="<?php /* date('h:i a', strtotime($ConfiguracionListaEmail->hora_fin)) */ ?>" disabled>
												</div>
												<span class="text-danger" id="errhora_inicio"> </span>
												<span class="text-danger" id="errhora_fin"> </span>
											</div>
											<div class="col-md-12">
												<label> Zona horaria </label>
												<?php $ZonaHoraria = ($ConfiguracionListaEmail->zona_horaria=='')?$Cliente->zona_horaria:$ConfiguracionListaEmail->zona_horaria; ?>
												<?php echo Timezone::selectForm($ZonaHoraria, 'Seleccione su zona horaria...', array('class' => 'form-control selectpicker', 'data-live-search' => 'true', 'name' => 'zona_horaria'), array('customValue' => 'true')); ?>

												<span class="text-danger" id="errzona_horaria"> </span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<?php
								$colas_tareas = array();
								if( SecuenciaSeguimiento::select('id')->where('listas_emails_id', '=', $ListaEmail->id)->where('posicion', '=', 1)->count() > 0 ){
									$SS1 = SecuenciaSeguimiento::select('id')->where('listas_emails_id', '=', $ListaEmail->id)->where('posicion', '=', 1)->first()->id;
									$sql = "SELECT ID, payload FROM colas_tareas WHERE payload LIKE '%\"SSID\":\"$SS1\"%' OR payload LIKE '%\"SSID\":$SS1%';";
									$colas_tareas = DB::select(DB::raw($sql));
								}
							?>
							<?php if( count($colas_tareas) > 0 ): ?>
							<div class="alert alert-info" role="alert">
								Este cambio será aplicado a los suscriptores de tu lista que no tengan una secuencia programada
							</div>
							<?php endif; ?>
						</div>
					</div>
					<?php /*<div class="form-group">
						<label class="col-sm-3 control-label"> Envio de confirmación </label>
						<div class="col-sm-9">
							<label class="checkbox-inline">
								<?php echo Form::checkbox('confirmacion', 1, ($ListaEmail->confirmacion==1)?true:null, array('class' => '', 'id' => 'confirmacion')); ?>

								<span class="custom-checkbox"></span> Deseo enviar mensaje de confirmación
							</label>
							<span class="text-danger" id="errconfirmacion"> </span>
						</div>
					</div>*/ ?>
					<?php /*<div class="form-group" id="pconfirmacion" <?php if($ListaEmail->confirmacion!=1): ?>style="display: none;"<?php endif; ?>>
						<label class="col-sm-3 control-label"> Página de agradecimiento </label>
						<div class="col-sm-9">
							<?php echo Form::text('pagina_confirmacion', $ListaEmail->pagina_confirmacion,  array('class' => 'form-control', 'placeholder' => '')); ?>

							<span class="text-danger" id="errpagina_confirmacion"> </span>
						</div>
					</div>*/ ?>
					<div id="confpconfirmacion" <?php if($ListaEmail->confirmacion!=1): ?>style="display: none;"<?php endif; ?>>
						<div class="form-group" id="pconfirmacion">
							<label class="col-sm-3 control-label"> Página de agradecimiento </label>
							<div class="col-sm-9">
								<?php echo Form::text('pagina_confirmacion', $ListaEmail->pagina_confirmacion,  array('class' => 'form-control', 'placeholder' => '')); ?>

								<span class="text-danger" id="errpagina_confirmacion"> </span>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label"> Tipo de mensaje </label>
							<div class="col-sm-9">
								<label class="checkbox-inline">
									<?php echo Form::checkbox('tipo', 1, ($ListaEmail->tipo=='T')?true:null, array('id' => 'tipo')); ?>

									<span class="custom-checkbox"></span> Solo texto, no quiero la plantilla HTML
								</label>
								<span class="text-danger" id="errtipo"> </span>
							</div>
						</div>
						<div id="confplantilla" <?php if($ListaEmail->tipo=='T'): ?>style="display: none;"<?php endif; ?>>
							<div class="form-group">
								<label class="col-sm-3 control-label"> Plantilla HTML </label>
								<div class="col-sm-9">
									<?php /* MACRO REALIZADO POR KEVIN MORÁN PUEDE UBICARSE EN /app/start/global.php AL FINAL DEL DOCUMENTO POR SI NECESITA MODIFICARSE */ ?>
									<?php echo Form::slPlantillasMensajes('color', array('azul' => 'blue', 'verde' => 'green', 'rosado' => 'pink'), $ListaEmail->color); ?>

									<span class="text-danger" id="errcolor"> </span>
								</div>
							</div>
						</div>
					</div>
					<div class="form-group" id="pconfirmacion">
						<label class="col-sm-3 control-label"> Página de desuscripción </label>
						<div class="col-sm-9">
							<?php echo Form::text('pagina_desuscripcion', $ListaEmail->pagina_desuscripcion,  array('class' => 'form-control', 'placeholder' => '')); ?>

							<span class="text-danger" id="errpagina_desuscripcion"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">
							Descripción 
							<i class="fa fa-question-circle tooltips" data-toggle="tooltip" data-original-title="Usaremos este texto como descripción de la lista en el mensaje de los correos de confirmación que se envían al importar bases de datos a esta lista de suscriptores"></i>
						</label>
						<div class="col-sm-9">
							<?php echo Form::textarea('descripcion', $ListaEmail->descripcion, array('class' => 'form-control', 'rows' => '6', 'placeholder' => '')); ?> <br>
							<span class="text-danger" id="errdescripcion"> </span>
						</div>
					</div>
					<div class="form-group">
						<?php
							//$Cliente = Cliente::where('users_id', '=', Auth::user()->id)->first();
							$fbLFActivo = false;
							if( $Cliente->fb_accesskey != '' ){
								//$Cliente = Cliente::where('users_id', '=', Auth::user()->id)->first();
								$app_id = (App::environment() == 'local' || strpos(public_path(), 'desarrollo'))?'216664162092407':'1304262509596042';
								$app_secret = (App::environment() == 'local' || strpos(public_path(), 'desarrollo'))?'4cc7cfca1c4ed025c17405b5cdb1a254':'d4915515816c0a14134da862d706576c';
								$app_token = (App::environment() == 'local' || strpos(public_path(), 'desarrollo'))?'216664162092407|1V1Llmm9m0PRsKtMSR1ukyF8D10':'1304262509596042|aAlB3fdZqbc-CYF22R2FXBrNp00';
								/*$app_id = '1304262509596042';
								$app_secret = 'd4915515816c0a14134da862d706576c';
								$app_token = '1304262509596042|aAlB3fdZqbc-CYF22R2FXBrNp00';*/
								$input_token = $Cliente->fb_accesskey;
								try{
									//$fb = new Facebook\Facebook(array('app_id' => $app_id, 'app_secret' => $app_secret, 'default_graph_version' => 'v2.8'));
									$fb = new Facebook\Facebook(array('app_id' => $app_id, 'app_secret' => $app_secret, 'default_graph_version' => 'v3.2'));
									$response = $fb->get("/debug_token?input_token=$input_token&access_token=$app_token", $app_token);
									$debug_token = json_decode($response->getGraphNode());
									if( $debug_token->is_valid ){ $fbLFActivo = true; }
								}
								catch(Exception $e){
									$fbLFActivo = false;
								}
							}
						?>
						<label class="col-sm-3 control-label">Campos disponibles para registrar
							<i class="fa fa-question-circle tooltips" data-toggle="tooltip" data-original-title="Si deseas registrar información adicional de tus suscriptores para esta lista acá encontraras los campos disponible, solo debes buscarlos y dar clic en el botón +"></i>
							<!--a onclick=""  type="button" id=""><span class="fa fa-plus-circle tooltips" title="Si no encuentras el campo que deseas registrar puedes dar clic aqui y crearlo">
							</span></a-->
						</label>
						<div class="col-sm-9">
								<div class="input-group">
									<?php /* Form::select('campo_personalizado', $slCamposPersonalizados, null, array('class' => 'form-control selectpicker', 'id' => 'slCamposPersonalizados', 'data-live-search' => 'true')) */ ?>
									<select class="form-control selectpicker" id="slCamposPersonalizados" data-live-search="true" multiple data-selected-text-format="count > 2" data-actions-box="true">
										<option value="" disabled>Seleccione un campo...</option>
										<?php foreach( $CamposPersonalizados as $CampoPersonalizado ): ?>
												<?php /* <option value="<?php echo $CampoPersonalizado->id; ?>" <?php if($CampoPersonalizado->fb_slug != ''): ?> data-icon="fa fa-facebook" <?php endif; ?> ><?php echo $CampoPersonalizado->nombre; ?></option> */ ?>
												<?php if($CampoPersonalizado->fb_slug != '' && $fbLFActivo ): ?>
												<option value="<?php echo $CampoPersonalizado->id; ?>" data-slug="<?php echo $CampoPersonalizado->slug; ?>" data-content="<span class='label label-primary'><i class='fa fa-facebook'></i></span> <?php echo $CampoPersonalizado->nombre; ?>"><?php echo $CampoPersonalizado->nombre; ?></option>
												<?php else: ?>
												<option value="<?php echo $CampoPersonalizado->id; ?>" data-slug="<?php echo $CampoPersonalizado->slug; ?>"><?php echo $CampoPersonalizado->nombre; ?></option>
												<?php endif; ?>
										<?php endforeach; ?>
									</select>
									<div class="input-group-btn"> <button id="btnSlCampo" class="btn btn-default" type="button" disabled> <i class="fa fa-plus"></i> </button> </div>
									<div class="input-group-btn tooltips"  title="Si no encuentras el campo que deseas registrar puedes dar clic aqui y crearlo"> <button id="btCamporadicionales" class="btn btn-default" type="button"> <i class="fa fa-info-circle"></i> </button> </div>
								</div>
								<?php if( $fbLFActivo ): ?>
								<div class="alert alert-info" role="alert" style="margin-top: 10px;">
									<strong>IMPORTANTE:</strong> Los campos que tienen el ícono de Facebook son compatibles con los Facebook Leads Forms, si deseas hacer tus propios campos compatibles haz <a href="https://doc.sumeclientes.club/integracion-con-facebook" target="_blank"> clic aquí para ver las instrucciones </a>
								</div>
								<?php endif; ?>
						</div>
						<div class="col-sm-12"><br></div>
						<!--label class="col-sm-3 control-label">Campos adicionales para registrar </label>
						<div class="col-sm-9">
							<div class="col-sm-12">
								<div class="input-group">
									<input type="text" placeholder="Campos adicionales para registrar" class="form-control" id="txtCampo">
									<div class="input-group-btn"> <button id="btnTxtCampo" class="btn btn-default" type="button"> <i class="fa fa-plus"></i> </button> </div>
								</div>
								<span class="text-danger" id="errcampo"> </span>
								<div class="alert alert-warning" role="alert" style="margin-top: 10px;">
									<strong>IMPORTANTE:</strong> Antes de agregar un campo por favor asegúrate de que no exista ya en el desplegable de “Seleccione un campo…”  porque si ya existe puede generar problemas al momento de agregar un suscriptor nuevo
									<br><br>
									Los campos tienen un limite de 40 caracteres y no pueden llevar caracteres especiales (¡#?)
									<br><br>
									Si tienes dudas sobre que campos puedes agregar o como agregarlos no dudes en contactarnos por medio del chat
								</div>
							</div>
						</div-->
						<div class="col-sm-12"><br></div>
						<label class="col-sm-3 control-label">Campos asignados para registrar </label>
						<div class="col-sm-3">
							<div class="" id="Campos">
								<?php /* <input type="text" class="form-control" value="Correo electronico" readonly> */ ?>
								<?php /*<?php foreach($CamposListasEmails as $CampoListaEmail): ?>
								<input type="text" style="margin-top: 5px;" class="form-control" value="<?php echo $CampoListaEmail->nombre; ?>" readonly>
								<?php endforeach; ?>*/ ?>
								<?php foreach($CamposListasEmails as $CampoListaEmail): ?>
									<?php if($CampoListaEmail->id == 1): ?>
								<input type="text" class="form-control tooltips" value="Correo electronico" readonly data-toggle="tooltip" data-original-title="<?php echo Slugify::slugify('Correo electronico', '_');; ?>">
								<input type="hidden" name="campos_listas_emails[<?php echo $CampoListaEmail->id; ?>][requerido]" value="1">
								<input type="hidden" name="campos_listas_emails[<?php echo $CampoListaEmail->id; ?>][id]" value="<?php echo $CampoListaEmail->id; ?>">
								<input type="hidden" name="campos_listas_emails[<?php echo $CampoListaEmail->id; ?>][idCLE]" value="<?php echo $CampoListaEmail->idCLE; ?>">
									<?php else: ?>
								<div class="input-group" style="margin-top: 5px;" id="Campo<?php echo $CampoListaEmail->id; ?>">
									<span class="input-group-addon tooltips" data-toggle="tooltip" data-original-title="Campo requerido">
										<input type="checkbox" name="campos_listas_emails[<?php echo $CampoListaEmail->id; ?>][requerido]" value="1" <?php if($CampoListaEmail->requerido==1): ?>checked <?php endif; ?>
										<?php if( $ListaEmail->gestion_clientes == 'P' && ( $CampoListaEmail->nombre == 'Teléfono' || $CampoListaEmail->nombre == 'Nombre Completo' ) ): ?> checked onclick="return false;" onkeydown="return false;" <?php endif; ?> >
										<span class="custom-checkbox"></span>
									</span>
									<input type="text" class="form-control tooltips" value="<?php echo $CampoListaEmail->nombre; ?>" readonly data-toggle="tooltip" data-original-title="<?php echo Slugify::slugify($CampoListaEmail->nombre, '_');; ?>">
									<input type="hidden" name="campos_listas_emails[<?php echo $CampoListaEmail->id; ?>][id]" value="<?php echo $CampoListaEmail->id; ?>">
									<input type="hidden" name="campos_listas_emails[<?php echo $CampoListaEmail->id; ?>][idCLE]" value="<?php echo $CampoListaEmail->idCLE; ?>">
								</div>
									<?php endif; ?>
								<?php endforeach; ?>
							</div>
							<div class="col-sm-12"><br></div>
						</div>
					</div>
					<fieldset>
						<legend> Automatizaciones </legend>
						<div class="form-group">
							<label class="col-sm-3 control-label"> Desuscribir al suscribirse en </label>
							<div class="col-sm-9">
								<?php
									$idsLEADS = array();
									if( AutomatizacionLista::where('lista_principal', '=', $ListaEmail->id)->where('tipo', '=', 'DS')->count() != 0 ){
										$AutomatizacionDS = AutomatizacionLista::select('lista_secundaria')->where('lista_principal', '=', $ListaEmail->id)->where('tipo', '=', 'DS')->first()->lista_secundaria;
										$AutomatizacionesDS = AutomatizacionLista::select('lista_secundaria')->where('lista_principal', '=', $ListaEmail->id)->where('tipo', '=', 'DS')->get();
										foreach( $AutomatizacionesDS AS $idLEADS ){
											$idsLEADS[] = $idLEADS->lista_secundaria;
										}
									}
									else{
										$AutomatizacionDS = null;
									}
								?>
								<!-- <?php echo Form::select('slAutomatizacion[]', $slListasEmails, $AutomatizacionDS, array('class' => 'form-control selectpicker', 'id' => 'slAutomatizacion', 'data-live-search' => 'true', 'multiple' => 'multiple', 'data-selected-text-format' => 'count')); ?> -->
								<select name="slAutomatizacion[]" id="slAutomatizacion" class="form-control selectpicker" data-live-search="true" multiple="multiple" data-selected-text-format="count" title="Seleccione una lista de suscriptores o selecciona esta si deseas eliminar esta automatización...">
									<?php foreach( $slListasEmails as $indice => $le ): ?>
										<?php if( $indice != '' ): ?>
											<?php if( in_array($indice, $idsLEADS) ): ?>
									<option value="<?php echo $indice; ?>" selected> <?php echo $le; ?> </option>
											<?php else: ?>
									<option value="<?php echo $indice; ?>"> <?php echo $le; ?> </option>
											<?php endif; ?>
										<?php endif; ?>
									<?php endforeach; ?>
								</select>
								<span class="text-danger" id="errslAutomatizacion"> </span>
							</div>
						</div>
						<?php if( $ListaEmail->gestion_clientes == 'P' ): ?>
						<div class="dvAGProspectos">
							<div class="form-group">
								<label class="col-sm-3 control-label"> Asignación de encargado para atender... </label>
								<div class="col-sm-9">
									<div class="radio-inline">
										<label>
											<input type="radio" <?php if( $ListaEmail->regla_asignacion_gc == 'US' ): ?> checked <?php endif; ?> value="US" id="rdUsuarioS" name="rdUsuarioAGP">
											<span class="custom-radio"></span> Usuario:
										</label>
									</div>
									<div class="radio-inline">
										<label>
											<input type="radio" <?php if( $ListaEmail->regla_asignacion_gc == 'UA' ): ?> checked <?php endif; ?> value="UA" id="rdUsuarioA" name="rdUsuarioAGP">
											<span class="custom-radio"></span> Usuario aleatorio
										</label>
									</div>
									<div class="radio-inline">
										<label>
											<input type="radio" <?php if( $ListaEmail->regla_asignacion_gc == 'MP' ): ?> checked <?php endif; ?> value="MP" id="rdUsuarioMP" name="rdUsuarioAGP">
											<span class="custom-radio"></span> Usuario con menos pendientes
										</label>
									</div>
									<br>
									<span class="text-danger" id="errrdUsuarioAGP"> </span>
								</div>
							</div>
							<div class="dvSlUsuarioSeleccion" <?php if( $ListaEmail->regla_asignacion_gc != 'US' ): ?> style="display: none;" <?php endif; ?> >
								<div class="form-group">
									<label class="col-sm-3 control-label"> Seleccione el usuario </label>
									<div class="col-sm-9">
										<?php $idEmpleado = ( $ListaEmail->empleados_id != '' )?$ListaEmail->empleados_id:null; ?>
										<?php echo Form::select('slAutomatizacionAGP', $slEmpleados, $idEmpleado, array('class' => 'form-control selectpicker', 'id' => 'slAutomatizacionAGP', 'data-live-search' => 'true')); ?>

										<span class="text-danger" id="errslAutomatizacionAGP"> </span>
									</div>
								</div>
							</div>
							<div class="dvRdGruposUsuarios" <?php if( $ListaEmail->regla_asignacion_gc == '' || $ListaEmail->regla_asignacion_gc == 'US' ): ?> style="display: none;" <?php endif; ?> >
								<div class="form-group">
									<label class="col-sm-3 control-label"> ¿Qué grupo de usuarios se tomarán en cuenta? </label>
									<div class="col-sm-9">
										<div class="radio-inline">
											<label>
												<input type="radio" <?php if( $ListaEmail->grupos_usuarios_ragc == 'GRV' ): ?> checked <?php endif; ?> value="GRV" id="rdGRV" name="rdGrupoUsuario">
												<span class="custom-radio"></span> Gerencia, Recepción y Ventas
											</label>
										</div>
										<div class="radio-inline">
											<label>
												<input type="radio" <?php if( $ListaEmail->grupos_usuarios_ragc == 'RV' ): ?> checked <?php endif; ?> value="RV" id="rdRV" name="rdGrupoUsuario">
												<span class="custom-radio"></span> Recepción y Ventas
											</label>
										</div>
										<div class="radio-inline">
											<label>
												<input type="radio" <?php if( $ListaEmail->grupos_usuarios_ragc == 'V' ): ?> checked <?php endif; ?> value="V" id="rdV" name="rdGrupoUsuario">
												<span class="custom-radio"></span> Ventas
											</label>
										</div>
										<br>
										<span class="text-danger" id="errrdGrupoUsuario"> </span>
									</div>
								</div>
							</div>
						</div>
						<?php endif; ?>
						<?php /* <?php if( $ListaEmail->gestion_clientes == 'P' || $ListaEmail->gestion_clientes == 'C' || $ListaEmail->gestion_clientes == 'CT' ): ?> */ ?>
						<?php
							$confSxE = '';
							$textoConfSxE = 'Configurar';
							$ListasEmailTabla = ListaEmail::select('id', 'nombre')->where('clientes_id', '=', Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id)->where('gestion_clientes', '!=', 'P')->where('gestion_clientes', '!=', 'C')->get();
							if( AutomatizacionLista::select('id')->where('lista_principal', '=', $ListaEmail->id)->where('tipo', '=', 'SxE')->count() == 1 ){
								$confSxE = AutomatizacionLista::select('configuracion')->where('lista_principal', '=', $ListaEmail->id)->where('tipo', '=', 'SxE')->first()->configuracion;
								$textoConfSxE = 'Editar';
							}
						?>
						<div class="dvConfEtiquetas">
							<div class="form-group">
								<label class="col-sm-3 control-label"> Segmentación por etiquetas </label>
								<div class="col-sm-9">
									<button type="button" class="btn btn-success" id="btnSegmentacionxEtiquetas"><i class="fa fa-cogs"></i> <?php echo $textoConfSxE; ?></button>
									<input type="hidden" name="automatizacionSXE" value='<?php echo $confSxE; ?>'>
								</div>
							</div>
						</div>
						<?php /* <?php endif; ?> */ ?>
					</fieldset>
					<?php if( count($TokenDeCalendly) == 1 ): ?>
					<fieldset>
						<legend>Integraciones</legend>
						<div class="form-group">
							<label class="col-sm-3 control-label"> Vincular con tipos de eventos de Calendly </label>
							<div class="col-sm-9">
								<?php /*
								<select name="slEventosDeCalendly[]" id="slEventosDeCalendly" class="form-control selectpicker" data-live-search="true" multiple="multiple" data-selected-text-format="count" title="Selecciona los tipos de eventos a asociar a la lista de suscriptores..."></select>
								<span class="text-danger" id="errslEventosDeCalendly"> </span>
								*/ ?>
								<a href="<?php echo URL::route('SysWebEmailMarketingListasSubscriptoresEditarEventosDeCalendly', array($ListaEmail->id)); ?>" class="btn btn-warning" id="btnEventosDeCalendly">
									<i class="fa fa-cogs"></i> Editar vinculaciones
								</a>
							</div>
						</div>
					</fieldset>
					<?php endif; ?>
					<div class="bottom">
						<?php echo Form::button('Editar', array('class' => 'btn btn-warning', 'id' => 'btnEditar', 'type' => 'submit')); ?>

						<?php echo HTML::linkRoute('SysWebEmailMarketingListasSubscriptores', 'Cancelar', array(), array('class' => 'btn btn-default')); ?>

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

		</div>
		
	</div>
</div><!--/row end-->
<?php $__env->stopSection(); ?>

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

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

<?php echo HTML::script('image-picker/image-picker.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('Alphanum/jquery.alphanum.min.js'); ?>

<?php echo HTML::script('jQueryValidate/jquery.validate.min.js'); ?>

<?php echo HTML::script('jQueryValidate/additional-methods.min.js'); ?>

<?php echo HTML::script('jQueryValidate/jquery.validationEngine-es.js'); ?>

<?php echo HTML::script('jQueryValidate/messages_es.min.js'); ?>

<?php echo HTML::script('DataTables/jquery.dataTables.min.js'); ?>

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

<?php echo HTML::script('DataTables/dataTables.responsive.min.js'); ?>

<?php echo HTML::script('DataTables/dataTables.buttons.min.js'); ?>

<script type="text/javascript">
	function EliminarCampo(id){
		var id = id;
		$("#Campo"+id).remove();
	}
	function CalcularHora(){
		var hora_fin = moment($("#hora_inicio").val(), ["hh:mm a"]).add(4, "hours").format("hh:mm a");
		$("#hora_fin").val(hora_fin);
	}
	function agregarReglaSxE(lugar, etiqueta, lista, accion){
		var lugar = lugar;
		var contador = lugar.find(".dvRegla").length+1;
		var inputsReglasSegmentacionEtiquetas = '<div class="form-group dvRegla regla'+contador+'" data-numero="'+contador+'"> \
			<div class="input-group"> \
				<div class="input-group-btn" style="width: 40%;"> \
					<select class="form-control selectpicker slEtiqueta tooltips slEtiqueta'+contador+'" data-live-search="true" data-toggle="tooltip" data-original-title="Etiqueta a aplicar la regla" name="reglaetiqueta'+contador+'"> \
						<option value="" selected>Etiquetas...</option> \
						<?php foreach($Etiquetas as $Etiqueta): ?> \
						<option value="<?php echo $Etiqueta->id; ?>"><?php echo $Etiqueta->nombre; ?></option> \
						<?php endforeach; ?> \
					</select> \
				</div> \
				<div class="input-group-btn" style="width: 40%;"> \
					<select class="form-control selectpicker slListaSuscripcion tooltips" data-live-search="true" data-toggle="tooltip" data-original-title="Lista de suscriptores a transferir" name="reglalista'+contador+'"> \
						<option value="" selected>Listas de suscriptores...</option> \
						<?php foreach($ListasEmails as $ListaEmailSxE): ?> \
						<option value="<?php echo $ListaEmailSxE->id; ?>"><?php echo $ListaEmailSxE->nombre; ?></option> \
						<?php endforeach; ?> \
					</select> \
				</div> \
				<div class="input-group-btn" style="width: 10%;"> \
					<select class="form-control selectpicker slAccion tooltips" data-toggle="tooltip" data-original-title="¿Que acción deseas realizar?" name="reglaaccion'+contador+'"> \
						<option value="C">Copiar</option> \
						<option value="M" selected>Mover</option> \
					</select> \
				</div> \
				<div class="input-group-btn" style="width: 10%;"> \
					<button class="btn btn-primary tooltips btnAgregarRegla" type="button" data-toggle="tooltip" data-original-title="Agregar más reglas"> \
						<i class="fa fa-plus"></i> \
					</button> \
					<button class="btn btn-danger tooltips btnEliminarRegla" type="button" data-toggle="tooltip" data-original-title="Eliminar regla"> \
						<i class="fa fa-minus"></i> \
					</button> \
				</div> \
			</div> \
			<span class="text-danger" id="errreglaetiqueta'+contador+'"></span> \
			<span class="text-danger" id="errreglalista'+contador+'"></span>  \
			<span class="text-danger" id="errreglaaccion'+contador+'"></span> \
		</div>';
		lugar.append(inputsReglasSegmentacionEtiquetas);
		botonesReglaSxE(lugar, contador);
		if( etiqueta != "" ){
			lugar.find(".regla"+contador+" .slEtiqueta").val(etiqueta);
			lugar.find(".regla"+contador+" .slEtiqueta").selectpicker("refresh");
		}
		if( lista != "" ){
			lugar.find(".regla"+contador+" .slListaSuscripcion").val(lista);
			lugar.find(".regla"+contador+" .slListaSuscripcion").selectpicker("refresh");
		}
		if( accion != "" ){
			lugar.find(".regla"+contador+" .slAccion").val(accion);
			lugar.find(".regla"+contador+" .slAccion").selectpicker("refresh");
		}
	}
	function botonesReglaSxE(lugar, numeroRegla){
		var lugar = lugar;
		var btnAgregar = lugar.find(".regla"+numeroRegla+" .btnAgregarRegla");
		var btnEliminar = lugar.find(".regla"+numeroRegla+" .btnEliminarRegla");
		var slEtiqueta = lugar.find(".regla"+numeroRegla+" .slEtiqueta");
		var slListaSuscripcion = lugar.find(".regla"+numeroRegla+" .slListaSuscripcion");
		var slAccion = lugar.find(".regla"+numeroRegla+" .slAccion");
		if( btnAgregar.length == 1 ){
			btnAgregar.click(function(e){
				agregarReglaSxE(lugar, '', '', '');
			});
		}
		if( btnEliminar.length == 1 ){
			btnEliminar.click(function(e){
				lugar.find("select").each(function(i){
					$(this).rules("remove");
				});
				lugar.find(".regla"+numeroRegla).remove();
				lugar.find(".dvRegla").each(function(i){
					var dvRegla = $(this);
					var nEliminar = dvRegla.attr("data-numero");
					var nContador = i+1;
					dvRegla.removeClass("regla"+nEliminar).addClass("regla"+nContador).attr("data-numero", nContador);
					dvRegla.find(".slEtiqueta").removeClass("slEtiqueta"+nEliminar).addClass("slEtiqueta"+nContador);
					agregarValidacionesReglasSxE(lugar, nContador);
				});
			});
		}
		lugar.find(".regla"+numeroRegla+" .selectpicker").selectpicker();
		lugar.find(".regla"+numeroRegla+" div.bootstrap-select").each(function(e){
			var bSelect = $(this);
			var select = bSelect.closest(".input-group-btn").find("select");
			bSelect.attr("data-original-title", select.attr("data-original-title"));
		});
		lugar.find(".regla"+numeroRegla+" .tooltips").tooltip();
		agregarValidacionesReglasSxE(lugar, numeroRegla);
	}
	function agregarValidacionesReglasSxE(lugar, numeroRegla){
		var lugar = lugar;
		var slEtiqueta = lugar.find(".regla"+numeroRegla+" .slEtiqueta");
		var slListaSuscripcion = lugar.find(".regla"+numeroRegla+" .slListaSuscripcion");
		var slAccion = lugar.find(".regla"+numeroRegla+" .slAccion");
		slEtiqueta.rules("add", {
			required: true,
			messages: {
				required: " Debes seleccionar una etiqueta ",
			}
		});
		slListaSuscripcion.rules("add", {
			required: true,
			messages: {
				required: " Debes seleccionar una lista "
			}
		});
		slAccion.rules("add", {
			required: true,
			messages: {
				required: " Debes seleccionar una acción "
			}
		});
	}
	function tablaSxE(datatable, selectEtiqueta, selectLista, divSA, selectAccion, divCSA,  botonEliminar ){
		//SE CLONA EL SELECT, PROCESO QUE SE REALIZA CUANDO INPUT HIDDEN TIENE EL JSON
		var selectEtiquetaTabla = $(selectEtiqueta).clone();
		var selectListaTabla = $(selectLista).clone();
		var selectAccionTabla = $(selectAccion).clone();
		var contadorSelect = 0
		var jsonReglas = $('[name="automatizacionSXE"]').val();
		if( jsonReglas != "" ){
			jsonReglas = JSON.parse( jsonReglas );
			$.each(jsonReglas, function(i, value) {
				contadorSelect++
				//Agrego contador a id
				selectEtiquetaTabla.attr("id", "reglaetiquetaTabla" + contadorSelect);
				selectEtiqueta = selectEtiquetaTabla.prop("outerHTML");
				//Select lista
				selectListaTabla.attr("id", "reglalistaTabla" + contadorSelect);
				selectLista = selectListaTabla.prop("outerHTML");
				//Select acciones
				selectAccionTabla.attr("id", "reglaaccionTabla" + contadorSelect);
				selectAccion = selectAccionTabla.prop("outerHTML");
				//Agrego el row que se encuentran en cada recorrido al json
				datatable.page.len( -1 ).draw();
				datatable.row.add([ selectEtiqueta, "", "", selectLista, "", "", divSA + selectAccion + divCSA + botonEliminar, ""]).draw();
				var optionsE = $("#reglaetiquetaTabla" + contadorSelect).find("option");
				var optionsL = $("#reglalistaTabla" + contadorSelect).find("option");
				var optionsA = $("#reglaaccionTabla" + contadorSelect).find("option");
				optionsE.each( function(){
					var elemento = $(this);
					if( value.etiqueta == parseInt(elemento.attr("value"))){
						var nodo = elemento.closest("select");
						nodo.val(value.etiqueta);
						nodo.selectpicker("refresh");
						var valor = $(elemento, "option:selected").text();
						var cell = datatable.cell( $(this).closest("tr").find("td:nth-child(2)")[0] );
						cell.data( valor ).draw();
						var valorSelect = $( elemento, "option:selected").val();
						var cellValue = datatable.cell( $(this).closest("tr").find("td:nth-child(3)")[0] );
						cellValue.data( valorSelect ).draw();
					}
				});
				optionsL.each( function(){
					var elemento = $(this);
					if( value.listaDestino == parseInt(elemento.attr("value"))){
						var nodoL = elemento.closest("select");
						nodoL.val(value.listaDestino);
						nodoL.selectpicker("refresh");
						var valor = $(elemento, "option:selected").text();
						var cell = datatable.cell( $(this).closest("tr").find("td:nth-child(5)")[0] );
						cell.data( valor ).draw();
						var valorSelect = $(elemento, "option:selected").val();
						var cellValue = datatable.cell( $(this).closest("tr").find("td:nth-child(6)")[0] );
						cellValue.data( valorSelect ).draw();
					}
				});
				optionsA.each( function(){
					var elemento = $(this);
					if( value.opcion == elemento.attr("value")){
						var nodoA = elemento.closest("select");
						nodoA.val(value.opcion);
						nodoA.selectpicker("refresh");
						var valorSelect = $(elemento, "option:selected").val();
						var cellValue = datatable.cell( $(this).closest("tr").find("td:nth-child(8)")[0] );
						cellValue.data( valorSelect ).draw();
					}
				});
				datatable.page.len( 10 ).draw();
				$.isLoading("hide"); NProgress.done();
			});
		}
	}
	function llenarSelectEventosCalendly(){
		if( $("#slEventosDeCalendly").length == 1 ){
			$.post(
				"<?php echo URL::route('SysWebEmailMarketingListasSubscriptoresEventosAsociados', array($ListaEmail->id)); ?>",
				{idL: 0},
				function(data){
					$("#slEventosDeCalendly").html("");
					$.each(data.tiposDeEventos, function(i, tipoDeEvento){
						$("#slEventosDeCalendly").append('<option value="'+tipoDeEvento.idDelEvento+'">'+tipoDeEvento.evento+'</option>');
					});
					$("#slEventosDeCalendly").selectpicker("refresh");
					var eventosAsociados = new Array();
					$.each(data.eventosAsociados, function(i, eventoAsociado){
						eventosAsociados.push(eventoAsociado.tipoDeEvento);
					});
					$("#slEventosDeCalendly").selectpicker("val", eventosAsociados);
				},
				"json"
			);
		}
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
llenarSelectEventosCalendly();
$("#txtCampo").alphanum({
	allow: "1234567890",
	disallow: "",
	allowSpace: true,
	allowNumeric: true,
	allowUpper: true,
	allowLower: true,
	allowCaseless: false,
	allowLatin: true,
	allowOtherCharSets: false,
	forceUpper: false,
	forceLower: false,
	maxLength: 40
});
$('[name="configuraciones_emails_id"]').change(function(){
	if( $(this).find(":selected").attr("data-confirmacion") == 1 ){
		$('[name="confirmacion"]').prop("disabled", false);
	}
	else{
		$('[name="confirmacion"]').prop("disabled", true);
	}
});
$('[name="configuraciones_emails_id"]').trigger("change");
CalcularHora();
$("[name='tipoLista']").click(function(){
	var tipoLista = $(this).val();
	if( tipoLista == "P" || tipoLista == "C" ){
		$("#Campos").find("[id^='Campo']").remove();
		for(i=0;i<6;i++){
			if(i==0){
				var option = "Nombre de la empresa";
			}
			else if(i==1){
				var option = "Nombre Completo";
			}
			else if(i==2){
				var option = "Teléfono";
			}
			else if(i==3){
				var option = "Celular";
			}
			else if(i==4){
				var option = "Número de teléfono del trabajo";
			}
			else{
				var option = "Dirección";
			}
			var idOption = $("#slCamposPersonalizados").find("option:contains("+option+")").val();
			var desactivarCh = "";
			if( tipoLista == "P" && ( option == "Teléfono" || option == "Nombre Completo"  ) ){
				var desactivarCh = 'checked onclick="return false;" onkeydown="return false;"';
			}
			$("#Campos").append('<div class="input-group" style="margin-top: 5px;" id="Campo'+idOption+'"> \
					<span class="input-group-addon"> \
						<input type="checkbox" name="campos_personalizados_id['+idOption+'][requerido]" value="1" title="Campo requerido"> \
						<span class="custom-checkbox"></span> \
					</span> \
					<input type="text" class="form-control" value="'+option+'" readonly> \
					<input type="hidden" name="campos_personalizados_id['+idOption+'][id]" value="'+idOption+'"> \
					<div class="input-group-btn"> <button disabled class="btn btn-danger" type="button" onclick="EliminarCampo('+idOption+')"> <i class="fa fa-trash-o"></i> </button> </div> \
				</div>');
		}
	}
	else if( tipoLista == "CT" ){
		$("#Campos").find("[id^='Campo']").remove();
		for(i=0;i<7;i++){
			if(i==0){
				var option = "Nombre Completo";
			}
			else if(i==1){
				var option = "Teléfono";
			}
			else if(i==2){
				var option = "País";
			}
			else if(i==3){
				var option = "Estado";
			}
			else if(i==4){
				var option = "Ciudad";
			}
			else if(i==5){
				var option = "Código postal";
			}
			else if(i==6){
				var option = "Dirección";
			}
			var idOption = $("#slCamposPersonalizados").find("option:contains("+option+")").val();
			$("#Campos").append('<div class="input-group" style="margin-top: 5px;" id="Campo'+idOption+'"> \
				<span class="input-group-addon"> \
					<input type="checkbox" name="campos_personalizados_id['+idOption+'][requerido]" value="1" title="Campo requerido"> \
					<span class="custom-checkbox"></span> \
				</span> \
				<input type="text" class="form-control" value="'+option+'" readonly> \
				<input type="hidden" name="campos_personalizados_id['+idOption+'][id]" value="'+idOption+'"> \
				<div class="input-group-btn"> <button disabled class="btn btn-danger" type="button" onclick="EliminarCampo('+idOption+')"> <i class="fa fa-trash-o"></i> </button> </div> \
			</div>');
		}
	}
	else{
		$("#Campos").find(".btn").prop("disabled", false);
		$("#Campos").find('input[value="Teléfono"], input[value="Nombre Completo"]').closest(".input-group").find('input[type="checkbox"]').removeAttr("onclick").removeAttr("onkeydown");
		//$("#Campos").find('input[value="Teléfono"], input[value="Nombre Completo"]').closest(".input-group").find('input[type="checkbox"]').removeAttr("onkeydown");
	}
	if( tipoLista == "P" ){
		$(".dvAGProspectos").show("slow");
	}
	else{
		$(".dvAGProspectos").hide("slow");
	}
	if( tipoLista == "P" || tipoLista == "C" || tipoLista == "CT" ){
		$(".dvConfEtiquetas").show("slow");
	}
	else{
		$(".dvConfEtiquetas").hide("slow");
	}
});
$("[name='rdUsuarioAGP']").click(function(){
	var rdUsuarioAGP = $(this).val();
	if( rdUsuarioAGP == "US" ){
		$(".dvRdGruposUsuarios").hide("slow");
		$(".dvSlUsuarioSeleccion").show("slow");
	}
	else if( rdUsuarioAGP == "UA" ){
		$(".dvSlUsuarioSeleccion").hide("slow");
		$(".dvRdGruposUsuarios").show("slow");
	}
	else if( rdUsuarioAGP == "MP" ){
		$(".dvSlUsuarioSeleccion").hide("slow");
		$(".dvRdGruposUsuarios").show("slow");
	}
});
$("#configuracion_personalizada0").click(function(){
	//$("#Personalizacion").find(":input").prop("disabled", true);
	$("#Personalizacion").hide("slow");
});
$("#configuracion_personalizada1").click(function(){
	//$("#Personalizacion").find(":input").prop("disabled", false);
	$("#Personalizacion").show("slow");
});
$("#hora_inicio").datetimepicker({
	locale: "es",
	format: "hh:mm a"
});
$("#hora_inicio").on("dp.change", function(){
	CalcularHora();
});
$("#hora_fin").datetimepicker({
	locale: "es",
	format: "hh:mm a"
});
$(".selectpicker").selectpicker();
$("select").imagepicker({ hide_select : true, show_label  : true });
$("#confirmacion").click(function(){
	if($("#confirmacion").is(":checked")){
		//$("#pconfirmacion").show("slow");
		$("#confpconfirmacion").show("slow");
	}
	else{
		/*$("#pconfirmacion").hide("slow");
		$("#errpagina_confirmacion").html("");*/
		$("#confpconfirmacion").hide("slow");
		$("#errpagina_confirmacion").html("");
	}
});
$("#tipo").click(function(){
	if($("#tipo").is(":checked")){
		$("#confplantilla").hide("slow");
		$("#errcolor").html("");
	}
	else{
		$("#confplantilla").show("slow");
	}
});
$("#slCamposPersonalizados").change(function(){
	if($(this).val() == ''){
		$("#btnSlCampo").prop("disabled", true);
	}
	else{
		$("#btnSlCampo").prop("disabled", false);
	}
});
$("#btnSlCampo").click(function(){
	var input = '';
	var campos = $("#Campos").find("input[type=text]");
	var slug= "";
	var opciones = $("#slCamposPersonalizados option:selected");
	opciones.each(function(indice,value){
		var i = false;
		var inputs= "";
		$("#Campos").find("input[type=text]").each(function(){
			var campo = $(this);
			if(campo.val() == value.text){
				inputs = campo;
				i= true;
			}
			else{
				slug= value.text;
				valor= value.value;
			}
		});
		if(!i){
			input = '<div class="input-group" style="margin-top: 5px;" id="Campo'+valor+'"> \
				<span class="input-group-addon tooltips" data-toggle="tooltip" data-original-title="Campo requerido"> \
					<input type="checkbox" name="campos_personalizados_id['+valor+'][requerido]" value="1" checked> \
					<span class="custom-checkbox"></span> \
				</span> \
				<input type="text" class="form-control tooltips" value="'+slug+'" data-toggle="tooltip" data-original-title="'+slug+'" readonly> \
				<input type="hidden" name="campos_personalizados_id['+valor+'][id]" value="'+valor+'"> \
				<div class="input-group-btn"> <button class="btn btn-danger" type="button" onclick="EliminarCampo('+valor+')"> <i class="fa fa-trash-o"></i> </button> </div> \
			</div>';
			$("#Campos").append(input);
			$(".tooltips").tooltip();
			$("#slCamposPersonalizados").selectpicker('deselectAll');
		}
	});
});
$("#btnTxtCampo").click(function(){
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	var i = 0;
	var input = '';
	$("#Campos").find("input[type=text]").each(function(){
		if( $(this).val() == $("#txtCampo").val() ){
			i = 1;
		}
	});
	if(i == 0){
		$("#slCamposPersonalizados").find("option").each(function(){
			if($(this).text()==$("#txtCampo").val()){
				var slug = $(this).attr("data-slug");
				i = 1;
				input = '<div class="input-group" style="margin-top: 5px;" id="Campo'+$(this).val()+'"> \
								<span class="input-group-addon tooltips" data-toggle="tooltip" data-original-title="Campo requerido"> \
									<input type="checkbox" name="campos_personalizados_id['+$(this).val()+'][requerido]" value="1" checked> \
									<span class="custom-checkbox"></span> \
								</span> \
								<input type="text" class="form-control tooltips" value="'+$(this).text()+'" data-toggle="tooltip" data-original-title="'+slug+'" readonly> \
								<input type="hidden" name="campos_personalizados_id['+$(this).val()+'][id]" value="'+$(this).val()+'"> \
								<div class="input-group-btn"> <button class="btn btn-danger" type="button" onclick="EliminarCampo('+$(this).val()+')"> <i class="fa fa-trash-o"></i> </button> </div> \
							</div>';
				$("#Campos").append(input);
			}
		});
		if(i == 0){
			$.post(
				"<?php echo URL::route('SysWebEmailMarketingCamposAgregar'); ?>",
				{campo:$("#txtCampo").val()},
				function (data){
					if(data.success){
						input = '<div class="input-group" style="margin-top: 5px;" id="Campo'+data.CampoPersonalizado.id+'"> \
									<span class="input-group-addon tooltips" data-toggle="tooltip" data-original-title="Campo requerido"> \
										<input type="checkbox" name="campos_personalizados_id['+data.CampoPersonalizado.id+'][requerido]" value="1" checked> \
										<span class="custom-checkbox"></span> \
									</span> \
									<input type="text" class="form-control tooltips" value="'+data.CampoPersonalizado.nombre+'" data-toggle="tooltip" data-original-title="'+data.CampoPersonalizado.slug+'" readonly> \
									<input type="hidden" name="campos_personalizados_id['+data.CampoPersonalizado.id+'][id]" value="'+data.CampoPersonalizado.id+'"> \
									<div class="input-group-btn"> <button class="btn btn-danger" type="button" onclick="EliminarCampo('+data.CampoPersonalizado.id+')"> <i class="fa fa-trash-o"></i> </button> </div> \
								</div>';
						$("#slCamposPersonalizados").append($("<option></option>").attr("value", data.CampoPersonalizado.id).text(data.CampoPersonalizado.nombre).attr("data-slug", data.CampoPersonalizado.slug));
						$("#slCamposPersonalizados").selectpicker("refresh");
						$("#Campos").append(input);
						$(".tooltips").tooltip();
					}
					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(""); } });
						$("[id^='err']").html(""); $.each(data.errMensajes, function(key, value){ $("#err"+key).html(value); });
					}
				},
				"json"
			);
		}
	}
	$(".tooltips").tooltip();
	$.isLoading("hide"); NProgress.done();
});
$("#frmEditar").submit(function(e){
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	$("#btnEditar").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
	$(this).find("input").each(function(){
		var name = $(this).attr("name");
		if(name == "nombre" || name == "pagina_desuscripcion"){
			$(this).val($(this).val().trim());
		}
	});
	e.preventDefault();
	$.post(
		"<?php echo URL::route('SysWebEmailMarketingListasSubscriptoresEditar', array($ListaEmail->id)); ?>",
		$("#frmEditar").serialize(),
		function(data){
			$.isLoading("hide"); NProgress.done();
			$("#btnEditar").html("Editar").prop("disabled", false);
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebEmailMarketingListasSubscriptores'); ?>"; }, 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"

	);
});
$("#btCamporadicionales").click(function(e){
		var mensaje = '<div class="row"> \
							<div class="col-sm-12">\
								<div class="col-sm-12">\
									<div class="input-group">\
										<input type="text" placeholder="Agregar campo..." class="form-control" id="txtCampo">\
										<div class="input-group-btn"> <button id="btnTxtCampo" class="btn btn-default" type="button"> <i class="fa fa-plus"></i> </button> </div>\
									</div>\
									<span class="text-danger" id="errcampo"> </span>\
									<div class="alert alert-warning" role="alert" style="margin-top: 10px;">\
										<strong>IMPORTANTE:</strong> Antes de agregar un campo por favor asegúrate de que no exista ya en el desplegable de “Seleccione un campo…”  porque si ya existe puede generar problemas al momento de agregar un suscriptor nuevo\
										<br><br>\
										Los campos tienen un limite de 40 caracteres y no pueden llevar caracteres especiales (¡#?)\
										<br><br>\
										Si tienes dudas sobre que campos puedes agregar o como agregarlos no dudes en contactarnos por medio del chat\
									</div>\
								</div>\
							</div>\
						</div>';
		BootstrapDialog.show({
		title: "Agregar Nuevo Campo (Opcional)",
		type: BootstrapDialog.TYPE_DANGER,
		message: mensaje,
		draggable: true,
		closeByBackdrop: false,
		cssClass: "ModalCampo color-head-modal",
		onshown: function(dialogItself){
			$("body").addClass("modal-open");
			$("#btnTxtCampo").click(function(){
			$.isLoading({ text: "Cargando..." }); NProgress.start();
			var i = 0;
			var input = '';
			$("#Campos").find("input[type=text]").each(function(){
				if( $(this).val() == $("#txtCampo").val() ){
					i = 1;
				}
			});
			if(i == 0){
				$("#slCamposPersonalizados").find("option").each(function(){
					if($(this).text()==$("#txtCampo").val()){
						var slug = $(this).attr("data-slug");
						i = 1;
						input = '<div class="input-group" style="margin-top: 5px;" id="Campo'+$(this).val()+'"> \
										<span class="input-group-addon tooltips" data-toggle="tooltip" data-original-title="Campo requerido"> \
											<input type="checkbox" name="campos_personalizados_id['+$(this).val()+'][requerido]" value="1" checked> \
											<span class="custom-checkbox"></span> \
										</span> \
										<input type="text" class="form-control tooltips" value="'+$(this).text()+'" data-toggle="tooltip" data-original-title="'+slug+'" readonly> \
										<input type="hidden" name="campos_personalizados_id['+$(this).val()+'][id]" value="'+$(this).val()+'"> \
										<div class="input-group-btn"> <button class="btn btn-danger" type="button" onclick="EliminarCampo('+$(this).val()+')"> <i class="fa fa-trash-o"></i> </button> </div> \
									</div>';
						$("#Campos").append(input);
					}
				});
				if(i == 0){
					$.post(
						"<?php echo URL::route('SysWebEmailMarketingCamposAgregar'); ?>",
						{campo:$("#txtCampo").val()},
						function (data){
							if(data.success){
								input = '<div class="input-group" style="margin-top: 5px;" id="Campo'+data.CampoPersonalizado.id+'"> \
											<span class="input-group-addon tooltips" data-toggle="tooltip" data-original-title="Campo requerido"> \
												<input type="checkbox" name="campos_personalizados_id['+data.CampoPersonalizado.id+'][requerido]" value="1" checked> \
												<span class="custom-checkbox"></span> \
											</span> \
											<input type="text" class="form-control tooltips" value="'+data.CampoPersonalizado.nombre+'" data-toggle="tooltip" data-original-title="'+data.CampoPersonalizado.slug+'" readonly> \
											<input type="hidden" name="campos_personalizados_id['+data.CampoPersonalizado.id+'][id]" value="'+data.CampoPersonalizado.id+'"> \
											<div class="input-group-btn"> <button class="btn btn-danger" type="button" onclick="EliminarCampo('+data.CampoPersonalizado.id+')"> <i class="fa fa-trash-o"></i> </button> </div> \
										</div>';
								$("#slCamposPersonalizados").append($("<option></option>").attr("value", data.CampoPersonalizado.id).text(data.CampoPersonalizado.nombre).attr("data-slug", data.CampoPersonalizado.slug));
								$("#slCamposPersonalizados").selectpicker("refresh");
								$("#Campos").append(input);
								$(".tooltips").tooltip();
							}
							else{
								if(data.mensaje != ""){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
								$("[id^='err']").html(""); $.each(data.errMensajes, function(key, value){ $("#err"+key).html(value); });
							}
						},
						"json"
					);
				}
			}
		$(".tooltips").tooltip();
		$.isLoading("hide"); NProgress.done();
	});
	},
	onhidden: function(dialogItself){
		$("body").removeClass("modal-open");
		}
	});
});
$("#btnSegmentacionxEtiquetas").click(function(e){
	var mensajeSxE = '<div class="row"> \
			<div class="col-xs-12"> \
				<h2> ¿Estas seguro que deseas eliminar todas las reglas de segmentación? </h2> \
				<div class="alert alert-danger" style="margin-bottom: 0px !important;" role="alert"> \
					Al confirmar, se eliminarian todas las reglas de segmentación por etiquetas y estas ya no podrán ser recuperadas. \
				</div> \
			</div> \
		</div>';
	var selectEtiqueta = '<select class="form-control selectpicker tooltips slEtiquetaTabla" data-width="336px" data-live-search="true" data-rule-required="true" data-toggle="tooltip" data-original-title="Etiqueta a aplicar la regla" id="reglaetiquetaTabla" name="reglaetiquetaTabla"> \
			<option value="" selected>Etiquetas...</option> \
			<?php foreach($Etiquetas as $Etiqueta): ?> \
				<option value="<?php echo $Etiqueta->id; ?>" ><?php echo $Etiqueta->nombre; ?></option> \
			<?php endforeach; ?> \
		</select>';
	var selectLista = '<select class="form-control selectpicker slListaSuscripcionTabla tooltips" data-width="336px" data-live-search="true" data-rule-required="true" data-toggle="tooltip" data-original-title="Lista de suscriptores a transferir" id="reglalistaTabla" name="reglalistaTabla"> \
			<option value="" selected>Listas de suscriptores...</option> \
			<?php foreach($ListasEmailTabla as $ListaEmailSxETabla): ?> \
				<option value="<?php echo $ListaEmailSxETabla->id; ?>"><?php echo $ListaEmailSxETabla->nombre; ?></option> \
			<?php endforeach; ?> \
		</select>';
	var divSA = '<div class="input-group-btn" style="width: 10%;">';
	var divCSA = '</div>';
	var selectAccion = '<select class="form-control selectpicker slAccionTabla tooltips" data-width="90px" data-toggle="tooltip" data-original-title="¿Que acción deseas realizar?" data-rule-required="true" id="reglaaccionTabla" name="reglaaccionTabla"> \
				<option value="" selected>Acción...</option> \
				<option value="C">Copiar   </option> \
				<option value="M" >Mover   </option> \
			</select>';
	var botonEliminar = '<div class="input-group-btn" style="width: 10%;"> \
		<button class="btn btn-danger tooltips btnEliminarRegla" id="btnEliminarRegla" type="button" data-toggle="tooltip" data-original-title="Eliminar regla"> \
				<i class="fa fa-minus"></i> \
			</button> \
		</div>';
	var datosJsonReglas = $('[name="automatizacionSXE"]').val();
	if( datosJsonReglas == ""  ){
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<div class="alert alert-warning" role="alert"> \
					<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> \
					<strong>IMPORTANTE:</strong> Ten en cuenta que solo se moverán o copiarán los campos que tienes definidos en la lista de suscripción de destino, por ello es recomendable que las listas tengan los mismos campos para que no pierdas ningúna información. \
				</div> \
				<form id="frmReglaAutomatizacionSxE"> \
					<label>Reglas de segmentación por etiquetas</label> \
					<br> \
					<br> \
					<div class="table-responsive tReglas"> \
						<table class="table table-striped table-bordered table-hover" id="tblSegmentacionesxE"> \
							<thead> \
								<tr> \
									<th class="col-md-5"> Etiquetas </th> \
									<th class="col-md-5 "></th> \
									<th class="col-md-5 "></th> \
									<th class="col-md-5"> Lista de Suscriptores </th> \
									<th class="col-md-5"></th> \
									<th class="col-md-5"></th> \
									<th class="col-md-2 text-center"> Acciones </th> \
									<th class="col-md-2">  </th> \
								</tr> \
							</thead> \
							<tbody> \
								<tr> \
									<td > \
										<div class="input-group-btn"> \
											'+selectEtiqueta+' \
										</div> \
									</td> \
									<td class="tdEtiqueta"></td> \
									<td class="tdEtiquetaVal"></td> \
									<td> \
										<div class="input-group-btn"> \
											'+selectLista+' \
										</div> \
									</td> \
									<td class="tdListas"></td> \
									<td class="tdListasVal"></td> \
									<td> \
										 '+divSA+' '+selectAccion+' '+divCSA+' '+botonEliminar+' \
									</td> \
									<td class="tdAccionVal"></td> \
								</tr> \
							</tbody> \
						</table> \
					</div> \
					<div class="dvReglass"></div> \
					<button class="btn btn-success btn-lg btn-block btnConfigurarReglas" type="submit">Configurar</button> \
				</form> \
			</div> \
		</div>';
	}
	else{
		$.isLoading({ text: "Cargando..." }); NProgress.start();
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<div class="alert alert-warning" role="alert"> \
					<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> \
					<strong>IMPORTANTE:</strong> Ten en cuenta que solo se moverán o copiarán los campos que tienes definidos en la lista de suscripción de destino, por ello es recomendable que las listas tengan los mismos campos para que no pierdas ningúna información. \
				</div> \
				<form id="frmReglaAutomatizacionSxE"> \
					<label>Reglas de segmentación por etiquetas</label> \
					<br> \
					<br> \
					<div class="table-responsive tReglas"> \
						<table class="table table-striped table-bordered table-hover" id="tblSegmentacionesxE"> \
							<thead> \
								<tr> \
									<th class="col-md-5"> Etiquetas </th> \
									<th class="col-md-5 "></th> \
									<th class="col-md-5 "></th> \
									<th class="col-md-5"> Lista de Suscriptores </th> \
									<th class="col-md-5"></th> \
									<th class="col-md-5"></th> \
									<th class="col-md-2 text-center"> Acciones </th> \
									<th class="col-md-2">  </th> \
								</tr> \
							</thead> \
							<tbody> \
							</tbody> \
						</table> \
					</div> \
					<button class="btn btn-success btn-lg btn-block btnConfigurarReglas" type="submit">Configurar</button> \
				</form> \
			</div> \
		</div>';
	}
	BootstrapDialog.show({
		cssClass: "color-head-modal",
		title: "Automatización de segmentación por etiquetas",
		size: BootstrapDialog.SIZE_WIDE,
		message: mensaje,
		draggable: true,
		closeByBackdrop: false,
		onshown: function(dialogRef){
			$("body").addClass("modal-open");
			var modalBody = dialogRef.getModalBody();
			var datatable = modalBody.find("#tblSegmentacionesxE").DataTable({
				"language": {
					"url": "<?php echo asset('DataTables/Spanish.json'); ?>",
				},
				"columns": [
					{searchable: false },
					{searchable: true, visiblle: true, className: "hide" },
					{searchable: false, visiblle: true, className: "hide" },
					{searchable: false },
					{searchable: true, visiblle: true, className: "hide"  },
					{searchable: false, visiblle: true, className: "hide"  },
					{searchable: false },
					{searchable: false, visiblle: true, className: "hide" },
				],
				buttons: [
					{
						id: "btnAgregarRegla",
						text: "<i class='fa fa-plus'></i>  Agregar Regla",
						className: "btn btn-primary tooltips  tooltipTituloSxE",
						action: function(dialogRef){
							//Clono variable y asigno name dinamico para agregar validaciones
							var selectEtiquetaTabla = $(selectEtiqueta).clone();
							selectEtiquetaTabla.attr("name", "reglaetiquetaTabla" + datatable.data().length);
							selectEtiqueta = selectEtiquetaTabla.prop("outerHTML");
							//Selec Lista
							var selectListaTabla = $(selectLista).clone();
							selectListaTabla.attr("name", "reglalistaTabla" + datatable.data().length);
							selectLista = selectListaTabla.prop("outerHTML");
							//Selec Acciones
							var selectAccionTabla = $(selectAccion).clone();
							selectAccionTabla.attr("name", "reglaaccionTabla" + datatable.data().length);
							selectAccion = selectAccionTabla.prop("outerHTML");
							//VERIFICO QUE LA DATA SEA VALIDA Y AGREGO NUEVO ROW
							if ( modalBody.find("#frmReglaAutomatizacionSxE").valid() ){
								datatable.row.add([ selectEtiqueta, "", "", selectLista, "", "", divSA + selectAccion + divCSA + botonEliminar, "" ]).draw(false);
								modalBody.find("#tblSegmentacionesxE").DataTable().page("last").draw("page");
							}
						}
					},
					{
						id: "btnEliminarRegla",
						text: "<i class='fa fa-minus'></i>  Eliminar Reglas",
						className: "btn btn-danger tooltips  tooltipTituloSxE",
						action: function(dialogRef){
							BootstrapDialog.show({
								type: "color-head-modal",
								title: "¿Estás seguro que deseas eliminar?",
								message: mensajeSxE,
								draggable: true,
								closeByBackdrop: false,
								onshown: function(dialogRef){},
								onshown: function(dialogItself){
									$("body").addClass("modal-open");
								},
								buttons: [{
									id: "btnEliminarSxE",
									label: "Sí, confirmo que deseo eliminar",
									cssClass: "btn-danger btn-block btn-lg",
									action: function(dialogItself){
										$.isLoading({ text: "Cargando..." }); NProgress.start();
										$("#btnEliminarSxE").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Eliminando');
										setTimeout(function(){
											$('[name="automatizacionSXE"]').val("");
											$.isLoading("hide"); NProgress.done();
											$("#btnSegmentacionxEtiquetas").html('<i class="fa fa-cogs"></i> Configurar');
											BootstrapDialog.closeAll()
											}, 2000);
									}
								}],
								onhidden: function(dialogItself){
									$("body").removeClass("modal-open");
								}
							})
						}
					}
				],
				"dom": "<'row'<'col-md-8'B><'col-md-4 padding-buscador'f>>" +
						"<'row'<'col-sm-12'tr>>" +
						"<'row'<'paginacion-centrada'i>>" +
						"<'row'<'paginacion-centrada'p>>",
				"fnDrawCallback": function(oSettings){
					modalBody.find(".tooltips").tooltip({
						position: {
							my: "center bottom-5",
							at: "center top",
						},
						tooltipClass: "entry-tooltip-positioner",
					});
					modalBody.find(".selectpicker").selectpicker();
					modalBody.find(".paginacion-centrada").css("display", "flex");
					modalBody.find(".paginacion-centrada").css("justify-content", "center");
					modalBody.find(".padding-buscador").css("padding-left", "39px");
					//ASIGNO TOOLTIPS A SELECTS
					modalBody.find(".slEtiquetaTabla").attr("data-original-title", "Etiqueta a aplicar la regla");
					modalBody.find(".slEtiquetaTabla, .slListaSuscripcionTabla, .slAccionTabla").attr("data-toggle", "tooltip");
					modalBody.find(".slListaSuscripcionTabla").attr("data-original-title", "Lista de suscriptores a transferir");
					modalBody.find(".slAccionTabla").attr("data-original-title", "¿Que acción deseas realizar?");
					//ASIGNO OPCION DE SELECT A COLUMNA OCULTA PARA LA BUSQUEDA
					modalBody.find(".slEtiquetaTabla").on("changed.bs.select", function(e, clickedIndex, isSelected, previousValue) {
						var cell = datatable.cell( $(this).closest("tr").find("td:nth-child(2)")[0] );
						cell.data( $(this).find("option:selected").text() );
					});
					modalBody.find(".slEtiquetaTabla").on("changed.bs.select", function(e, clickedIndex, isSelected, previousValue) {
						var cell = datatable.cell( $(this).closest("tr").find("td:nth-child(3)")[0] );
						cell.data( $(this).find("option:selected").val() );
					});
					modalBody.find(".slListaSuscripcionTabla").on("changed.bs.select", function(e, clickedIndex, isSelected, previousValue) {
						var cell = datatable.cell( $(this).closest("tr").find("td:nth-child(5)")[0] );
						cell.data( $(this).find("option:selected").text() );
					});
					modalBody.find(".slListaSuscripcionTabla").on("changed.bs.select", function(e, clickedIndex, isSelected, previousValue) {
						var cell = datatable.cell( $(this).closest("tr").find("td:nth-child(6)")[0] );
						cell.data( $(this).find("option:selected").val() );
					});
					modalBody.find(".slAccionTabla").on("changed.bs.select", function(e, clickedIndex, isSelected, previousValue) {
						var cell = datatable.cell( $(this).closest("tr").find("td:nth-child(8)")[0] );
						cell.data( $(this).find("option:selected").val() );
					});
					modalBody.find('[name="reglaetiquetaTabla"]').rules("add", {
						required: true
					});
					modalBody.find('[name="reglalistaTabla"]').rules("add", {
						required: true
					});
					modalBody.find('[name="reglaaccionTabla"]').rules("add", {
						required: true
					});
					modalBody.find(".btnEliminarRegla").click(function(e){
						var tr = $("tr").length;
						if ( tr > 2){
							datatable.row( $(this).closest("tr") ).remove().draw(false);
						}
					});
				},
				initComplete: function(){
					$(".tooltips").tooltip({
						position: {
							my: "center bottom-5",
							at: "center top",
						},
						tooltipClass: "entry-tooltip-positioner",
					});
					$("body").tooltip({selector: "[data-toggle='tooltip']"});
				},
				autoWidth: false,
				responsive: true,
			});
			modalBody.find("#frmReglaAutomatizacionSxE").validate({
				lang: "es",
				ignore: "",
				errorPlacement: function(error, element){
					if( element.hasClass("error") ){
						element.parent().addClass("has-error");
					}
				},
				success: function(label, element){
					$(element).parent().removeClass("has-error");
				},
				submitHandler: function(form){
					if( modalBody.find("#tblSegmentacionesxE" ).length > 0 ){
						var automatizacionSXE = new Array();
						datatable.rows().every( function ( rowIdx, tableLoop, rowLoop ) {
							var datos = this.data();
							var jsonRegla = {
								etiqueta: datos[2],
								listaDestino: datos[5],
								opcion: datos[7]
							};
							automatizacionSXE.push(jsonRegla);
						});
						<?php /* modalBody.find("#tblSegmentacionesxE tbody > tr").each(function(i){
							var dvRegla = $(this);
							var etiqueta = dvRegla.find("select.slEtiquetaTabla").val();
							var listaDestino = dvRegla.find("select.slListaSuscripcionTabla").val();
							var opcion = dvRegla.find("select.slAccionTabla").val();
							var jsonRegla = {
								etiqueta: etiqueta,
								listaDestino: listaDestino,
								opcion: opcion
							};
							automatizacionSXE.push(jsonRegla);
						}); */ ?>
						var datosLimpios = automatizacionSXE.filter(function(elementos) {
							return elementos.etiqueta !== "" && elementos.listaDestino !== "" && elementos.opcion !== "";
						});
						automatizacionSXE = JSON.stringify(datosLimpios); 
					}
					else{
						automatizacionSXE = "";
					}
					$('[name="automatizacionSXE"]').val(automatizacionSXE);
					if( $('[name="automatizacionSXE"]').val() == "" ){
						$("#btnSegmentacionxEtiquetas").html('<i class="fa fa-cogs"></i> Configurar');
					}
					else{
						$("#btnSegmentacionxEtiquetas").html('<i class="fa fa-cogs"></i> Editar');
					}
					dialogRef.close();
				}
			});
			<?php /* var automatizacionesSXE = $('[name="automatizacionSXE"]').val();
			if( automatizacionesSXE != "" ){
				automatizacionesSXE = JSON.parse( automatizacionesSXE );
				$.each(
					automatizacionesSXE,
					function(i, automatizacionSXE){
						agregarReglaSxE(modalBody.find(".dvReglas"), automatizacionSXE.etiqueta, automatizacionSXE.listaDestino, automatizacionSXE.opcion);
					}
				);
			}
			else{
				agregarReglaSxE(modalBody.find(".dvReglas"), '', '', '');
			} */ ?>
			tablaSxE(datatable, selectEtiqueta, selectLista,  divSA, selectAccion, divCSA, botonEliminar);
		},
		onhidden: function(dialogItself){
			$("body").removeClass("modal-open");
		}
	});
});

<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>