<?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 /* 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;
	}
	/*.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 {
		z-index: 9999;
	}
</style>
<?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>
						<?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>
					<form>
				</div>
			</div>
			<div class="form-group">
				<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-jquery.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 $__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/utils.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/utils.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);
		}
	});
});
<?php $__env->stopSection(); ?>

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