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

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

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

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

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

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

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

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

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

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

<?php /* HTML::style('WebPro/css/style.css?v='.date('H:i:s')) */ ?>
<style type="text/css">
	@import  url("https://fonts.googleapis.com/css?family=Adamina");
	@import  url("https://fonts.googleapis.com/css?family=Dancing+Script");
	@import  url("https://fonts.googleapis.com/css?family=Droid+Sans");
	@import  url("https://fonts.googleapis.com/css?family=Just+Another+Hand");
	@import  url("https://fonts.googleapis.com/css?family=Lobster+Two");
	@import  url("https://fonts.googleapis.com/css?family=Montserrat");
	@import  url("https://fonts.googleapis.com/css?family=Nixie+One");
	@import  url("https://fonts.googleapis.com/css?family=Open+Sans");
	@import  url("https://fonts.googleapis.com/css?family=Oswald");
	@import  url("https://fonts.googleapis.com/css?family=Pacifico");
	@import  url("https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two");
	@import  url("https://fonts.googleapis.com/css?family=The+Girl+Next+Door");
	@import  url("https://fonts.googleapis.com/css?family=Bubblegum+Sans");
	@import  url("https://fonts.googleapis.com/css?family=Londrina+Solid");
	.block-web .nav-tabs > li.active > a{
		background-color: #FFFFFF !important;
		border-color: -moz-use-text-color;
		border-style: none;
		border-width: medium;
		color: #1B1E24;
		cursor: default;
	}
	.block-web .nav-tabs > li > a:hover{
		background-color: #eee !important;
		color: #5f5c57;
	}
	.tab-container .pager li a{
		background-color: #428BCA;
		border-color: #357EBD;
		border-radius: 2px;
		color: #FFFFFF
	}
	.tab-container .pager li a:hover{
		background-color: #3276B1;
		border-color: #285E8E;
	}
	.tab-container .pager li a.btn-default{
		color: #333 !important;
		background-color: #fff !important;
		border-color: #ccc !important;
	}
	.tab-container .pager li a.btn-default:hover{
		color: #333 !important;
		background-color: #ebebeb !important;
		border-color: #adadad !important;
	}
	.input-group .btn {
		padding: 7px 12px;
	}
	.control-label{
		padding-top: 5px;
	}
	.btn-group>.btn:first-child {
		width: 100px;
		margin-left: -1px;
		border-radius: 1px;
	}
	.modal .btn-group>.btn:first-child {
		width: 100% !important;
	}
	/*.bootstrap-select.btn-group .dropdown-menu.inner{
		max-height: 50px !important;
	}*/
	.tab-content {
		min-height: 220px;
	}
	.disenhador{ background: url(<?php echo asset('SysWeb/SumeClientes/edit-bg.png'); ?>); }
	.cke_button__bgcolor{
		display: none !important;
	}
	.txt-notificacion > p{
		display: inline-block;
	}
	.input-group-btn {
		height: 36px;
	}
	.desactivado{
		pointer-events: none;
		opacity: 0.5;
	}
	.bootstrap-dialog.type-primary .modal-header{
		background-color: #363b3f;
	}
	.slColor .bootstrap-select .btn {
		width: 100% !important;
	}
	.intl-tel-input, .iti {
		height: 34px !important;
		width: 100%;
		display: table-cell;
	}
	.intl-tel-input .iti-flag .arrow {
		border: none;
	}
	.intl-tel-input .form-control {
		padding-left: 57px !important;
	}
	.intl-tel-input .country-list, .iti__country-list {
		z-index: 9999;
	}
	.mdAvatar .modal-dialog .modal-content .modal-header {
		background-color: #363B3F;
	}
	.mdAvatar .modal-dialog .modal-content .modal-footer {
		margin-top: 0;
	}
	#frmSEO textarea {
		resize: vertical;
	}
</style>
<?php echo HTML::style('gentemplate/css/precargadores.css'); ?>

<?php echo $__env->make('GenTemplate.ventana-biblioteca-imagenes-css', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('Contenido'); ?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="icon-sc-landingpageicon" style="font-size: 30px !important;"></i> Páginas de captura </h2>
	</div><!--/col-md-12-->
</div><!--/row-->

<div class="row">
	<div class="col-md-12">
		<?php if(Session::has('message')): ?>
		<div class="alert alert-info"><?php echo Session::get('message'); ?></div>
		<?php endif; ?>
	</div>
</div>

<?php $Cliente = Cliente::find(Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id); ?>
<?php if( PlantillaxCliente::where('clientes_id','=', $Cliente->id)->count() == 0 ): ?>
<div class="row">
	<div class="alert alert-danger" style="margin: 15px;">
		<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		<div class="row">
			<div class="col-md-1" style="text-align: center;">
				<i class="fa fa-exclamation-triangle" style="font-size: 55px;"></i>
			</div>
			<div class="col-md-8">
				<p style="font-size: 18px; font-family: arial;">
					No has creado tu primer página aún. Para crearla ve a la pestaña "Listado de páginas" y ahí haz clic en el botón "Agregar"
				</p>
			</div>
		</div>
	</div>
</div>
<?php endif; ?>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> 
				<h3 class="content-header">  
					Configuración general de páginas de captura
				</h3>
			</div>
			<div class="porlets-content">
				<div class="tab-pane" id="ptab3">
					<form class="form-horizontal row-border" id="frmSEO">
						<div class="form-group">
							<input type="hidden" name="idConf" value="<?php echo $ConfiguracionesGenerales !=''?$ConfiguracionesGenerales[0]->id:''; ?>">
							<label class="col-sm-3 control-label text-right">Fragmento de código antes del cierre de la etiqueta &lt;&#x2F;head&gt;</label>
							<div class="col-sm-9">
								<textarea class="form-control" rows="6" name="CodeHead" style="margin-bottom: 15px;"><?php echo ($ConfiguracionesGenerales !='')?$ConfiguracionesGenerales[0]->codigo_head:''; ?></textarea>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label text-right">Fragmento de código antes del cierre de la etiqueta &lt;&#x2F;body&gt; </label>
							<div class="col-sm-9">
								<textarea class="form-control" rows="6" name="CodeBody"><?php echo ($ConfiguracionesGenerales != '')?$ConfiguracionesGenerales[0]->codigo_body:''; ?></textarea>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label text-right">
								Etiquetas Meta de Verificación 
								<i class="fa fa-question-circle tooltips" data-toggle="tooltip" data-original-title="Estas son las etiquetas que se usan usualmente para la verificación de propiedad de nombre de dominio en Facebook Ads o Google Ads"></i>
							</label>
							<div class="col-sm-9"> 
								<textarea class="form-control" rows="3" name="verificacion_meta" style="margin-bottom: 15px;"><?php echo ($ConfiguracionesGenerales !='')?$ConfiguracionesGenerales[0]->verificacion_meta:''; ?></textarea>
							</div>
						</div>
						<?php if($Cliente->subdominio != ''): ?>
						<div class="form-group">
							<label class="col-sm-3 control-label text-right"> Pasarelas de pago </label>
							<div class="col-sm-9">
								<a href="<?php echo URL::route('SysWebPAterrizajeConfiguracionesGeneralesConfGeneralesP'); ?>" class="btn btn-success"><i class="fa fa-cog"></i> Configurar</a>
							</div>
						</div>
						<?php endif; ?>
						<?php
							$chat_wh = array(
								'messenger' => '',
								'whatsapp' => '',
								'call' => '',
								'email' => '',
								'call_to_action' => '',
								'button_color' => '',
								'position' => ''
							);
							$chatActivo = false;
							if($ConfiguracionesGenerales != '') {
								if( $ConfiguracionesGenerales[0]->chat_wh != '' ){
									$chat_wh = json_decode($ConfiguracionesGenerales[0]->chat_wh, true);
									$chatActivo = true;
								}
							}
							$pais = Cliente::select('pais')->where('id', '=', Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id)->first()->pais;
						?>
						<div class="form-group">
							<label class="col-sm-3 control-label text-right"> Activar Chat </label>
							<div class="col-sm-9">
								<div class="radio-inline">
									<label>
										<input type="radio" <?php if(!$chatActivo): ?> checked <?php endif; ?> value="0" id="rdChatWHN" name="chat_wh_activo">
										<span class="custom-radio" ></span> No
									</label>
								</div>
								<div class="radio-inline">
									<label>
										<input type="radio" <?php if($chatActivo): ?> checked <?php endif; ?> value="1" id="rdChatWHS" name="chat_wh_activo">
										<span class="custom-radio"></span> Si
									</label>
								</div>
								<br>
							</div>
						</div>
						<div class="dvChatWH" <?php if(!$chatActivo): ?> style="display: none;" <?php endif; ?> >
							<div class="form-group mediosComunicacion">
								<label class="col-sm-3 control-label text-right"> Seleccione los médios de comunicación </label>
								<div class="col-sm-9">
									<div class="input-group" style="padding-bottom: 5px;">
										<span class="input-group-addon">
											<i class="fa fa-facebook-official"></i>
										</span>
										<input type="text" class="form-control" placeholder="Messenger de Facebook (ID de Página de Facebook)" <?php if( $chat_wh['messenger'] == '' ): ?> disabled <?php else: ?> value="<?php echo $chat_wh['messenger']; ?>" <?php endif; ?> name="chat_wh_messenger">
										<span class="input-group-addon">
											<input type="checkbox" name="chat_wh_messenger_ch" <?php if( $chat_wh['messenger'] != '' ): ?> checked <?php endif; ?> >
											<span class="custom-checkbox"></span>
										</span>
									</div>
									<div class="input-group" style="padding-bottom: 5px;">
										<span class="input-group-addon">
											<i class="fa fa-whatsapp"></i>
										</span>
										<input type="text" class="form-control" placeholder="Número de teléfono de WhatsApp" <?php if( $chat_wh['whatsapp'] == '' ): ?> disabled <?php else: ?> value="<?php echo $chat_wh['whatsapp']; ?>" <?php endif; ?> name="chat_wh_whatsapp">
										<span class="input-group-addon">
											<input type="checkbox" name="chat_wh_whatsapp_ch" <?php if( $chat_wh['whatsapp'] != '' ): ?> checked <?php endif; ?> >
											<span class="custom-checkbox"></span>
										</span>
									</div>
									<div class="input-group" style="padding-bottom: 5px;">
										<span class="input-group-addon">
											<i class="fa fa-phone"></i>
										</span>
										<input type="text" class="form-control" placeholder="Número de teléfono" <?php if( $chat_wh['call'] == '' ): ?> disabled <?php else: ?> value="<?php echo $chat_wh['call']; ?>" <?php endif; ?> name="chat_wh_call">
										<span class="input-group-addon">
											<input type="checkbox" name="chat_wh_call_ch" <?php if( $chat_wh['call'] != '' ): ?> checked <?php endif; ?> >
											<span class="custom-checkbox"></span>
										</span>
									</div>
									<div class="input-group" style="padding-bottom: 5px;">
										<span class="input-group-addon">
											<i class="fa fa-envelope-o"></i>
										</span>
										<input type="text" class="form-control" placeholder="Correo electrónico" <?php if( $chat_wh['email'] == '' ): ?> disabled <?php else: ?> value="<?php echo $chat_wh['email']; ?>" <?php endif; ?> name="chat_wh_email">
										<span class="input-group-addon">
											<input type="checkbox" name="chat_wh_email_ch" <?php if( $chat_wh['email'] != '' ): ?> checked <?php endif; ?> >
											<span class="custom-checkbox"></span>
										</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label text-right">Mensaje del llamado a la acción</label>
								<div class="col-sm-9">
									<input type="text" class="form-control" name="chat_wh_call_to_action" value="<?php echo ($chat_wh['call_to_action'] != '')?$chat_wh['call_to_action']:''; ?>">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label text-right">Color del botón</label>
								<div class="col-sm-9 slColor">
									<select class="selectpicker" name="chat_wh_button_color" data-width="100%">
										<option <?php if($chat_wh['button_color'] == ''): ?> selected <?php endif; ?> value="">Seleccione un color para el botón...</option>
										<option <?php if($chat_wh['button_color'] == '#666666'): ?> selected <?php endif; ?> value="#666666" data-content="<i class='fa fa-square' style='color: #666666;'></i> Gris">Gris</option>
										<option <?php if($chat_wh['button_color'] == '#E74339'): ?> selected <?php endif; ?> value="#E74339" data-content="<i class='fa fa-square' style='color: #E74339;'></i> Rojo">Rojo</option>
										<option <?php if($chat_wh['button_color'] == '#FF6550'): ?> selected <?php endif; ?> value="#FF6550" data-content="<i class='fa fa-square' style='color: #FF6550;'></i> Anaranjado">Anaranjado</option>
										<option <?php if($chat_wh['button_color'] == '#A8CE50'): ?> selected <?php endif; ?> value="#A8CE50" data-content="<i class='fa fa-square' style='color: #A8CE50;'></i> Verde">Verde</option>
										<option <?php if($chat_wh['button_color'] == '#129BF4'): ?> selected <?php endif; ?> value="#129BF4" data-content="<i class='fa fa-square' style='color: #129BF4;'></i> Azul">Azul</option>
										<option <?php if($chat_wh['button_color'] == '#932C8B'): ?> selected <?php endif; ?> value="#932C8B" data-content="<i class='fa fa-square' style='color: #932C8B;'></i> Morado">Morado</option>
										<option <?php if($chat_wh['button_color'] == '#FF318E'): ?> selected <?php endif; ?> value="#FF318E" data-content="<i class='fa fa-square' style='color: #FF318E;'></i> Rosado">Rosado</option>
										<option <?php if($chat_wh['button_color'] == '#000000'): ?> selected <?php endif; ?> value="#000000" data-content="<i class='fa fa-square' style='color: #000000;'></i> Negro">Negro</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label text-right">Posición del botón</label>
								<div class="col-sm-9">
									<div class="radio-inline">
										<label>
											<input type="radio" <?php if( $chat_wh['position'] == 'left'  ): ?> checked <?php endif; ?> value="left" name="chat_wh_position">
											<span class="custom-radio" ></span> Izquierda
										</label>
									</div>
									<div class="radio-inline">
										<label>
											<input type="radio" <?php if( $chat_wh['position'] == '' || $chat_wh['position'] == 'right' ): ?> checked <?php endif; ?> value="right" name="chat_wh_position">
											<span class="custom-radio"></span> Derecha
										</label>
									</div>
									<br>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label text-right"> Activar mensaje de notificación de uso de cookies/privacidad </label>
							<div class="col-sm-9">
								<div class="radio-inline">
									<label>
										<input type="radio" <?php if($ConfiguracionesGenerales != ''): ?>  <?php if($ConfiguracionesGenerales[0]->notificacion_activa == 0 ): ?> checked <?php endif; ?> <?php else: ?> checked <?php endif; ?>  value="0" id="rdConfirmacionNo" name="confirmacion">
										<span class="custom-radio" ></span> No
									</label>
								</div>
								<div class="radio-inline">
									<label>
										<input type="radio" <?php if($ConfiguracionesGenerales != ''): ?>  <?php if($ConfiguracionesGenerales[0]->notificacion_activa == 1 ): ?> checked  <?php endif; ?> <?php endif; ?> value="1" id="rdConfirmacionSi" name="confirmacion">
										<span class="custom-radio"></span> Si
									</label>
								</div>
								<br>
							</div>
						</div>
						<div class="form-group conf-notificacion" style="display: none;">
							<label class="col-sm-3 control-label text-right"> Donde quieres mostarar esta notificación  </label>
							<div class="col-sm-9">
								<div class="radio-inline">
									<label>
										<input type="radio" <?php if($ConfiguracionesGenerales != ''): ?> <?php if($ConfiguracionesGenerales[0]->tipo_notificacion == 1 ): ?> checked <?php endif; ?> <?php endif; ?> value="1" id="rdTodas" name="notificacion">
										<span class="custom-radio"></span> En todas las páginas
									</label>
								</div>
								<div class="radio-inline">
									<label>
										<input type="radio" <?php if($ConfiguracionesGenerales != '' && $ConfiguracionesGenerales[0]->tipo_notificacion == 0 ): ?> checked <?php endif; ?> value="0" id="rdIndividual" name="notificacion">
										<span class="custom-radio"></span> En páginas individuales
									</label>
								</div>
								<br>
							</div>
						</div>
						<div class="form-group conf-notificacion" style="display: none;">
							<label class="col-sm-3 control-label text-right"> Intervalo de días para mostrar </label>
							<div class="col-sm-9">
								<input type="number" name="intervalo-dias"  <?php if($ConfiguracionesGenerales != ''): ?> value="<?php echo $ConfiguracionesGenerales[0]->dias_cookies; ?>" <?php else: ?> value="0"  <?php endif; ?>  class="intervalo-dias form-control" min="0">
								<div class="alert alert-info" style="margin-top: 10px;">
									A los visitantes que cerraron la notificación de politicas de  privacidad/cookies se les mostrará de nuevo en el intervalo de días que especifíques.
								</div>
							</div>
						</div>
						<fieldset class="conf-notificacion" style="border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; margin-top: 30px; display: none;">
							<legend>Configuraciones para notificación 
								<button class="btn btn-success btn-importar-ntf  pull-right" style="margin-right: 15px; margin-top: -8px;">Importar Configuración  <i class="fa fa-external-link" aria-hidden="true" style="margin-left: 5px;"></i></button>
							</legend>
							<div class="previsualizador-pc col-md-8" style="margin-rigth"> 
								<input type="hidden" name="html_notificacion" id="html-notificacion">
								<label class="col-sm-12 control-label" style="text-align: center; font-weight: 300; font-size: 18px;"> Previsualizador PC <hr> </label>
								<div class="form-group col-md-12">
									<div id="disenhador" class="row disenhador" style="padding: 38px 10px; ">
										<div class="notificacion-cookies col-md-12 text-center" data-opacity="5" data-tipo-borde="solid" data-size-borde="1" style="background-color: transparent; border-color: #000000; border-width: 1px; border-style: solid; padding: 10px 10px;">
											<div class="bg-color" style="position:absolute; background-color: #000000; top: 0;left: 0;width: 100%; height: 100%;"></div>
											<span class="txt-notificacion" style="color: #cccccc; position:relative;">
												Utilizamos cookies para entender cómo usas nuestro sitio y mejorar tu experiencia. Esto incluye la personalización de contenidos y de publicidad. Para obtener más información, HAGA CLIC AQUÍ. Al seguir usando nuestro sitio, tu aceptas nuestras políticas de Cookies, Privacidad y las Condiciones de uso.											</span>
											<button class="btn btn-primary btn-aceptar-ntf" data-tipo-borde="solid" data-size-borde="1" data-size-letra="12" data-font="Open Sans" style="position: relative; margin-left: 5px; border-width: 1px; border-style: solid; background-color: #428bca; padding: 4px 10px;">Aceptar</button>
										</div>
									</div>
								</div>
							</div>
							<div class="previsualizador-movil col-md-4">
								<label class="col-sm-12 control-label" style="text-align: center; font-weight: 300; font-size: 18px; "> Previsualizador Movil <hr> </label>
								<div class="form-group col-md-12">
									<div id="disenhador" class="row disenhador" style="padding: 25px 10px;">
										<div class="notificacion-cookies col-md-12 col-xs-12 col-sm-12 text-center" data-opacity="5" data-tipo-borde="solid" data-size-borde="1" style="background-color: transparent; border-color: #000000; border-width: 1px; border-style: solid; padding: 10px 10px;">
											<div class="bg-color" style="position:absolute; background-color: #000000; top: 0;left: 0;width: 100%; height: 100%;"></div>
											<span class="txt-notificacion" style="color: #cccccc; position:relative;">
												Utilizamos cookies para entender cómo usas nuestro sitio y mejorar tu experiencia. Esto incluye la personalización de contenidos y de publicidad. Para obtener más información, HAGA CLIC AQUÍ. Al seguir usando nuestro sitio, tu aceptas nuestras políticas de Cookies, Privacidad y las Condiciones de uso.											</span>
											<button class="btn btn-primary btn-aceptar-ntf" data-tipo-borde="solid" data-size-borde="1" data-font="Open Sans" data-size-letra="12" style="position: relative; margin-left: 5px; border-width: 1px; border-style: solid; background-color: #428bca; padding: 4px 10px;">Aceptar</button>
										</div> 
									</div>
								</div>
							</div>
							<div class="ntf-txt col-md-4" >
								<label class="col-sm-12 control-label" style="text-align: center; font-weight: 300; font-size: 18px;">Contenido <hr></label>
								<textarea rows="6" name="mensaje" id="mensaje" class="form-control ckeditor" style="margin-bottom: 15px;"></textarea> <br>
							</div>
							<div class="ntf-cuerpo col-md-4">
								<label class="col-sm-12 control-label" style="text-align: center; font-weight: 300; font-size: 18px;"> Cuerpo <hr> </label>
								<div class="form-group ">
									<label class="col-sm-4 control-label text-right">Color de fondo</label>
									<div class="col-sm-6">
										<input type="text" class="ntf-color-fondo colorpicker form-control" id="ntf-color-fondo">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-4 control-label text-right">Color de borde</label>
									<div class="col-sm-6">
										<div class='input-group' >
											<input type="text" class="ntf-color-borde colorpicker style-borde form-control" id="ntf-color-borde">
											<span class='input-group-addon' style='padding: 0px 9px;'>
												<input type='checkbox' class='borderg tooltip'  title='Activar borde'>
												<span class='custom-checkbox'></span>
											</span>
										</div>
									</div>
								</div>
								<div class="form-group ">
									<label class="col-sm-4 control-label text-right">Ancho de borde</label>
									<div class="col-sm-6">
										<input type="number" max="10" min="1" value="1" class="ntf-size-borde spiner form-control style-borde">
									</div>
								</div>
								<div class="form-group ">
									<label class="col-sm-4 control-label text-right">tipo de borde</label>
									<div class="col-sm-6">
										<select class="form-control sltipoBorde style-borde">
											<option value="solid">Solido</option>
											<option value="dashed">Tachado</option>
											<option value="dotted">Punteado</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-4 control-label text-right">Transparencia</label>
									<div class="col-sm-6">
										<input type="number" class="ntf-color-transparent form-control" max="5" min="0" value="5">
									</div>
								</div>
							</div>
							<div class="ntf-boton col-md-4">
								<label class="col-sm-12 control-label" style="text-align: center; font-weight: 300; font-size: 18px;">Botón <hr> </label>
								<div class="form-group">
									<label class="col-sm-4 control-label text-right">Fuente de letra</label>
									<div class="col-sm-6">
										<select id="fontFamily" name="fontfamily" class="form-control ntf-fonts">
											<option value="Arial" style="font-family: Arial;">Arial</option>
											<option value="Comic Sans MS" style="font-family: &quot;Comic Sans MS&quot;;">Comic Sans MS</option>
											<option value="Courier New" style="font-family: &quot;Courier New&quot;;">Courier New</option>
											<option value="Georgia" style="font-family: Georgia;">Georgia</option>
											<option value="Impact" style="font-family: Impact;">Impact</option>
											<option value="Lucida Console" style="font-family: &quot;Lucida Console&quot;;">Lucida Console</option>
											<option value="Palatino Linotype" style="font-family: &quot;Palatino Linotype&quot;;">Palatino Linotype</option>
											<option value="Tahoma" style="font-family: Tahoma;">Tahoma</option>
											<option value="Times New Roman" style="font-family: &quot;Times New Roman&quot;;">Times New Roman</option>
											<option value="Trebuchet MS" style="font-family: &quot;Trebuchet MS&quot;;">Trebuchet MS</option>
											<option value="Verdana" style="font-family: Verdana;">Verdana</option>
											<option value="Adamina" style="font-family: Adamina;">Adamina</option>
											<option value="Bubblegum Sans" style="font-family: &quot;Bubblegum Sans&quot;;">Bubblegum Sans</option>
											<option value="Dancing Script" style="font-family: &quot;Dancing Script&quot;;">Dancing Script</option>
											<option value="Dosis" style="font-family: Dosis;">Dosis</option>
											<option value="Droid Sans" style="font-family: &quot;Droid Sans&quot;;">Droid Sans</option>
											<option value="Just Another Hand" style="font-family: &quot;Just Another Hand&quot;;">Just Another Hand</option>
											<option value="Lobster Two" style="font-family: &quot;Lobster Two&quot;;">Lobster Two</option>
											<option value="Londrina Solid" style="font-family: &quot;Londrina Solid&quot;;">Londrina Solid</option>
											<option value="Montserrat" style="font-family: Montserrat;">Montserrat</option>
											<option value="Nixie One" style="font-family: &quot;Nixie One&quot;;">Nixie One</option>
											<option selected="" value="Open Sans" style="font-family: &quot;Open Sans&quot;;">Open Sans</option>
											<option value="Oswald" style="font-family: Oswald;">Oswald</option>
											<option value="Pacifico" style="font-family: Pacifico;">Pacifico</option>
											<option value="Rock Salt" style="font-family: &quot;Rock Salt&quot;;">Rock Salt</option>
											<option value="Shadows Into Light Two" style="font-family: &quot;Shadows Into Light Two&quot;;">Shadows Into Light Two</option>
											<option value="The Girl Next Door" style="font-family: &quot;The Girl Next Door&quot;;">The Girl Next Door</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-4 control-label text-right">Color de fondo</label>
									<div class="col-sm-6">
										<input type="text" class="ntfB-color-fondo colorpicker form-control" id="ntfB-color-fondo">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-4 control-label text-right">Color de fuente</label>
									<div class="col-sm-6">
										<input type="text" class="ntfB-color-fuente colorpicker form-control" id="ntfB-color-fuente">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-4 control-label text-right">Tamaño de letra</label>
									<div class="col-sm-6">
										<input type="number" class="ntfB-font-size spiner form-control" max="17" min="10" value="12">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-4 control-label text-right">Color de borde</label>
									<div class="col-sm-6">
										<div class='input-group' >
											<input type="text" class="ntfB-color-borde colorpicker  form-control" id="ntfB-color-borde">
											<span class='input-group-addon' style='padding: 0px 9px;'>
												<input type='checkbox' class='bordergBoton tooltip'  title='Activar borde'>
												<span class='custom-checkbox'></span>
											</span>
										</div>
									</div>
								</div>
								<div class="form-group ">
									<label class="col-sm-4 control-label text-right">Ancho de borde</label>
									<div class="col-sm-6">
										<input type="number" max="10" min="1" value="1" class="ntfB-size-borde spiner form-control ">
									</div>
								</div>
								<div class="form-group ">
									<label class="col-sm-4 control-label text-right">tipo de borde</label>
									<div class="col-sm-6">
										<select class="form-control sltipoBordeBoton ">
											<option value="solid">Solido</option>
											<option value="dashed">Tachado</option>
											<option value="dotted">Punteado</option>
										</select>
									</div>
								</div>
							</div>
						</fieldset>
						<div class="form-group">
							<label class="col-sm-3 control-label text-right"> Pre-Cargador </label>
							<div class="col-sm-9">
								<button class="btn btn-success" type="button" id="btnPreCargador"><i class="fa fa-cog"></i> Configurar</button>
								<input type="hidden" name="html_preloader" value='<?php echo ($ConfiguracionesGenerales != '')?$ConfiguracionesGenerales[0]->html_preloader:''; ?>'>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label text-right"> FB API Conversion </label>
							<div class="col-sm-9">
								<button class="btn btn-success" type="button" id="btnFBAPIC"><i class="fa fa-cog"></i> Configurar</button>
								<input type="hidden" name="conversionAPIFB" value='<?php echo ($ConfiguracionesGenerales != '')?$ConfiguracionesGenerales[0]->conversionAPIFB:''; ?>'>
							</div>
						</div>
					<form>
				</div>
			</div>
			<div class="bottom">
				<button class="btn btn-primary actualizar" > Guardar </button>		
			</div>
		</div>
		<input type="hidden" id="cid" value="<?php echo Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id; ?>">
		<input type="hidden" id="rutabibliotecascliente" value="<?php echo URL::route('SysWebPAterrizajeBibliotecaImagenesClientes', array('')); ?>/">
		<input type="hidden" id="hdnRutaImagenes" value="<?php echo URL::route('SysWebPAterrizajeGenTemplateImagenes'); ?>">		
	</div>
</div><!--/row end-->
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JS'); ?>
<?php echo HTML::script('WebPro/plugins/toggle-switch/toggles.min.js'); ?>

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

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

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

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

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

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

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

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

<?php echo HTML::script('jQuery-Text-Counter/textcounter.min.js'); ?>

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

<?php echo HTML::script('WebPro/plugins/toggle-switch/toggles.min.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('bootstrap-slider/bootstrap-slider.min.js'); ?>

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

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

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

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

<?php echo HTML::script('jquery-ezdz/jquery.ezdz.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'); ?>

<script type="text/javascript">
	CKEDITOR.config.disableObjectResizing = true;
	CKEDITOR.config.plugins="dialogui,dialog,about,a11yhelp,dialogadvtab,basicstyles,bidi,clipboard,button,panel,colorbutton,colordialog,templates,menu,contextmenu,toolbar,elementspath,enterkey,entities,popup,filebrowser,find,fakeobjects,flash,floatingspace,richcombo,font,,horizontalrule,iframe,wysiwygarea,menubutton,language,link,magicline,newpage,pagebreak,pastetext,pastefromword,preview,print,removeformat,save,showborders,specialchar,scayt,tab,tabletools,undo,wsc"
	CKEDITOR.config.fontSize_sizes = '10/10px;11/11px;12/12px;14/14px;16/16px;17/17px';
	var font = CKEDITOR.config.font_names
	CKEDITOR.replace("mensaje", 
		{ 
			'font_names':font+'Adamina; Bubblegum Sans; Dancing Script;Dosis;Droid Sans;Lobster Two;Londrina Solid;Montserrat;Nixie One;Open Sans;Oswald;Pacifico;Rock Salt;Shadows Into Light Two;The Girl Next Door',
			'contentsCss':[ "https://fonts.googleapis.com/css?family=Adamina",
			"https://fonts.googleapis.com/css?family=Dancing+Script",
			"https://fonts.googleapis.com/css?family=Droid+Sans",
			"https://fonts.googleapis.com/css?family=Just+Another+Hand",
			"https://fonts.googleapis.com/css?family=Lobster+Two",
			"https://fonts.googleapis.com/css?family=Montserrat",
			"https://fonts.googleapis.com/css?family=Nixie+One",
			"https://fonts.googleapis.com/css?family=Open+Sans",
			"https://fonts.googleapis.com/css?family=Oswald",
			"https://fonts.googleapis.com/css?family=Pacifico",
			"https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two",
			"https://fonts.googleapis.com/css?family=The+Girl+Next+Door",
			"https://fonts.googleapis.com/css?family=Bubblegum+Sans",
			"https://fonts.googleapis.com/css?family=Londrina+Solid" ] 
		}
	);
	function CambiarRedirect(estado){
		var estado = estado;	
	}
</script>
<?php echo $__env->make('GenTemplate.ventana-biblioteca-imagenes-js', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
<?php if($ConfiguracionesGenerales != ''): ?>
	<?php if($ConfiguracionesGenerales[0]->html_notificacion_cookies != ''): ?>
		var html = '<?php echo $ConfiguracionesGenerales[0]->html_notificacion_cookies; ?>';
		$(".disenhador").html(html);
	<?php endif; ?>	
<?php endif; ?>
editor = CKEDITOR.instances.mensaje;
editor.setData($(".txt-notificacion").html());
if(!$(".borderg").is(":checked")){
	$(".style-borde").prop("readonly", true);
	$(".sltipoBorde").prop("disabled", true);
	setInterval(function(){
		if(!$(".borderg").is(":checked")){
			$(".ntf-cuerpo").find(".input-group-btn").addClass("desactivado");
		}	
	},1000)
}
if(!$(".bordergBoton").is(":checked")){
	$(".ntfB-color-borde").prop("readonly", true);
	$(".sltipoBordeBoton").prop("disabled", true);
	$(".ntfB-size-borde").prop("readonly", true);
	setInterval(function(){
		if(!$(".bordergBoton").is(":checked")){
			$(".ntf-boton").find(".ntfB-size-borde").closest(".input-group").find(".input-group-btn").addClass("desactivado");
		}	
	},1000)
}
$(".sltipoBorde").val($(".notificacion-cookies").attr("data-tipo-borde"));
$(".sltipoBordeBoton").val($(".btn-aceptar-ntf").attr("data-tipo-borde"));
$(".ntfB-size-borde").val($(".btn-aceptar-ntf").attr("data-size-borde"));
$(".ntf-color-borde").val("#000000");
$('[name="confirmacion"]').click(function(){
	if( $(this).val() == 0 ){
		$(".conf-notificacion").hide("slow");
	}
	else{
		$(".conf-notificacion").show("slow");
	}
});
$("#toggle_notificacion").toggles({on: true , click: false});
if($("#rdConfirmacionSi").is(":checked")){
	$(".conf-notificacion").show("slow");
}
var nuevo_msj = $(".notificacion-cookies").html();
$(".notificacion-cookies").html(nuevo_msj);
//--------INICIALIZAR PALETA DE COLORES----------
$(".colorpicker").each(function(){
	var id  = $(this).attr("id");
	var color ="";
	if($(this).hasClass("ntf-color-fondo")){
		color = $(".bg-color").css("background-color");
	}
	if($(this).hasClass("ntf-color-borde")){
		color = $(".notificacion-cookies").css("border-color");
	}
	if($(this).hasClass("ntfB-color-fondo")){
		color = $(".btn-aceptar-ntf").css("background-color");
	}
	if($(this).hasClass("ntfB-color-fuente")){
		color = $(".ntfB-color-fuente").css("color");
	}
	if($(this).hasClass("ntfB-color-borde")){
		color = $(".ntfB-color-borde").css("border-color");
	}
	if(id == "ntf-color-borde"){
		if($(".borderg").is(":checked")){
			$("#ntf-color-borde").colorpicker({
				color: color,
				format: "hex",
			}).on("changeColor", function(){ 
				$(".notificacion-cookies").css("border-color", $(this).val());
			});
		}
	}
	else if(id == "ntfB-color-borde"){
		if($(".bordergBoton").is(":checked")){
			$("#ntfB-color-borde").colorpicker({
				color: color,
				format: "hex",
			}).on("changeColor", function(){ 
				$(".btn-aceptar-ntf").css("border-color", $(this).val());
			});
		}
		else{
			$(this).val($(".notificacion-cookies").css("border-color"));
		}	
	}
	else{
		$("#"+id).colorpicker({
			color: color,
			format: "hex",
		}).on("changeColor", function(){ 
			if($(this).hasClass("ntf-color-fondo")){
				$(".notificacion-cookies").css("background-color", "transparent");
				$(".notificacion-cookies").attr("data-color", $(this).val())
				$(".bg-color").css("background-color", $(this).val());
				if(!$(".borderg").is(":checked")){
					$(".notificacion-cookies").css("border-color", $(this).val());
				}
			}
			if($(this).hasClass("ntfB-color-fondo")){
				$(".btn-aceptar-ntf").css("background-color", $(this).val());
			}
			if($(this).hasClass("ntfB-color-fuente")){
				$(".btn-aceptar-ntf").css("color", $(this).val());
			}
			if($(this).hasClass("ntfB-color-borde")){
				$(".btn-aceptar-ntf").css("border-color", $(this).val());
			}
		});
	}
});
//------------------------------------------------
editor.on("change", function(event){
	editor = CKEDITOR.instances.mensaje;
	var mensaje = editor.getData();
	if($(".btn-aceptar-ntf").prop("outerHTML") != undefined){
		boton = $(".btn-aceptar-ntf").prop("outerHTML");
	}
	if(mensaje != ""){
		$(".txt-notificacion").html(mensaje);
		$(".txt-notificacion").html($(".txt-notificacion").find("p").html());
		var nuevo_msj = $(".notificacion-cookies").html().replace("{aceptar}", boton);
		$(".notificacion-cookies").html(nuevo_msj);
		$(".errnotificacion").text("");
	}
	else{
		$(".errnotificacion").text("No existe ningun registro");
	}
});
$("#fontFamily").val($(".btn-aceptar-ntf").attr("data-font"));
$("#fontFamily").change(function(){
	$(".btn-aceptar-ntf").css("font-family", $(this).val());
	$(".btn-aceptar-ntf").attr("data-font", $(this).val());
});
$(".ntf-color-transparent").bootstrapSlider({
	value: parseInt($(".notificacion-cookies").attr("data-opacity")), 
	max:5,
	min:0 
}).on('slide', function(){
	$(".notificacion-cookies").find(".bg-color").css("opacity", (0.5+parseInt($(this).val())/10));
	$(".notificacion-cookies").attr("data-opacity", $(this).val());
});
if($(".ntf-color-transparent").is(":checked")){
	$("#notificacion-cookies").css("background-color", "transparent");
}
$(".ntf-color-borde").val($(".notificacion-cookies").css("border-color"));
$(".borderg").click(function(){
	if($(this).is(":checked")){
		$(".style-borde").prop("readonly", false);
		$(".sltipoBorde").prop("disabled", false);
		$(".ntf-size-borde").blur(function(){
			$(".notificacion-cookies").css("border-width", $(this).val());
			$(".notificacion-cookies").attr("data-size-borde", $(this).val());
		});
		$(".sltipoBorde").change(function(){
			$(".notificacion-cookies").css("border-style", $(this).val());
			$(".notificacion-cookies").attr("data-tipo-borde", $(this).val());
		});
		$(".ntf-color-borde").colorpicker({
			color: $(".notificacion-cookies").css("border-color"),
			format: "hex",
		}).on("changeColor", function(){ 
			$(".notificacion-cookies").css("border-color", $(this).val());
		});
		$(".ntf-cuerpo").find(".input-group-btn").removeClass("desactivado");
	}
	else{
		$(".ntf-color-borde").colorpicker("destroy");
		$(".style-borde").prop("readonly", true);
		$(".sltipoBorde").prop("disabled", true);
		$(".ntf-color-fondo").colorpicker({
			color: $(".notificacion-cookies").css("background-color"),
			format: "hex",
		}).on("changeColor", function(){ 
			$(".notificacion-cookies").css("border-color", $(this).val());
		});
		$(".ntf-cuerpo").find(".input-group-btn").addClass("desactivado");
	}
})
$(".ntfB-color-borde").val($(".btn-aceptar-ntf").css("border-color"));
$(".bordergBoton").click(function(){
	if($(this).is(":checked")){
		$(".ntfB-color-borde").prop("readonly", false);
		$(".sltipoBordeBoton").prop("disabled", false);
		$(".ntfB-size-borde").prop("readonly", false);
		$(".sltipoBordeBoton").change(function(){
			$(".btn-aceptar-ntf").css("border-style", $(this).val());
			$(".btn-aceptar-ntf").attr("data-tipo-borde", $(this).val());
		});
		$(".ntfB-color-borde").colorpicker({
			color: $(".btn-aceptar-ntf").css("border-color"),
			format: "hex",
		}).on("changeColor", function(){ 
			$(".btn-aceptar-ntf").css("border-color", $(this).val());
		});
		//$(".ntfB-color-borde").val($(".btn-aceptar-ntf").css("border-color"));
		$(".ntf-boton").find(".ntfB-size-borde").closest(".input-group").find(".input-group-btn").removeClass("desactivado");
	}
	else{
		$(".ntfB-color-borde").colorpicker("destroy");
		$(".ntfB-color-borde").prop("readonly", true);
		$(".sltipoBordeBoton").prop("disabled", true);
		$(".ntfB-size-borde").prop("readonly", true);
		$(".ntf-boton").find(".ntfB-size-borde").closest(".input-group").find(".input-group-btn").addClass("desactivado");
	}
});
$(".spiner").bootstrapNumber();
$(".ntfB-font-size").val($(".btn-aceptar-ntf").attr("data-size-letra"));
$(".ntf-size-borde").val($(".notificacion-cookies").attr("data-size-borde"));
$(".input-group-btn").click(function(){
	if($(this).closest(".input-group").find(".spiner").hasClass("ntfB-font-size")){
		$(".btn-aceptar-ntf").css("font-size", $(this).closest(".input-group").find(".spiner").val()+"px");
		$(".btn-aceptar-ntf").attr("data-size-letra", $(this).closest(".input-group").find(".spiner").val());
	}
	else{
		if($(this).closest(".ntf-cuerpo").length > 0){
			if($(".borderg").is(":checked")){
				$(".notificacion-cookies").css("border-width", $(this).closest(".input-group").find(".spiner").val()+"px");
				$(".notificacion-cookies").attr("data-size-borde", $(this).closest(".input-group").find(".spiner").val());
			}
		}
		else{
			if($(".bordergBoton").is(":checked")){
				$(".btn-aceptar-ntf").css("border-width", $(this).closest(".input-group").find(".spiner").val()+"px");
				$(".btn-aceptar-ntf").attr("data-size-borde", $(this).closest(".input-group").find(".spiner").val())
			}
		}	
	}
});
$(".block-web").find(".actualizar").on("click",function(e){
	e.preventDefault();
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	$(".notificacion-cookies").attr("data-dias", $(".intervalo-dias").val());
	$(".notificacion-cookies").attr("data-type", "pagina");
	var html = $("#disenhador").html();
	var nuevo = html.replace(/(\r\n\t|\n|\r\t)/gm,"");
	$("#html-notificacion").val(nuevo.trim());
	$('.mediosComunicacion [name="chat_wh_whatsapp"]').val($('.mediosComunicacion [name="chat_wh_whatsapp"]').intlTelInput("getNumber"));
	$('.mediosComunicacion [name="chat_wh_call"]').val($('.mediosComunicacion [name="chat_wh_call"]').intlTelInput("getNumber"));
	$.post(
		"<?php echo URL::route('SysWebPAterrizajeConfiguracionesGenerales'); ?>",
		$("#frmSEO").serialize(),
		function(data){
			$.isLoading("hide"); NProgress.done();
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setInterval(location.reload(),20000);
			}
			else{
				if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
				$.each(data.errMensajes, function(key, value){ if(value != ''){ console.log(key); $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
			}
		},
		"json"
	);
	/*var formData = new FormData(document.getElementById("frmSEO"));
	$.ajax({
		type: "POST",
		url: "<?php echo URL::route('SysWebPAterrizajeConfiguracionesGenerales'); ?>",
		data: formData,
		timeout: 600000,
		cache: false,
		contentType: false,
		processData: false,
		dataType: "json",
		success: function(data){
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setInterval(location.reload(),20000);
			}
			else{
				if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
				$.each(data.errMensajes, function(key, value){ if(value != ''){ console.log(key); $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
			}
		},
		error: function(jqXHR, textStatus, errorThrown){
			new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
		},
		failed: function(err){
			console.log( err );
		}
	});*/
});
$(".btn-importar-ntf").click(function(event){
	event.preventDefault();
	//$.isLoading({ text: "Cargando..." }); NProgress.start();
	var mensaje = "<div class='row'> \
		<div class='col-xs-12'> \
			<form id='frmEliminar'> \
					<h4> ¿Estas seguro que deseas importar las configuraciones de este mensaje desde las configuraciones generales de sitio web? <br><br> Al hacerlo ten en cuenta que las configuraciones de esta sección serán reemplazadas. </h4> \
			</form> \
		</div> \
	</div>";
	BootstrapDialog.show({
		title: "Importar Configuraciones",
		type: BootstrapDialog.TYPE_PRYMARY,
		message: mensaje,
		draggable: true,
		cssClass: "ModalEliminar",
		buttons: [{
			id: "btnImportar",
			label: "Importar",
			cssClass: "btn-success",
			action: function(dialogItself){
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				//$("#btnEliminar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Eliminando');
				$.post(
					"<?php echo URL::route('SysWebPAterrizajeImportarConfiguraciones'); ?>",
					{tipo: "pagina"},
					function(data){
						$.isLoading("hide"); NProgress.done();
						if(data.success){
							new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
							setInterval(location.reload(),20000);
						}
						else{
							if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
							$.each(data.errMensajes, function(key, value){ if(value != ''){ console.log(key); $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
						}
					},
				"json"
				);
			}
		}]
	});
})
$('.mediosComunicacion [name="chat_wh_whatsapp"]').intlTelInput({
	utilsScript: "<?php echo asset('Intl-Tel-Input/17.0.3/js/utils17-0-16.min.js'); ?>"
});
$('.mediosComunicacion [name="chat_wh_whatsapp"]').intlTelInput("setCountry", "<?php echo $pais; ?>");
$('.mediosComunicacion [name="chat_wh_call"]').intlTelInput({
	utilsScript: "<?php echo asset('Intl-Tel-Input/17.0.3/js/utils17-0-16.min.js'); ?>"
});
$('.mediosComunicacion [name="chat_wh_call"]').intlTelInput("setCountry", "<?php echo $pais; ?>");
$('[name="chat_wh_activo"]').click(function(e){
	var chk = $(this);
	if( chk.val() == 1 ){
		$(".dvChatWH").show("slow");
	}
	else{
		$(".dvChatWH").hide("slow");
	}
});
$(".mediosComunicacion").find('[type="checkbox"]').each(function(e){
	var chk = $(this);
	chk.click(function(e){
		var chkclic = $(this);
		var textoName = chkclic.attr("name").replace("_ch", "");
		var textoEl = $('[name="'+textoName+'"]');
		if( chkclic.is(":checked") ){
			textoEl.prop("disabled", false);
		}
		else{
			textoEl.val("").prop("disabled", true);
		}
	});
});

$("#btnPreCargador").click(function(e){
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	var mensaje = '<div class="row"> \
		<div class="col-xs-12"> \
			<form id="frmConfPreLoader"> \
				<div class="col-md-12"> \
					<div class="form-group"> \
						<label> Tema del PreCargador </label> \
						<select class="form-control selectpicker" name="tema" title="Selecciona un tema"> \
							<option value="tema1">Tema 1</option> \
							<option value="tema2">Tema 2</option> \
							<option value="tema3">Tema 3</option> \
							<option value="tema4">Tema 4</option> \
							<option value="tema5">Tema 5</option> \
							<option value="sinPrecargador">Sin precargador</option> \
						</select> \
						<span class="text-danger" id="errtema"> </span> \
					</div> \
				</div> \
				<div class="dvTema1" style="display: none;"> \
					<div class="col-md-6"> \
						<div class="form-group"> \
							<label> Imagen de fondo </label> \
							<br> \
							<button class="btn btn-success imgFotografia" type="button" id="btnImagenT1"><i class="fa fa-cog"></i> Configurar</button> \
							<input type="hidden" name="hdnImagenT1" id="hdnImagenT1" value=""> \
							<span class="text-danger" id="errbtnImagenT1"> </span> \
						</div> \
					</div> \
					<div class="col-md-6"> \
						<div class="form-group"> \
							<label> Color de fondo </label> \
							<div id="cpColorDeFondoT1" class="input-group colorpicker-component"> \
								<input type="text" value="#1d2630" class="form-control" /> \
								<span class="input-group-addon"><i></i></span> \
							</div> \
							<span class="text-danger" id="errcpColorDeFondoT1"> </span> \
						</div> \
					</div> \
				</div> \
				<div class="dvTema2" style="display: none;"> \
					<div class="col-md-4"> \
						<div class="form-group"> \
							<label> Imagen de fondo </label> \
							<br> \
							<!-- <button class="btn btn-success imgFotografia" type="button" id="btnImagenT2"><i class="fa fa-cog"></i> Configurar</button> --> \
							<div class="btn-group"> \
								<button class="btn btn-success dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> \
									Configurar <span class="caret"></span> \
								</button> \
								<ul class="dropdown-menu"> \
									<li> \
										<a href="#" id="btnImagenT2">Seleccionar de la biblioteca</a> \
									</li> \
									<li> \
										<a href="#" id="btnSinImagenT2">Sin imagen</a> \
									</li> \
								</ul> \
							</div> \
							<input type="hidden" name="hdnImagenT2" id="hdnImagenT2" value=""> \
							<span class="text-danger" id="errbtnImagenT2"> </span> \
						</div> \
					</div> \
					<div class="col-md-4"> \
						<div class="form-group"> \
							<label> Color de fondo </label> \
							<div id="cpColorDeFondoT2" class="input-group colorpicker-component"> \
								<input type="text" value="#1d2630" class="form-control" /> \
								<span class="input-group-addon"><i></i></span> \
							</div> \
							<span class="text-danger" id="errcpColorDeFondoT2"> </span> \
						</div> \
					</div> \
					<div class="col-md-4"> \
						<div class="form-group"> \
							<label> Color del circulo </label> \
							<div id="cpColorDeCirculoT2" class="input-group colorpicker-component"> \
								<input type="text" value="#1d2630" class="form-control" /> \
								<span class="input-group-addon"><i></i></span> \
							</div> \
							<span class="text-danger" id="errcpColorDeCirculoT2"> </span> \
						</div> \
					</div> \
				</div> \
				<div class="dvTema3" style="display: none;"> \
					<div class="col-md-3"> \
						<div class="form-group"> \
							<label> Imagen de fondo </label> \
							<br> \
							<!-- <button class="btn btn-success imgFotografia" type="button" id="btnImagenT3"><i class="fa fa-cog"></i> Configurar</button> --> \
							<div class="btn-group"> \
								<button class="btn btn-success dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> \
									Configurar <span class="caret"></span> \
								</button> \
								<ul class="dropdown-menu"> \
									<li> \
										<a href="#" id="btnImagenT3">Seleccionar de la biblioteca</a> \
									</li> \
									<li> \
										<a href="#" id="btnSinImagenT3">Sin imagen</a> \
									</li> \
								</ul> \
							</div> \
							<input type="hidden" name="hdnImagenT3" id="hdnImagenT3" value=""> \
							<span class="text-danger" id="errbtnImagenT3"> </span> \
						</div> \
					</div> \
					<div class="col-md-3"> \
						<div class="form-group"> \
							<label> Color de fondo </label> \
							<div id="cpColorDeFondoT3" class="input-group colorpicker-component"> \
								<input type="text" value="#1d2630" class="form-control" /> \
								<span class="input-group-addon"><i></i></span> \
							</div> \
							<span class="text-danger" id="errcpColorDeFondoT3"> </span> \
						</div> \
					</div> \
					<div class="col-md-3"> \
						<div class="form-group"> \
							<label> Color de cuadro 1 </label> \
							<div id="cpColorDeCuadroT3" class="input-group colorpicker-component"> \
								<input type="text" value="#1d2630" class="form-control" /> \
								<span class="input-group-addon"><i></i></span> \
							</div> \
							<span class="text-danger" id="errcpColorDeCuadroT3"> </span> \
						</div> \
					</div> \
					<div class="col-md-3"> \
						<div class="form-group"> \
							<label> Color de cuadro 2 </label> \
							<div id="cpColorDeCuadro2T3" class="input-group colorpicker-component"> \
								<input type="text" value="#1d2630" class="form-control" /> \
								<span class="input-group-addon"><i></i></span> \
							</div> \
							<span class="text-danger" id="errcpColorDeCuadro2T3"> </span> \
						</div> \
					</div> \
				</div> \
				<div class="dvTema4" style="display: none;"> \
					<div class="col-md-4"> \
						<div class="form-group"> \
							<label> Imagen de fondo </label> \
							<br> \
							<!-- <button class="btn btn-success imgFotografia" type="button" id="btnImagenT4"><i class="fa fa-cog"></i> Configurar</button> --> \
							<div class="btn-group"> \
								<button class="btn btn-success dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> \
									Configurar <span class="caret"></span> \
								</button> \
								<ul class="dropdown-menu"> \
									<li> \
										<a href="#" id="btnImagenT4">Seleccionar de la biblioteca</a> \
									</li> \
									<li> \
										<a href="#" id="btnSinImagenT4">Sin imagen</a> \
									</li> \
								</ul> \
							</div> \
							<input type="hidden" name="hdnImagenT4" id="hdnImagenT4" value=""> \
							<span class="text-danger" id="errbtnImagenT4"> </span> \
						</div> \
					</div> \
					<div class="col-md-4"> \
						<div class="form-group"> \
							<label> Color de fondo </label> \
							<div id="cpColorDeFondoT4" class="input-group colorpicker-component"> \
								<input type="text" value="#1d2630" class="form-control" /> \
								<span class="input-group-addon"><i></i></span> \
							</div> \
							<span class="text-danger" id="errcpColorDeFondoT4"> </span> \
						</div> \
					</div> \
					<div class="col-md-4"> \
						<div class="form-group"> \
							<label> Color del circulos </label> \
							<div id="cpColorDeCirculosT4" class="input-group colorpicker-component"> \
								<input type="text" value="#1d2630" class="form-control" /> \
								<span class="input-group-addon"><i></i></span> \
							</div> \
							<span class="text-danger" id="errcpColorDeCirculosT4"> </span> \
						</div> \
					</div> \
				</div> \
				<div class="dvTema5" style="display: none;"> \
					<div class="col-md-4"> \
						<div class="form-group"> \
							<label> Imagen de fondo </label> \
							<br> \
							<!-- <button class="btn btn-success imgFotografia" type="button" id="btnImagenT5"><i class="fa fa-cog"></i> Configurar</button> --> \
							<div class="btn-group"> \
								<button class="btn btn-success dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> \
									Configurar <span class="caret"></span> \
								</button> \
								<ul class="dropdown-menu"> \
									<li> \
										<a href="#" id="btnImagenT5">Seleccionar de la biblioteca</a> \
									</li> \
									<li> \
										<a href="#" id="btnSinImagenT5">Sin imagen</a> \
									</li> \
								</ul> \
							</div> \
							<input type="hidden" name="hdnImagenT5" id="hdnImagenT5" value=""> \
							<span class="text-danger" id="errbtnImagenT5"> </span> \
						</div> \
					</div> \
					<div class="col-md-4"> \
						<div class="form-group"> \
							<label> Color de fondo </label> \
							<div id="cpColorDeFondoT5" class="input-group colorpicker-component"> \
								<input type="text" value="#1d2630" class="form-control" /> \
								<span class="input-group-addon"><i></i></span> \
							</div> \
							<span class="text-danger" id="errcpColorDeFondoT5"> </span> \
						</div> \
					</div> \
					<div class="col-md-4"> \
						<div class="form-group"> \
							<label> Color del circulo </label> \
							<div id="cpColorDeCirculoT5" class="input-group colorpicker-component"> \
								<input type="text" value="#1d2630" class="form-control" /> \
								<span class="input-group-addon"><i></i></span> \
							</div> \
							<span class="text-danger" id="errcpColorDeCirculoT5"> </span> \
						</div> \
					</div> \
				</div> \
			</form> \
		</div> \
		<input type="hidden" id="hdnFotografia" value=""> \
		<div id="edicionPreloader" style="display: none; width: 100%; min-height: 350px;"></div> \
	</div>';
	BootstrapDialog.show({
		title: "Configuración de PreCargador",
		type: BootstrapDialog.TYPE_SUCCESS,
		size: BootstrapDialog.SIZE_WIDE,
		message: mensaje,
		draggable: true,
		closeByBackdrop: false,
		closeByKeyboard: false,
		cssClass: "ModalEliminar mdAvatar",
		buttons: [{
			id: "btnConfigurarPreloader",
			label: "Configurar",
			cssClass: "btn-success btn-block btn-lg",
			action: function(dialogItself){
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				var modalBody = dialogItself.getModalBody();
				$('[name="html_preloader"]').val( modalBody.find("#edicionPreloader").html() );
				$.isLoading("hide"); NProgress.done();
				$("#btnConfigurarPreloader").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Configurando');
				dialogItself.close();
			}
		}],
		onshown: function(dialogRef){
			$("body").addClass("modal-open");
			var modalBody = dialogRef.getModalBody();
			var tema1 = '<div class="loading-frame loading-active" style="background-color: #1d2630;" data-tema="1"> \
				<div class="loading-wrap"> \
					<div class="loading-object"> \
						<img class="pulse-animation" src="https://s3-us-west-2.amazonaws.com/biblioteca-img-clientes/904-cUJuQ8PkPs6KAlNDqaIQT3BlOhsabq.png" alt="Tu logo"> \
					</div> \
				</div> \
			</div>';
			var tema2 = '<div class="loading-frame loading-active" style="background-color: #1d2630;" data-tema="2"> \
				<div class="loading-wrap"> \
					<div class="loading-object"> \
						<div class="circle-border" data-color="#3ff9dc"> \
							<div class="circle-core"></div> \
						</div> \
						<div class="logo-object-centered"> \
							<img src="https://s3-us-west-2.amazonaws.com/biblioteca-img-clientes/904-cUJuQ8PkPs6KAlNDqaIQT3BlOhsabq.png" alt="Tu logo"> \
						</div> \
					</div> \
				</div> \
			</div>';
			var tema3 = '<div class="loading-frame loading-active" style="background-color: #1d2630;" data-tema="3"> \
				<div class="loading-wrap"> \
					<div class="loading-object"> \
						<div class="spinner-box"> \
							<div class="configure-border-1" style="background: #fb5b53;"> \
								<div class="configure-core"></div> \
							</div> \
							<div class="configure-border-2" style="background: #3ff9dc;"> \
								<div class="configure-core"></div> \
							</div> \
						</div> \
						<div class="logo-object-centered"> \
							<img src="https://s3-us-west-2.amazonaws.com/biblioteca-img-clientes/904-cUJuQ8PkPs6KAlNDqaIQT3BlOhsabq.png" alt="Tu logo"> \
						</div> \
					</div> \
				</div> \
			</div>';
			var tema4 = '<div class="loading-frame loading-active" style="background-color: #1d2630;" data-tema="4"> \
				<div class="loading-wrap"> \
					<div class="loading-object"> \
						<div class="logo-object-top"> \
							<img src="https://s3-us-west-2.amazonaws.com/biblioteca-img-clientes/904-cUJuQ8PkPs6KAlNDqaIQT3BlOhsabq.png" alt="Tu logo"> \
						</div> \
						<div class="pulse-container"> \
							<div class="pulse-bubble pulse-bubble-1" style="background-color: #3ff9dc;"></div> \
							<div class="pulse-bubble pulse-bubble-2" style="background-color: #3ff9dc;"></div> \
							<div class="pulse-bubble pulse-bubble-3" style="background-color: #3ff9dc;"></div> \
						</div> \
					</div> \
				</div> \
			</div>';
			var tema5 = '<div class="loading-frame loading-active" style="background-color: #1d2630;" data-tema="5"> \
				<div class="loading-wrap"> \
					<div class="loading-object"> \
						<div class="logo-object-top"> \
							<img src="https://s3-us-west-2.amazonaws.com/biblioteca-img-clientes/904-cUJuQ8PkPs6KAlNDqaIQT3BlOhsabq.png" alt="Tu logo"> \
						</div> \
						<div class="spinner-wrap"> \
							<div class="three-quarter-spinner" data-color="#fb5b53" style="border-bottom: 3px solid #fb5b53; border-left: 3px solid #fb5b53; border-right: 3px solid #fb5b53;"></div> \
						</div> \
					</div> \
				</div> \
			</div>';
			modalBody.find('select[name="tema"]').selectpicker().on("changed.bs.select", function(e, clickedIndex, isSelected, previousValue){
				var valor = modalBody.find('select[name="tema"]').selectpicker("val");
				//VERIFICO EL TEMA CONFIGURADO PARA QUE SE CARGUE CON SUS CONFIGURACIONES -------------------------------
				if( $('[name="html_preloader"]').val() != "" ){
					var nTema = parseInt( modalBody.find("#edicionPreloader").find(".loading-frame").attr("data-tema") );
					if( valor == "tema1" && nTema == 1 ){
						tema1 = $('[name="html_preloader"]').val();
					}
					else if( valor == "tema2" && nTema == 2 ){
						tema2 = $('[name="html_preloader"]').val();
					}
					else if( valor == "tema3" && nTema == 3 ){
						tema3 = $('[name="html_preloader"]').val();
					}
					else if( valor == "tema4" && nTema == 4 ){
						tema4 = $('[name="html_preloader"]').val();
					}
					else if( valor == "tema5" && nTema == 5 ){
						tema5 = $('[name="html_preloader"]').val();
					}
				}
				//-------------------------------------------------------------------------------------------------------
				if( valor == "tema1" ){
					modalBody.find("#edicionPreloader").show("slow").html("").append(tema1);
					modalBody.find(".dvTema1, .dvTema2, .dvTema3, .dvTema4, .dvTema5").hide("slow");
					var colorDeFondo = modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color");
					modalBody.find("#cpColorDeFondoT1").colorpicker("setValue", colorDeFondo);
					modalBody.find(".dvTema1").show("slow");
				}
				else if( valor == "tema2" ){
					modalBody.find("#edicionPreloader").show("slow").html("").append(tema2);
					modalBody.find(".dvTema1, .dvTema2, .dvTema3, .dvTema4, .dvTema5").hide("slow");
					var colorDeFondo = modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color");
					modalBody.find("#cpColorDeFondoT2").colorpicker("setValue", colorDeFondo);
					var colorDeCirculoT2 = modalBody.find("#edicionPreloader").find(".circle-border").attr("data-color");
					modalBody.find("#cpColorDeCirculoT2").colorpicker("setValue", colorDeCirculoT2);
					modalBody.find(".dvTema2").show("slow");
				}
				else if( valor == "tema3" ){
					modalBody.find("#edicionPreloader").show("slow").html("").append(tema3);
					modalBody.find(".dvTema1, .dvTema2, .dvTema3, .dvTema4, .dvTema5").hide("slow");
					var colorDeFondo = modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color");
					modalBody.find("#cpColorDeFondoT3").colorpicker("setValue", colorDeFondo);
					var colorDeCuadroT3 = modalBody.find("#edicionPreloader").find(".configure-border-1").css("background-color");
					modalBody.find("#cpColorDeCuadroT3").colorpicker("setValue", colorDeCuadroT3);
					var colorDeCuadro2T3 = modalBody.find("#edicionPreloader").find(".configure-border-2").css("background-color");
					modalBody.find("#cpColorDeCuadro2T3").colorpicker("setValue", colorDeCuadro2T3);
					modalBody.find(".dvTema3").show("slow");
				}
				else if( valor == "tema4" ){
					modalBody.find("#edicionPreloader").show("slow").html("").append(tema4);
					modalBody.find(".dvTema1, .dvTema2, .dvTema3, .dvTema4, .dvTema5").hide("slow");
					var colorDeFondo = modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color");
					modalBody.find("#cpColorDeFondoT4").colorpicker("setValue", colorDeFondo);
					var colorDeCirculosT4 = modalBody.find("#edicionPreloader").find(".pulse-bubble:first").css("background-color");
					modalBody.find("#cpColorDeCirculosT4").colorpicker("setValue", colorDeCirculosT4);
					modalBody.find(".dvTema4").show("slow");
				}
				else if( valor == "tema5" ){
					modalBody.find("#edicionPreloader").show("slow").html("").append(tema5);
					modalBody.find(".dvTema1, .dvTema2, .dvTema3, .dvTema4, .dvTema5").hide("slow");
					var colorDeFondo = modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color");
					modalBody.find("#cpColorDeFondoT5").colorpicker("setValue", colorDeFondo);
					var colorDeCirculoT5 = modalBody.find("#edicionPreloader").find(".three-quarter-spinner").attr("data-color");
					modalBody.find("#cpColorDeCirculoT5").colorpicker("setValue", colorDeCirculoT5);
					modalBody.find(".dvTema5").show("slow");
				}
				else{
					modalBody.find("#edicionPreloader").hide("slow").html("");
					modalBody.find(".dvTema1, .dvTema2, .dvTema3, .dvTema4, .dvTema5").hide("slow");
				}
			});
			//ELEMENTOS DEL TEMA 1 -----------------------------------------------------------------------------------------
			var colorT1 = modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color");
			modalBody.find("#cpColorDeFondoT1").colorpicker({
				color: colorT1,
				format: "hex"
			}).on("changeColor", function(e){
				modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color", e.color.toString("hex"));
			});
			//ELEMENTOS DEL TEMA 1 -----------------------------------------------------------------------------------------
			//ELEMENTOS DEL TEMA 2 ---------------------------------------------------------------------------------------------------------------------
			var colorT2 = modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color");
			modalBody.find("#cpColorDeFondoT2").colorpicker({
				color: colorT2,
				format: "hex"
			}).on("changeColor", function(e){
				modalBody.find("#edicionPreloader").find(".loading-frame, .circle-core").css("background-color", e.color.toString("hex"));
			});
			var colorT2 = modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color");
			modalBody.find("#cpColorDeCirculoT2").colorpicker({
				color: colorT2,
				format: "hex"
			}).on("changeColor", function(e){
				var colorGradient = "linear-gradient(0deg, rgba(63,249,220,0.1) 33%, "+e.color.toString("hex")+" 100%)";
				modalBody.find("#edicionPreloader").find(".circle-border").css("background", colorGradient).attr("data-color", e.color.toString("hex"));
			});
			//ELEMENTOS DEL TEMA 2 ---------------------------------------------------------------------------------------------------------------------
			//ELEMENTOS DEL TEMA 3 ----------------------------------------------------------------------------------------------------------
			var colorT3 = modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color");
			modalBody.find("#cpColorDeFondoT3").colorpicker({
				color: colorT3,
				format: "hex"
			}).on("changeColor", function(e){
				modalBody.find("#edicionPreloader").find(".loading-frame, .configure-core").css("background-color", e.color.toString("hex"));
			});
			var colorT3 = modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color");
			modalBody.find("#cpColorDeCuadroT3").colorpicker({
				color: colorT2,
				format: "hex"
			}).on("changeColor", function(e){
				modalBody.find("#edicionPreloader").find(".configure-border-1").css("background", e.color.toString("hex"));
			});
			var colorT3 = modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color");
			modalBody.find("#cpColorDeCuadro2T3").colorpicker({
				color: colorT2,
				format: "hex"
			}).on("changeColor", function(e){
				modalBody.find("#edicionPreloader").find(".configure-border-2").css("background", e.color.toString("hex"));
			});
			//ELEMENTOS DEL TEMA 3 ----------------------------------------------------------------------------------------------------------
			//ELEMENTOS DEL TEMA 4 -----------------------------------------------------------------------------------------
			var colorT2 = modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color");
			modalBody.find("#cpColorDeFondoT4").colorpicker({
				color: colorT2,
				format: "hex"
			}).on("changeColor", function(e){
				modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color", e.color.toString("hex"));
			});
			var colorT2 = modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color");
			modalBody.find("#cpColorDeCirculosT4").colorpicker({
				color: colorT2,
				format: "hex"
			}).on("changeColor", function(e){
				modalBody.find("#edicionPreloader").find(".pulse-bubble").css("background", e.color.toString("hex"));
			});
			//ELEMENTOS DEL TEMA 4 -----------------------------------------------------------------------------------------
			//ELEMENTOS DEL TEMA 5 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
			var colorT2 = modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color");
			modalBody.find("#cpColorDeFondoT5").colorpicker({
				color: colorT2,
				format: "hex"
			}).on("changeColor", function(e){
				modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color", e.color.toString("hex"));
			});
			var colorT2 = modalBody.find("#edicionPreloader").find(".loading-frame").css("background-color");
			modalBody.find("#cpColorDeCirculoT5").colorpicker({
				color: colorT2,
				format: "hex"
			}).on("changeColor", function(e){
				var border = "3px solid "+e.color.toString("hex");
				modalBody.find("#edicionPreloader").find(".three-quarter-spinner").css("border-bottom", border).css("border-left", border).css("border-right", border).attr("data-color", e.color.toString("hex"));
			});
			//ELEMENTOS DEL TEMA 5 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
			//CARGA DE COLOR PICKER DESDE EL INPUT -------------------
			modalBody.find(".colorpicker-component").each(function(e){
				var colorPicker = $(this);
				colorPicker.find("input").focus(function(e){
					colorPicker.colorpicker("show");
				});
			});
			//--------------------------------------------------------
			//CONFIGURO EL BOTÓN DE IMAGEN DEL TEMA 1 -----------------------------------------
			ventanaDeBiblioteca( $("#btnImagenT1"), $("#hdnImagenT1"), "150X150", true, true );
			modalBody.find("#hdnImagenT1").change(function(){
				modalBody.find("#edicionPreloader").find("img").attr("src", $(this).val());
			});
			//---------------------------------------------------------------------------------
			//CONFIGURO EL BOTÓN DE IMAGEN DEL TEMA 2 --------------------------------------------------
			ventanaDeBiblioteca( $("#btnImagenT2"), $("#hdnImagenT2"), "150X150", true, true );
			modalBody.find("#hdnImagenT2").change(function(){
				modalBody.find("#edicionPreloader").find("img").attr("src", $(this).val()).show("slow");
			});
			modalBody.find("#btnSinImagenT2").click(function(e){
				modalBody.find("#edicionPreloader").find("img").attr("src", "").hide("slow");
			});
			//------------------------------------------------------------------------------------------
			//CONFIGURO EL BOTÓN DE IMAGEN DEL TEMA 3 -----------------------------------------
			ventanaDeBiblioteca( $("#btnImagenT3"), $("#hdnImagenT3"), "150X150", true, true );
			modalBody.find("#hdnImagenT3").change(function(){
				modalBody.find("#edicionPreloader").find("img").attr("src", $(this).val()).show("slow");
			});
			modalBody.find("#btnSinImagenT3").click(function(e){
				modalBody.find("#edicionPreloader").find("img").attr("src", "").hide("slow");
			});
			//------------------------------------------------------------------------------------------
			//CONFIGURO EL BOTÓN DE IMAGEN DEL TEMA 4 --------------------------------------------------
			ventanaDeBiblioteca( $("#btnImagenT4"), $("#hdnImagenT4"), "150X150", true, true );
			modalBody.find("#hdnImagenT4").change(function(){
				modalBody.find("#edicionPreloader").find("img").attr("src", $(this).val()).show("slow");
			});
			modalBody.find("#btnSinImagenT4").click(function(e){
				modalBody.find("#edicionPreloader").find("img").attr("src", "").hide("slow");
			});
			//------------------------------------------------------------------------------------------
			//CONFIGURO EL BOTÓN DE IMAGEN DEL TEMA 5 --------------------------------------------------
			ventanaDeBiblioteca( $("#btnImagenT5"), $("#hdnImagenT5"), "150X150", true, true );
			modalBody.find("#hdnImagenT5").change(function(){
				modalBody.find("#edicionPreloader").find("img").attr("src", $(this).val()).show("slow");
			});
			modalBody.find("#btnSinImagenT5").click(function(e){
				modalBody.find("#edicionPreloader").find("img").attr("src", "").hide("slow");
			});
			//------------------------------------------------------------------------------------------
			//VERIFICO EL TEMA CONFIGURADO PARA QUE SE CARGUE CON SUS CONFIGURACIONES -------------------------------
			if( $('[name="html_preloader"]').val() != "" ){
				modalBody.find("#edicionPreloader").html("").append( $('[name="html_preloader"]').val() );
				var nTema = parseInt( modalBody.find("#edicionPreloader").find(".loading-frame").attr("data-tema") );
				modalBody.find('select[name="tema"]').selectpicker("val", "tema"+nTema);
				modalBody.find('select[name="tema"]').trigger("changed.bs.select");
			}
			//-------------------------------------------------------------------------------------------------------
			$.isLoading("hide"); NProgress.done();
		},
		onhidden: function(dialogRef){
			$("body").removeClass("modal-open");
			var modalBody = dialogRef.getModalBody();
		}
	});
});
$("#btnFBAPIC").click(function(e){
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	var mensaje = '<div class="row"> \
		<div class="col-xs-12"> \
			<form id="frmFBAPIC"> \
				<div class="col-md-12"> \
					<div class="form-group"> \
						<label> Pixel ID </label> \
						<input type="text" class="form-control" id="pixelID" name="pixelID" required> \
						<span class="text-danger" id="errpixelID"> </span> \
					</div> \
				</div> \
				<div class="col-md-12"> \
					<div class="form-group"> \
						<label> Pixel Token </label> \
						<input type="text" class="form-control" id="pixelToken" name="pixelToken" required> \
						<span class="text-danger" id="errpixelToken"> </span> \
					</div> \
				</div> \
			</form> \
		</div> \
	</div>';
	BootstrapDialog.show({
		title: "Configuración de API de Conversión de Facebook",
		type: BootstrapDialog.TYPE_SUCCESS,
		//size: BootstrapDialog.SIZE_WIDE,
		message: mensaje,
		draggable: true,
		closeByBackdrop: false,
		closeByKeyboard: false,
		cssClass: "ModalEliminar mdAvatar",
		buttons: [{
			id: "btnConfigurarPreloader",
			label: "Configurar",
			cssClass: "btn-success btn-block btn-lg",
			action: function(dialogItself){
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				var modalBody = dialogItself.getModalBody();
				var formulario = modalBody.find("#frmFBAPIC");
				if( formulario.valid() ){
					var conversionAPIFB = {
						pixelID: modalBody.find("#pixelID").val(),
						pixelToken: modalBody.find("#pixelToken").val()
					};
					conversionAPIFB = JSON.stringify(conversionAPIFB);
					$('[name="conversionAPIFB"]').val( conversionAPIFB );
					dialogItself.close();
				}
				$.isLoading("hide"); NProgress.done();
			}
		}],
		onshown: function(dialogRef){
			$("body").addClass("modal-open");
			var modalBody = dialogRef.getModalBody();
			modalBody.find("#frmFBAPIC").validate({
				lang: "es",
				onkeyup: false,
				ignore: [],
				rules: {},
				errorPlacement: function(error, element){
					var mensaje = error.html();
					var id = "err"+error.attr("id").substr(0, error.attr("id").indexOf("-error"));
					$("#"+id).html(mensaje);
				},
				success: function(label, elemento){
					var id = "err"+label.attr("id").substr(0, label.attr("id").indexOf("-error"));
					$("#"+id).html("");
				}
			});
			var conversionAPIFB = $('[name="conversionAPIFB"]').val();
			if( conversionAPIFB != "" ){
				conversionAPIFB = JSON.parse( conversionAPIFB );
				modalBody.find("#pixelID").val( conversionAPIFB.pixelID );
				modalBody.find("#pixelToken").val( conversionAPIFB.pixelToken );
			}
			$.isLoading("hide"); NProgress.done();
		},
		onhidden: function(dialogRef){
			$("body").removeClass("modal-open");
			var modalBody = dialogRef.getModalBody();
		}
	});
});
<?php /* <?php echo $__env->make('GenTemplate.ventana-biblioteca-imagenes-jsor', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?> */ ?>
<?php $__env->stopSection(); ?>

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