<?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");
	.img-biblioteca { height: 100px; }
	.image_picker_image { height: 100px !important; width: 119px !important; }
	.ModalBiblioteca .modal-dialog { width: 75%; }
	.ModalBiblioteca .modal-dialog .modal-footer { display: unset !important; border-top: unset !important; }
	.image_picker_image { object-fit: contain; }
	.text-count-wrapper-t { display: none; }
	.text-count-wrapper-d { display: none; }
	.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: 6px 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;
	}
	.form-control{
		border: 1px solid #ccc !important;
		border-radius: 4px !important;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
	}
	.toggle-danger .toggle-slide .toggle-off, .toggle-danger .toggle-select .toggle-on{
		background: none repeat scroll 0 0 #D43F3A !important;
    	color: #FFFFFF;
	}
	.toggle-danger .toggle-slide .toggle-blob{
		background: none repeat scroll 0 0 #FFFFFF;
    	border-right: 1px solid #D43F3A !important;
	}
	.toggle-danger .toggle-slide .toggle-off, .toggle-danger .toggle-select .toggle-on{
		background: none repeat scroll 0 0 #D9534F;
		color: #FFFFFF;
	}
	.toggle-danger .toggle-slide{
		border-color: #D43F3A;
	}
	.bootstrap-dialog.type-primary .modal-header {
		background-color: #363b3f;
	}
	.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;
	}
	.input-group .btn {
		padding: 7px 12px;
		margin-right: -2px !important;
	}
	.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 .iti-flag .arrow {
		border: none;
	}
	.intl-tel-input, .iti .form-control {
		padding-left: 57px !important;
	}
	.intl-tel-input, .iti .country-list, .iti__country-list {
		z-index: 9999;
	}
	#errtxtServidorFTP , #errtxtPuertoFTP{
		position: absolute;
		left: 0;
		top: 34px;
	}
	.btn-mostrar{
		padding: 10px 10px;
		border-left-style: none;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.input-pass{
		padding-right: 0px;
		border-top-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
	}
	.ModalEliminar .input-group[class*=col-]{
		padding-left: 15px;
		padding-right: 15px;
	}
	.txtServidorFTP{
		border-top-left-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
	}
	@media (min-width: 992px){
		.modalCrearCorreos .modal-lg{
			width: 1000px;
		}
	}
	.modalCrearCorreos .input-group .form-control:first-child {
		border-bottom-right-radius: 0 !important;
    	border-top-right-radius: 0 !important;
	}
	span[id*=errtxt] {
		position: absolute;
	}
	.modalCrearCorreos .form-group{
		margin-bottom: 20px;
	}
	.migrarAlojamiento span[id*=errpass] {
		position: absolute;
		margin-bottom: 5px;
	}
	.migrarAlojamiento .modal-header .bootstrap-dialog-close-button {
		display: block !important;
	}
	.migrarAlojamiento .modal-header .noCerrar {
		display: none !important;
	}
	.ModalEliminar span[id*=errpassword]{
		position: absolute;
	}
	.ModalEliminar .modal-header .bootstrap-dialog-close-button,
	.modalCrearCorreos .modal-header .bootstrap-dialog-close-button {
		display: block !important;
	}
	.modal-header .bootstrap-dialog-close-button{
		display: block !important;
	}
	.mdAvatar .modal-dialog .modal-content .modal-header {
		background-color: #363B3F;
	}
	.mdAvatar .modal-dialog .modal-content .modal-footer {
		margin-top: 0;
	}
	#frmSEO textarea {
		resize: vertical;
	}
	.aut {
		font-size: 16px;
		cursor: pointer;
		position: absolute;
		right: 45px;
		top: 15px;
	}
</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="icons-web-site" style="font-size: 30px !important;"></i> Sitio Web </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>

<div class="row">
	<div class="col-md-12">

		<div class="block-web">
			<div class="header"> 
				<h3 class="content-header">  
					<?php
						$Cliente = Cliente::find( Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id );
						$dominio = "";
						if(ConfiguracionxSitioWeb::where('clientes_id', '=', $Cliente->id)->count() > 0){
							$Configuraciones = ConfiguracionxSitioWeb::find( ConfiguracionxSitioWeb::select('id')->where('clientes_id', '=', $Cliente->id )->first()->id);
							if($Configuraciones->formato_url == 'hs'){
								$formato_url = 'http://';
							}
							else if($Configuraciones->formato_url == 'hc'){
								$formato_url = 'http://www.';
							}
							else if($Configuraciones->formato_url == 'hss'){
								$formato_url = 'https://';
							}
							else{
								$formato_url = 'https://www.';
							}
							$dominio = $formato_url.$Configuraciones->nombre_dominio;
						};
						$desactivado = '';
						if($Configuraciones->modo_disenho != ''){
							$dato_disenho = json_decode($Configuraciones->modo_disenho, true);
							if($dato_disenho['estado']){
								$disenho = true;
								$dominio = str_replace('.', '-',$Configuraciones->nombre_dominio);
								$dominio = $formato_url.$dominio.'.sumeclientes.space';
								$desactivado = 'desactivado';
							}
							else{
								$dominio = $formato_url.$Configuraciones->nombre_dominio;
							}
						}
						else{
							$dominio = $formato_url.$Configuraciones->nombre_dominio;
							$data_disenho = '';
						}
						$data_disenho = json_decode($Configuraciones->modo_disenho, true);
						if(PlantillaxSitioWebxCliente::select('id')->where('clientes_id', '=', $Cliente->id)->where('slug', '=', 'sitio-en-construccion')->count() > 0){
							$idSEC = PlantillaxSitioWebxCliente::select('id')->where('clientes_id', '=', $Cliente->id)->where('slug', '=', 'sitio-en-construccion')->first()->id;
						}
						if(PlantillaxSitioWebxCliente::select('id')->where('clientes_id', '=', $Cliente->id)->where('slug', '=', 'error-404')->count() > 0){
							$idE = PlantillaxSitioWebxCliente::select('id')->where('clientes_id', '=', $Cliente->id)->where('slug', '=', 'error-404')->first()->id;
						}
					?>
					Configuración de sitio web: <a href="<?php echo $dominio; ?>" target="_blank" class="btn btn-success" style="width: 12%; border-radius: 3px;"> Ver sitio <i class="fa fa-external-link" aria-hidden="true" style="padding-left: 5px;"></i> </a>
					<div class="button-group pull-right">
						<a href="<?php echo URL::route('SysWebSWebCorreosElectronicosVer'); ?>" target="_blank" style="color: rgba(0, 0, 0, 0.3)"><i class="fa fa-envelope tooltips " title="Configuración de correos electrónicos"></i></a>
					</div>
				</h3>
			</div>
			<div class="porlets-content">
               	<div class="tab-pane" id="ptab3">
					<form class="form-horizontal row-border" id="frmSEO">
						<?php if($Configuraciones->modo_disenho != ''): ?>
							<?php if($data_disenho['estado'] == 1): ?>
								<div class="form-group">
									<label class="col-sm-3 control-label text-right">Modo edición</label>
									<div class="col-sm-9">
										<div class="form-group">
											<div class="control-label" style="padding-left: 15px; padding-top: 2px;">
											<div id="toggle_edicion" class="toggle toggle-success "></div>
											</div>
										</div>
									</div>
								</div>
							<?php endif; ?>
						<?php endif; ?>
						<div class="form-group">
							<label class="col-sm-3 control-label text-right">Forzar https://</label>
							<div class="col-sm-9">
								<div class="form-group">
									<div class="control-label" style="padding-left: 15px; padding-top: 2px;">
										<div id="toggle_https" class="toggle toggle-danger <?php echo $desactivado; ?>"></div>
									</div>
								</div>
							</div>
						</div>
						<?php if(isset($idSEC)): ?>
						<div class="form-group">
							<label class="col-sm-3 control-label text-right">Editar página  de sitio en construcción</label>
							<div class="col-sm-9">
								<a href="<?php echo URL::route('SysWebSWebEditorPaginasGeneralesSW', array('SEC')); ?>" target="_blank" class="btn btn-success"><span class="fa fa-pencil-square-o"></span> Editar</a>
								<button type="button" class="btn btn-primary btn_sec" data-id="<?php echo $idSEC; ?>"> <span class="fa fa-globe"></span> Publicar</button>
							</div>
						</div>
						<?php endif; ?>
						<?php if(isset($idE)): ?>
						<div class="form-group">
							<label class="col-sm-3 control-label text-right">Editar página de Error 404</label>
							<div class="col-sm-9">
								<a href="<?php echo URL::route('SysWebSWebEditorPaginasGeneralesSW', array('E404')); ?>" target="_blank" class="btn btn-success"><span class="fa fa-pencil-square-o"></span> Editar</a>
								<button type="button" class="btn btn-primary btn_error" data-id="<?php echo $idE; ?>"> <span class="fa fa-globe"></span> Publicar</button>
							</div>
						</div>
						<?php endif; ?>
						<div class="form-group">
							<label class="col-sm-3 control-label text-right">Página de inicio</label>
							<div class="col-sm-9">
								<input type="hidden" class="form-control" name="actualizar" id="actualizar" value="actualizar">
								<select class="form-control selectpicker" name="pageInicio" id="pageInicio" data-live-search="true">
									<?php foreach($PaginasxCliente as $paginas): ?>
										<option  <?php if($paginas->slug == $ConfiguracionesxSitio->pagina_inicio): ?> selected <?php endif; ?> value="<?php echo $paginas->slug; ?>"> <?php echo $paginas->nombre; ?> </option>
									<?php endforeach; ?>
									<?php foreach($paginasCaptura as $pagina): ?>
										<option  <?php if($pagina->slug == $ConfiguracionesxSitio->pagina_inicio): ?> selected <?php endif; ?> value="<?php echo $pagina->slug; ?>"> <?php echo $pagina->nombre; ?> </option>
									<?php endforeach; ?>
								</select>
								<input type="hidden" class="resutaldo" value="<?php echo $ConfiguracionesxSitio->formato_url; ?>">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label text-right">Página a redirigir al iniciar sesión</label>
							<div class="col-sm-9">
								<input type="hidden" class="form-control" name="actualizar" id="actualizar" value="actualizar">
								<select class="form-control selectpicker" name="pageInicioSesion" id="pageInicioSesion" data-live-search="true">
									<?php $ConfiguracionesxSitio->url_inicio_sesion = ($ConfiguracionesxSitio->url_inicio_sesion != null)?$ConfiguracionesxSitio->url_inicio_sesion:"perfil-de-usuario";?>
									<option  <?php if('actual' == $ConfiguracionesxSitio->url_inicio_sesion ): ?> selected <?php endif; ?> value="actual"> Permancer en la página donde se inicia sesión </option>
									<?php foreach($PaginasxClienteDir as $paginas): ?>
										<option  <?php if($paginas->slug == $ConfiguracionesxSitio->url_inicio_sesion): ?> selected <?php endif; ?> value="<?php echo $paginas->slug; ?>"> <?php echo $paginas->nombre; ?> </option>
									<?php endforeach; ?>
									<?php foreach($paginasCaptura as $pagina): ?>
										<option  <?php if($pagina->slug == $ConfiguracionesxSitio->url_inicio_sesion): ?> selected <?php endif; ?> value="<?php echo $pagina->slug; ?>"> <?php echo $pagina->nombre; ?> </option>
									<?php endforeach; ?>
									<?php foreach($EstructurasCD as $paginacd): ?>
										<option  <?php if($paginacd->slug == $ConfiguracionesxSitio->url_inicio_sesion): ?> selected <?php endif; ?> value="<?php echo $paginacd->slug; ?>">Pagina principal - <?php echo $paginacd->slug; ?> </option>
									<?php endforeach; ?>
								</select>
								<input type="hidden" class="resutaldo" value="<?php echo $ConfiguracionesxSitio->formato_url; ?>">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label text-right">Página a redidgir al cerrar sesión</label>
							<div class="col-sm-9">
								<input type="hidden" class="form-control" name="actualizar" id="actualizar" value="actualizar">
								<select class="form-control selectpicker" name="pageCerrarSesion" id="pageCerrarSesion" data-live-search="true">
									<?php $ConfiguracionesxSitio->url_cerrar_sesion = ($ConfiguracionesxSitio->url_cerrar_sesion != null)?$ConfiguracionesxSitio->url_cerrar_sesion:"inicio";?>
									<!--option  <?php if('actual' == $ConfiguracionesxSitio->url_inicio_sesion ): ?> selected <?php endif; ?> value="actual"> Permancer en la página donde se cierra sesión </option-->
									<?php foreach($PaginasxClienteDir as $paginas): ?>
										<option  <?php if($paginas->slug == $ConfiguracionesxSitio->url_cerrar_sesion): ?> selected <?php endif; ?> value="<?php echo $paginas->slug; ?>"> <?php echo $paginas->nombre; ?> </option>
									<?php endforeach; ?>
									<?php foreach($paginasCaptura as $pagina): ?>
										<option  <?php if($pagina->slug == $ConfiguracionesxSitio->url_cerrar_sesion): ?> selected <?php endif; ?> value="<?php echo $pagina->slug; ?>"> <?php echo $pagina->nombre; ?> </option>
									<?php endforeach; ?>
								</select>
								<input type="hidden" class="resutaldo" value="<?php echo $ConfiguracionesxSitio->formato_url; ?>">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label text-right">Configuración URL:</label>
							<div class="col-sm-9">
								<input type="hidden" class="form-control" name="actualizar" id="actualizar" value="actualizar">
								<select class="form-control" name="tipo_url" id="tipo_url">
									<?php if( $ConfiguracionesxSitio->formato_url != "" ): ?>
									<option disabled selected>Selecione una opción </option>
									<?php endif; ?>
									<?php if($ConfiguracionesxSitio->forzar_https == 0): ?>
									<option value="hs"> http:// </option>
									<?php endif; ?>
									<?php if($ConfiguracionesxSitio->forzar_https == 0): ?>
									<option value="hc"> http://www.  </option>
									<?php endif; ?>
									<option value="hss"> https://  </option>
									<option value="hsc"> https://www. </option>
								</select>
								<input type="hidden" class="resutaldo" value="<?php echo $ConfiguracionesxSitio->formato_url; ?>">
							</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;head&gt;</label>
							<div class="col-sm-9">
								<textarea class="form-control" rows="6" name="htmlHead" style="margin-bottom: 15px;"><?php echo $ConfiguracionesxSitio->codigoHead; ?></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="htmlBody"><?php echo $ConfiguracionesxSitio->codigoBody; ?></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 $ConfiguracionesxSitio->verificacion_meta; ?></textarea>
							</div>
						</div>
						<?php if( $ConfiguracionesxSitio->mapaDelSitio != '' ): ?>
						<div class="form-group">
							<label class="col-sm-3 control-label text-right">
								Ruta del mapa de sitio
								<i class="fa fa-question-circle tooltips" data-toggle="tooltip" data-original-title="Esta es la ruta que puedes ingresar en Google Search Console para que las página de tu sitio web sean indexadas de forma automática según las vayas publicando."></i>
							</label>
							<div class="col-sm-9">
								<div class="input-group">
									<div class="input-group-addon"><?php echo $dominio; ?></div>
									<input type="text" class="form-control" readonly value="mapadesitio.xml" id="mapaDelSitio"></input>
									<div class="input-group-btn">
										<button type="button" id="btnCopiarMapaDelSitio" class="btn btn-default btnCopiar" data-clipboard-target="#mapaDelSitio">
											<i class="fa fa-copy"></i>
										</button>
									</div>
								</div>
								<!-- <input class="form-control" type="text" name="mapaDelSitio" readonly value="<?php echo $dominio.'/mapadesitio.xml'; ?>"> -->
							</div>
						</div>
						<?php endif; ?>
						<?php
							$chat_wh = array(
								'messenger' => '',
								'whatsapp' => '',
								'call' => '',
								'email' => '',
								'call_to_action' => '',
								'button_color' => '',
								'position' => ''
							);
							$chatActivo = false;
							if( $ConfiguracionesxSitio->chat_wh != '' ){
								$chat_wh = json_decode($ConfiguracionesxSitio->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($ConfiguracionesxSitio != '' && $ConfiguracionesxSitio->sitio_notificacion_activa == 0 ): ?> 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($ConfiguracionesxSitio != '' && $ConfiguracionesxSitio->sitio_notificacion_activa == 1 ): ?> checked <?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($ConfiguracionesxSitio != '' && $ConfiguracionesxSitio->sitio_tipo_notificacion == 1 ): ?> checked <?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($ConfiguracionesxSitio != '' && $ConfiguracionesxSitio->sitio_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($ConfiguracionesxSitio != ''): ?> value="<?php echo $ConfiguracionesxSitio->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-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="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 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="text" class="ntf-color-transparent form-control">
									</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 $ConfiguracionesxSitio->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 ($ConfiguracionesxSitio->conversionAPIFB != '')?$ConfiguracionesxSitio->conversionAPIFB:''; ?>'>
							</div>
						</div>
					<form>
					<?php if($ConfiguracionesxSitio->usuario_cpanel == ''): ?>
						<fieldset>
							<div class="col-sm-3"></div>
							<div class="col-sm-8"><legend>Accessos FTP</legend></div>
							<div class="form-group">
								<label class="col-sm-3 control-label text-right">Modificar accessos FTP</label>
								<div class="col-sm-8">
									<button class="btn btn-info btn-cambiar" <?php if($ConfiguracionesxSitio->usuario_ftp == ''): ?> disabled <?php endif; ?>> <span class="fa fa-cog"></span> Cambiar</button>
								</div>	
							</div>
						</fieldset>
						<?php if($data_disenho['servicio'] != 'DNS'): ?>
							<fieldset>
								<div class="col-sm-3"></div>
								<div class="col-sm-8"><legend>Migrar alojamiento</legend></div>
								<div class="form-group">
									<label class="col-sm-3 control-label text-right">Migrar alojamiento a Sume Clientes</label>
									<div class="col-sm-8">
									<button class="btn btn-info btn-migrar" <?php if($ConfiguracionesxSitio->usuario_ftp == ''): ?> disabled <?php endif; ?>> <span class="fa fa-refresh "></span> Migrar </button>
									</div>	
								</div>
							</fieldset>
						<?php endif; ?>
					<?php endif; ?>
				</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('jQueryValidate/jquery.validate.min.js'); ?>

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

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

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

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

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

<?php echo HTML::script('ZeroClipBoard/ZeroClipboard.js'); ?>

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

<script type="text/javascript">
	ZeroClipboard.config( { swfPath: "<?php echo asset('ZeroClipBoard/ZeroClipboard.swf'); ?>" } );
	var clipboard = new Clipboard(".btnCopiar");
	clipboard.on("success", function(e) {
		$("#"+e.trigger.id).tooltip({trigger: "manual", title: "Copiado!"});
		$("#"+e.trigger.id).tooltip("show");
		$("#"+e.trigger.id).html('<i class="fa fa-check"></i>');
		setTimeout(function(){ $("#"+e.trigger.id).html('<i class="fa fa-copy"></i>'); $("#"+e.trigger.id).tooltip("destroy"); }, 1000);
	}).on("error", function(e) {
		var msj = "";
		if(/iPhone|iPad/i.test(navigator.userAgent)) {
			msj = "El navegador web no soporta la función de copiado, debes hacerlo manualmente";
		}
		else if (/Mac/i.test(navigator.userAgent)) {
			msj = "Presiona ⌘-C para copiar";
		}
		else {
			msj = "Presiona Ctrl-C para copiar";
		}
		$("#"+e.trigger.id).tooltip({trigger: "manual", title: msj});
		$("#"+e.trigger.id).tooltip("show");
		setTimeout(function(){ $("#"+e.trigger.id).tooltip("destroy"); }, 5000);
	});
	function barraProgreso(elemento){
		var contadorWrapper = (elemento=="T")?$(".text-count-wrapper-t"):$(".text-count-wrapper-d");
		var barra = (elemento=="T")?$("#progresoTitle"):$("#progresoDescripcion");
		//var total = (elemento=="T")?60:160;
		var total = (elemento=="T")?60:250;
		//var porcentaje = (elemento=="T")?(40*100)/total:(120*100)/total;
		var porcentaje = (elemento=="T")?(40*100)/total:(80*100)/total;
		var letrasEscritas = parseInt( contadorWrapper.find(".text-count").html() );
		var color = "progress-bar-danger";
		var porcentajeEscrito = 100;
		if( letrasEscritas <= total ){
			porcentajeEscrito = (letrasEscritas*100)/total;
			color = (porcentajeEscrito < porcentaje)?"progress-bar-warning":"progress-bar-success";
		}
		barra.removeClass("progress-bar-success progress-bar-warning progress-bar-danger").addClass(color).css("width", porcentajeEscrito+"%");
		
	}
</script>
<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;
	}
	function llenarDatosRequeridos(ventana){
		$.post(
			"<?php echo URL::route('SysWebSWebGuardarDatosMigracionAlj'); ?>",
			{mostrar: true},
			function(data){
				if(Object.keys(data).length > 0){
					var html = "";
					$.each(data, function(i, item) {
						var labelCorreo = (i == 0)?'<label class="control-label">Correo electrónico</label>':"";
						var labelRedirect = (i == 0)?'<label class="control-label">Correo electrónico a redirigir</label>':"";
						var labelContra = (i == 0)?'<label class="control-label">Contraseña </label>':"";
						html += '<div class="divAcceso correo'+i+'" >  \
							<div class="accesoA col-md-5"> \
								<div class="form-group"> \
									'+labelCorreo+' \
									<div class="input-group"> \
										<input type="text" class="form-control" placeholder="Correo electrónico" id="txtCorreo_'+i+'" name="txtCorreo_'+i+'" value="'+item.correo+'"> \
										<span class="input-group-addon"><?php echo '@'.$ConfiguracionesxSitio->nombre_dominio; ?></span> \
									</div> \
									<span class="text-danger" id="errtxtCorreo_'+i+'"></span> \
								</div> \
							</div>  \
							<div class="accesoU col-md-4"> \
								<div class="form-group"> \
									'+labelRedirect+' \
									<div class="input-group"> \
										<input type="text" class="form-control" placeholder="Nombre de usuario del correo a crear" id="txtRedireccionamiento_'+i+'" name="txtRedireccionamiento_'+i+'" value="'+item.redirect+'"> \
										<span class="input-group-addon">@gmail.com</span> \
									</div> \
									<span class="text-danger" id="errtxtRedireccionamiento_'+i+'"></span> \
								</div> \
							</div>  \
							<div class="accesoC col-md-3"> \
								'+labelContra+' \
								<div> \
									<div class="form-group" style="width: 80%; display: inline-block;"> \
										<input type="password" class="txtContra form-control" name="password" id="txtContra_'+i+'" value="'+item.contra+'"> \
										<span class="text-danger" id="errtxtContra_'+i+'"></span>  \
									</div> \
									<span class="btn btn-default fa fa-eye-slash btn-mostrar" style="margin-left: -4px; margin-bottom: 2px;"></span>  \
								</div> \
							</div>  \
						</div>';
					});
					ventana.find("#frmCorreos").html(html)
				}
			},
		"json"
		);
		/*ventana.find("#frmCorreos").validate({
			lang: "es",
			ignore: [],
			errorPlacement: function(error, element){
				var mensaje = error.html();
				var id = "err"+error.attr("id").substr(0, error.attr("id").indexOf("-error"));
				ventana.find("#"+id).html(mensaje);
			},
			success: function(label, element){
				var id = "err"+label.attr("id").substr(0, label.attr("id").indexOf("-error"));
				$("#"+id).html("");
			}
		});*/	
	}
	function programacionAcciones(ventana, form){
		var dialog = ventana;
		/*var htmlCorreos = '<div class="row"> \
			<div class="alert alert-info" role="alert"> Es importante que si vas a migrar tu alojamineto, configures los mismos correos que tenias \
				en el alojamiento anterior de preferencia usando las mismas contraseñas. \
				<br> \
			</div> \
			<form action="" id="frmCorreos"> \
				<div class="divAcceso correo0" >  \
					<div class="accesoA col-md-5"> \
						<div class="form-group"> \
							<label class="control-label">Correo electrónico</label> \
							<div class="input-group"> \
								<input type="text" class="form-control" placeholder="Correo electrónico" id="txtCorreo" name="txtCorreo"> \
								<span class="input-group-addon"><?php echo '@'.$ConfiguracionesxSitio->nombre_dominio; ?></span> \
							</div> \
							<span class="text-danger" id="errtxtCorreo"></span> \
						</div> \
					</div>  \
					<div class="accesoU col-md-4"> \
						<div class="form-group"> \
							<label class="control-label">Correo electrónico a redirigir</label> \
							<div class="input-group"> \
								<input type="text" class="form-control" placeholder="Nombre de usuario del correo a crear" id="txtRedireccionamiento" name="txtRedireccionamiento"> \
								<span class="input-group-addon">@gmail.com</span> \
							</div> \
							<span class="text-danger" id="errtxtRedireccionamiento"></span> \
						</div> \
					</div>  \
					<div class="accesoC col-md-3"> \
						<label class="control-label">Contraseña </label> \
						<div> \
							<div class="form-group" style="width: 80%; display: inline-block;"> \
								<input type="password" class="txtContra form-control" name="password" id="txtContra" value=""> \
								<span class="text-danger" id="errtxtContra"></span>  \
							</div> \
							<span class="btn btn-default fa fa-eye-slash btn-mostrar" style="margin-left: -4px; margin-bottom: 2px;"></span>  \
						</div> \
					</div>  \
				</div>  \
			</form>  \
		</div>';*/
		ventana.find(form).validate({
			lang: "es",
			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, element){
				var id = "err"+label.attr("id").substr(0, label.attr("id").indexOf("-error"));
				$("#"+id).html("");
			}
		});
		/*ventana.find("#rdCorreo").on("click", function(){
			if($(this).is(":checked")){
				BootstrapDialog.show({
					title: "Crear correos electronicos",
					type: BootstrapDialog.TYPE_PRIMARY,
					size: BootstrapDialog.SIZE_WIDE,
					message: htmlCorreos,
					draggable: true,
					cssClass: "modalCrearCorreos",
					closable: false,
					onshow: function(dialog){
						var ventana = dialog.getModalBody();
						var dominio = "<?php echo $ConfiguracionesxSitio->nombre_dominio; ?>"
						if(Cookies.getJSON('correos') != '' && Cookies.getJSON('correos') != undefined){
							var html = "";
							$.each(Cookies.getJSON('correos'), function(i, item) {
								var labelCorreo = (i == 0)?'<label class="control-label">Correo electrónico</label>':"";
								var labelRedirect = (i == 0)?'<label class="control-label">Correo electrónico a redirigir</label>':"";
								var labelContra = (i == 0)?'<label class="control-label">Contraseña </label>':"";
								html += '<div class="divAcceso correo'+i+'" >  \
									<div class="accesoA col-md-5"> \
										<div class="form-group"> \
											'+labelCorreo+' \
											<div class="input-group"> \
												<input type="text" class="form-control" placeholder="Correo electrónico" id="txtCorreo_'+i+'" name="txtCorreo_'+i+'" value="'+item.correo+'"> \
												<span class="input-group-addon">@ '+dominio+'</span> \
											</div> \
											<span class="text-danger" id="errtxtCorreo_'+i+'"></span> \
										</div> \
									</div>  \
									<div class="accesoU col-md-4"> \
										<div class="form-group"> \
											'+labelRedirect+' \
											<div class="input-group"> \
												<input type="text" class="form-control" placeholder="Nombre de usuario del correo a crear" id="txtRedireccionamiento_'+i+'" name="txtRedireccionamiento_'+i+'" value="'+item.redirect+'"> \
												<span class="input-group-addon">@gmail.com</span> \
											</div> \
											<span class="text-danger" id="errtxtRedireccionamiento_'+i+'"></span> \
										</div> \
									</div>  \
									<div class="accesoC col-md-3"> \
										'+labelContra+' \
										<div> \
											<div class="form-group" style="width: 80%; display: inline-block;"> \
												<input type="password" class="txtContra form-control" name="password" id="txtContra_'+i+'" value="'+item.contra+'"> \
												<span class="text-danger" id="errtxtContra_'+i+'"></span>  \
											</div> \
											<span class="btn btn-default fa fa-eye-slash btn-mostrar" id="btn-mostrar_'+i+'" style="margin-left: -4px; margin-bottom: 2px;"></span>  \
										</div> \
									</div>  \
								</div>';
							});
							ventana.find("#frmCorreos").html(html)
						}
						ventana.find("#frmCorreos").validate({
							lang: "es",
							ignore: [],
							errorPlacement: function(error, element){
								var mensaje = error.html();
								var id = "err"+error.attr("id").substr(0, error.attr("id").indexOf("-error"));
								ventana.find("#"+id).html(mensaje);
							},
							success: function(label, element){
								var id = "err"+label.attr("id").substr(0, label.attr("id").indexOf("-error"));
								$("#"+id).html("");
							}
						});
						ventana.find("input").each(function(i){
							var id = $(this).attr("id");
							if(Cookies.getJSON('correos') != '' && Cookies.getJSON('correos') != undefined){
								id = ($(this).attr("type") == "text")?(id.indexOf("txtCorreo") > -1)?"txtCorreo":"txtRedireccionamiento":"txtContra";
								id = id+"_"+i;
							}
							else{
								id = ($(this).attr("type") == "text")?(id.indexOf("txtCorreo") > -1)?"txtCorreo":"txtRedireccionamiento":"txtContra";
							}
						});
						ventana.find(".btn-mostrar").on("click", function(){
							if($(this).hasClass("fa-eye")){
								$(this).removeClass("fa-eye").addClass("fa-eye-slash");
								$("#txtContra").attr("type","password");
							}
							else{
								$(this).removeClass("fa-eye-slash").addClass("fa-eye");
								$("#txtContra").attr("type","text");
							}
						});	
						ventana.find(".divAcceso").each(function(e){
							var nodo = $(this);
							$(this).find("input").each(function(i){
								if(Cookies.getJSON('correos') != '' && Cookies.getJSON('correos') != undefined){
									var id = $(this).attr("id");
								}
								else{
									var id = $(this).attr("id");
									id = ($(this).attr("type") == "text")?(id.indexOf("txtCorreo") > -1)?"txtCorreo":"txtRedireccionamiento":"txtContra";
								}
								if(id.indexOf("txtCorreo") > -1){
									ventana.find("#"+id).next().html("@"+dominio);
									ventana.find("#"+id).rules("add", {
										required: true,
									});
									ventana.find('[name="'+id+'"]').alphanum({
										allow: ".-_1234567890",
										disallow: "",
										allowSpace: false,
										allowNumeric: false,
										allowUpper: false,
										allowCaseless: false,
										allowOtherCharSets: false,
										forceLower: true
									});
								}
								else if(id.indexOf("txtRedireccionamiento") > -1){
									ventana.find("#"+id).rules("add", {
										required: true,
									});		
									ventana.find('[name="'+id+'"]').alphanum({
										allow: ".-_1234567890",
										disallow: "",
										allowSpace: false,
										allowNumeric: false,
										allowUpper: false,
										allowCaseless: false,
										allowOtherCharSets: false,
										forceLower: true
									});
								}
								else{
									ventana.find("#"+id).alphanum({
										allow: ".-_1234567890",
										disallow: "",
										allowSpace: false,
										allowNumeric: false,
										allowUpper: false,
										allowCaseless: false,
										allowOtherCharSets: false,
										forceLower: false
									});
									ventana.find("#"+id).keyup(function(){
										if($(this).val().length < 8 && $(this).val().length > 0){
											if(ventana.find("#errtxtMin").length == 0){
												ventana.find("#errtxtContra").after('<span id="errtxtMin" class="text-danger">La contraseña es muy corta</span>');
											}
										}
										else{
											ventana.find("#errtxtMin").remove();
										}
									});
									ventana.find("#"+id).rules("add", {
										required: true,
									});
									nodo.find("#btn-mostrar_"+e).off("click").on("click", function(){
										if($(this).hasClass("fa-eye")){
											$(this).removeClass("fa-eye").addClass("fa-eye-slash");
											nodo.find("#"+id).attr("type","password");
										}
										else{
											$(this).removeClass("fa-eye-slash").addClass("fa-eye");
											nodo.find("#"+id).attr("type","text");
										}
									});	
								}
							});
						});
					},
					buttons: [{
						id: "btnGuardar",
						label: '<i class="fa fa-floppy-o"></i>'+"   Guardar",
						cssClass: "btn-success ",
						action: function(dialogItself){
							var ventana = $(".modalCrearCorreos");
							var correos = [];
							if(ventana.find("#frmCorreos").valid()){
								$.isLoading({ text: "Cargando..." }); NProgress.start();
								ventana.find(".divAcceso").each(function(i){
									var cookie = (Cookies.getJSON('correos') != undefined)?true:'';
									if(cookie){
										var correo = $(this).find("#txtCorreo_"+i).val();
										var redirect = $(this).find("#txtRedireccionamiento_"+i).val();
										var contra = $(this).find("#txtContra_"+i).val();
									}
									else{
										var correo = (i == 0)?$(this).find("#txtCorreo").val():$(this).find("#txtCorreo_"+i).val();
										var redirect = (i == 0)?$(this).find("#txtRedireccionamiento").val():$(this).find("#txtRedireccionamiento_"+i).val();
										var contra = (i == 0)?$(this).find("#txtContra").val():$(this).find("#txtContra_"+i).val();
									}

									var data_correo = {
										correo: correo.trim(),
										redirect: redirect.trim(),
										contra: contra.trim(),
									};
									correos.push(data_correo);
								});
								Cookies.set('correos', correos, { expires: 7 });
								//if(dialog.closest(".migrarAlojamiento").length > 0){
									$.post(
										"<?php echo URL::route('SysWebSWebGuardarDatosMigracionAlj'); ?>",
										{correo: true, datos_correo:correos},
										function(data){
											$("#btnGuardar").prop("disabled", false).html('Guardando  <i class="fa fa-refresh"></i>');
											$.isLoading("hide"); NProgress.done();
											if(data.success){
												dialogItself.close();
												new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
											}
											else{
												if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
												$("#btnGuardar").prop("disabled", false).html('Actualizar  <i class="fa fa-refresh"></i>');
												$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
											}
										},
									"json"
									);
								//}
							}
						}
					},
					{
						id: "btnAgregar",
						label: '<i class="fa fa-plus"></i>'+"   Agregar",
						cssClass: "btn-primary pull-left",
						action: function(dialogItself){
							var ventana = $(".modalCrearCorreos");
							var num = ventana.find(".divAcceso").length;
							var nodoRow = ventana.find(".divAcceso:first").clone();
							nodoRow.find("label").remove();
							nodoRow.find("input").val("");
							nodoRow.find("input").each(function(){
								var id = $(this).attr("id");
								if(Cookies.getJSON('correos') != '' && Cookies.getJSON('correos') != undefined){
									id = ($(this).attr("type") == "text")?(id.indexOf("txtCorreo") > -1)?"txtCorreo":"txtRedireccionamiento":"txtContra";
								}
								$(this).attr("id", id+"_"+num);
								$(this).attr("name", id+"_"+num);
								$(this).closest(".form-group").find("span.text-danger").attr("id", "err"+id+"_"+num);
								$(this).closest(".accesoC").find("span.btn-mostrar").attr("id", "btn-mostrar_"+num);
								if($(this).attr("type") == "text"){
										$(this).alphanum({
											allow: ".-_1234567890",
											disallow: "",
											allowSpace: false,
											allowNumeric: false,
											allowUpper: false,
											allowCaseless: false,
											allowOtherCharSets: false,
											forceLower: true
										});
								}
								else{
									$(this).alphanum({
										allow: ".-_1234567890",
										disallow: "",
										allowSpace: false,
										allowNumeric: false,
										allowUpper: false,
										allowCaseless: false,
										allowOtherCharSets: false,
										forceLower: false
									});
								}
							});
							nodoRow.removeClass("correo0").addClass("correo"+num);
							ventana.find("#frmCorreos").append(nodoRow);
							ventana.find("#frmCorreos").validate({
								lang: "es",
								ignore: [],
								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, element){
									var id = "err"+label.attr("id").substr(0, label.attr("id").indexOf("-error"));
									$("#"+id).html("");
								}
							});
							ventana.find("#frmCorreos").find("input").each(function(){
								var id = $(this).attr("id");
								$("#"+id).rules("add", {
									required: true,
								});
							});
							ventana.find(".divAcceso").each(function(i){
								if(i > 0){
									$("#btn-mostrar_"+i).off("click").on("click", function(){
										if($(this).hasClass("fa-eye")){
											$(this).removeClass("fa-eye").addClass("fa-eye-slash");
											$("#txtContra_"+i).attr("type","password");
										}
										else{
											$(this).removeClass("fa-eye-slash").addClass("fa-eye");
											$("#txtContra_"+i).attr("type","text");
										}
									});
									$("#txtContra_"+i).keyup(function(evt){
										if($(this).val().length < 8 && $(this).val().length > 0){
											if($(this).closest(".form-group").find("#errtxtMin").length == 0){
												$(this).closest(".form-group").find("#errtxtContra_"+i).after('<span id="errtxtMin" class="text-danger">La contraseña es muy corta</span>');
											}
										}
										else{
											$(this).closest(".form-group").find("#errtxtMin").remove();
										}	
									});
								}
							});
							ventana.find("#txtCorreo").rules("add", {
								required: true,
							});
							ventana.find("#txtRedireccionamiento").rules("add", {
								required: true,
							});
							ventana.find("#txtContra").rules("add", {
								required: true,
							});
						}
					},
					{
						id: "btnEliminar",
						label: '<i class="fa fa-minus"></i>'+"   Eliminar",
						cssClass: "btn-danger pull-left",
						action: function(dialogItself){
							var ventana = $(".modalCrearCorreos");
							if(ventana.find(".divAcceso").length > 0){
								ventana.find(".divAcceso:last").remove();
							}
						}
					}]
				});
			}
		});*/
		ventana.find(".btn-mostrar").on("click", function(){
			if($(this).hasClass("fa-eye")){
				$(this).removeClass("fa-eye").addClass("fa-eye-slash");
				$(".pass").attr("type","password");
			}
			else{
				$(this).removeClass("fa-eye-slash").addClass("fa-eye");
				$(".pass").attr("type","text");
			}
		});
		ventana.find('[name="rdAcuerco"]').click(function(e){
			<?php if( $ConfiguracionesxSitio->usuario_cpanel != "" && $ConfiguracionesxSitio->usuario_cpanel != null): ?>
			var nodo = ventana.find("#btnVerificarDNS");
			<?php else: ?>
			var nodo = (dialog.closest(".migrarAlojamiento").length > 0)?ventana.find("#btnConfirmacionDNS"):ventana.find("#btnConfirmacionDNS");
			<?php endif; ?>
			if(ventana.find('[name="rdAcuerco"]:checked').length == 3){
				if(dialog.closest(".migrarAlojamiento").length > 0){
					nodo.prop("disabled", false);
				}
				else{
					<?php if( $ConfiguracionesxSitio->usuario_cpanel == "" || $ConfiguracionesxSitio->usuario_cpanel == null): ?>
						nodo.prop("disabled", false);
					<?php endif; ?>
					if(nodo.attr("id") == "btnVerificarDNS"){
						nodo.prop("disabled", false);
					}
				}
				ventana.find(".msj-alojamiento").show("slow");
			}
			else{
				nodo.prop("disabled", true);
				ventana.find(".msj-alojamiento").hide("slow");
			}
			if($(this).val() == 1){
				if($(this).is(":checked")){
					$(".divAcceso").show("slow");
					$('[name="alojaUrl"]').rules("remove");
					$('[name="alojaUsu"]').rules("remove");
					$('[name="password"]').rules("remove");
				}
				else{
					$(".divAcceso").hide("slow");
					$('[name="alojaUrl"]').rules("remove");
					$('[name="alojaUsu"]').rules("remove");
					$('[name="password"]').rules("remove");
				}
			}
		});
		ventana.find("#btnConfirmacionDNS").click(function(e){
			if(ventana.find('[name="alojaUrl"]').length > 0){
				ventana.find('[name="alojaUrl"]').rules("add", {required: true});
			}
			if(ventana.find('[name="alojaUsu"]').length > 0){
				ventana.find('[name="alojaUsu"]').rules("add", {required: true});
			}
			if(ventana.find('[name="password"]').length > 0){
				ventana.find('[name="password"]').rules("add", {required: true});
			}
			if( $(form).validate().element('[name="alojaUrl"]') && $(form).validate().element('[name="alojaUsu"]') && $(form).validate().element('[name="password"]')){
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				var dominio = "<?php echo $ConfiguracionesxSitio->nombre_dominio; ?>";
				if($("#rdAcceso").is(":checked")){
					var rutaAlj = $(".aloja-ruta").val().trim();
					var usuarioAlj = $(".aloja-usuario").val().trim();
					var contraAlj = $(".aloja-contra").val().trim();
				}
				var cookie = (Cookies.getJSON('correos') != undefined)?Cookies.getJSON('correos'):'';
				<?php if( $ConfiguracionesxSitio->usuario_cpanel == "" || $ConfiguracionesxSitio->usuario_cpanel == null): ?>
					$.post(
						"<?php echo URL::route('SysWebSWebConfiguraciones1'); ?>",
						{ accion: "confirmarDNS", dominio: dominio, correos: cookie, rutaAlj:rutaAlj, usuarioAlj:usuarioAlj, contraAlj:contraAlj},
						function(data){
							$.isLoading("hide"); NProgress.done();
							if( data.success ){
								Cookies.remove('correos');
								$("#btnVerificarDNS").prop("disabled", false);
								$("#btnConfirmacionDNS").prop("disabled", true);
								$(".dvVerificacionDNS").show("slow");
								ventana.closest(".modal").find(".modal-header").find(".bootstrap-dialog-close-button").addClass("noCerrar");
							}
						},
						"json"
					);
				<?php endif; ?>
			}
		});
		ventana.find("#btnVerificarDNS").click(function(e){
			var dominio = "<?php echo $Configuraciones->nombre_dominio; ?>";
			var validar = true;
			if(dialog.closest(".migrarAlojamiento").length == 0){
				if( $(form).validate().element('[name="alojaUrl"]') && $(form).validate().element('[name="alojaUsu"]') && $(form).validate().element('[name="password"]')){
					validar = true;
				}
				else{
					validar = false;
				}
			}
			if(validar){
				$("#errhdnVerificacionDNS").html("");
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				$.post(
					"<?php echo URL::route('SysWebSWebConfiguraciones1'); ?>",
					{accion: "verificarDNS", dominio: dominio},
					function(data){
						$.isLoading("hide"); NProgress.done();
						if( data.success ){
							$("#btnVerificarDNS").prop("disabled", true);
							$('[name="hdnVerificacionDNS"]').val(1);
							$(".dvVerificacionDNS").show("slow");
							$("#btnMigrar").removeClass("desactivado");
							$("#btnCambiarSitio").removeClass("desactivado");
							$("#dvAlertaVerificacionDNS").addClass("alert-success").html("Genial ahora ya puedes realizar el cambio de tu sitio web").show("slow");
						}
						else{
							$("#dvAlertaVerificacionDNS").addClass("alert-danger").html(":( Parece ser que los DNS aún no se han propagado, espera un tiempo más y recuerda que el período de propagación es de entre 12 a 24 horas luego de la confirmación, si ya pasaron las 24 horas y sigue sin poder verificar tus DNS contáctanos").show("slow");
						}
					},
					"json"
				);
			}
		});
	}
	function Configuarcion(id, tipo, publicar, msj){
		var id = id;
		var tipo = tipo;
		var publicar = publicar;
		var html_sidebar = "";
		var html_msj = '';
		var msj = (msj == undefined)?"":html_msj;
		var nombreInicial = "";
		if(tipo == "SEC"){
			nombreInicial = "Sitio en construcción";
			valorSlug = "sitio-en-construccion"
		}
		else{
			nombreInicial = "Error 404";
			valorSlug = "error-404"
		}
		var tituloC = "Configuración de publicacón";
		var html_slug = '<input name="url" type="text" id="txtUrl" class="form-control"  value="'+valorSlug+'" style="padding-left: 1px !important;font-family: Open Sans,sans-serif; font-size: 15px;padding-top: 3px !important; border-left: 0px !important">';
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<form class="form-horizontal row-border" id="frmConfiguracion"> \
					'+msj+'\
					<div class="form-group">\
						<label class="col-sm-3 control-label text-right">Título</label>\
						<div class="col-sm-9">\
							<input type="text" class="form-control" value="" name="tituloP" id="tituloP">\
							<span class="text-danger" id="errtituloP"></span>\
							<input type="hidden" name="idConf" id="idConf" value="'+id+'" class="form-control">\
							<input type="hidden" name="tipoC" id="tipoC" value="'+tipo+'" class="form-control">\
							<input type="hidden" name="publicar" id="publicar" value="'+publicar+'" class="form-control">\
							<div class="progress" style="margin-top: 5px;">\
								<div id="progresoTitle" class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">\
									<span class="sr-only">0% de progreso</span>\
								</div>\
							</div>\
						</div>\
					</div>\
					<div class="form-group">\
						<label class="col-sm-3 control-label text-right">Descripción</label>\
						<div class="col-sm-9">\
							<textarea class="form-control" rows="4" name="descripcionP" id="descripcionP"></textarea>\
							<span class="text-danger" id="errdescripcionP"></span>\
							<div class="progress" style="margin-top: 5px;">\
								<div id="progresoDescripcion" class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">\
									<span class="sr-only">0% de progreso</span>\
								</div>\
							</div>\
						</div>\
					</div>\
					<div class="form-group">\
						<label class="col-sm-3 control-label text-right">Palabras clave</label>\
						<div class="col-sm-9">\
							<input type="text" class="form-control" value="" name="keywordP" id="keywordP">\
						</div>\
					</div>\
					<div class="form-group">\
						<label class="col-sm-3 control-label"> Imágen destacada </label>\
						<div class="col-sm-9">\
							<?php if(Auth::user()->avatar != " " && File::exists(public_path()."/SysWeb/Usuarios/".Auth::user()->id."/Avatar/".Auth::user()->avatar)){$imgPagina = asset("SysWeb/Usuarios/".Auth::user()->id."/Avatar/".Auth::user()->avatar)."?v=".date("H:i:s");}else{$imgPagina = "https://via.placeholder.com/250x300?text=N/D";}?>\
							<img class="img-responsive img-thumbnail" src="<?php echo $imgPagina; ?>" id="imgOgImage" style="cursor: pointer; height: 200px;">\
							<input type="hidden" name="ImageLogo" value="" id="ImageLogo">\
							<span class="text-danger" id="errImageLogo"></span>\
						</div>\
					</div>\
					<div class="form-group">\
						<label class="col-sm-3 control-label"> Indexación de búsquedas </label>\
						<div class="col-sm-9">\
							<div class="checkbox">\
								<label for="index">\
									<input name="index" type="checkbox" value="1" id="index"> \
									<span class="custom-checkbox" style="margin-left: -25px;"></span> Evitar que los rastreadores web de la mayoría de motores de búsqueda indexen la página.\
								</label>\
							</div>\
							<span class="text-danger" id="errindex"> </span>\
						</div>\
					</div>\
					<div class="form-group">\
						<label class="col-sm-3 control-label"> Seguimiento de página </label>\
						<div class="col-sm-9">\
							<div class="checkbox">\
								<label for="follow">\
									<input name="follow" type="checkbox" value="1" id="follow"> \
									<span class="custom-checkbox" style="margin-left: -25px;"></span> No seguir los enlaces de esta página.\
								</label>\
							</div>\
							<span class="text-danger" id="errfollow"> </span>\
						</div>\
					</div>\
					<div class="form-group">\
						<label class="col-sm-3 control-label"> Ruta </label>\
						<div class="col-sm-9">\
							<div class="input-group">\
								<?php if($Configuraciones->formato_url == "hs"){$formato_url = "http://";}else if($Configuraciones->formato_url == "hc"){$formato_url = "http://www.";}else if($Configuraciones->formato_url == "hss"){$formato_url = "https://";}else{$formato_url = "https://www.";}?>\
								<span class="input-group-addon ruta-slug" id="basic-addon1" style="padding-right: 0;"><?php echo $formato_url.$Configuraciones->nombre_dominio."/"; ?></span>\
								'+html_slug+'\
								<div class="input-group-btn">\
									<button data-toggle="dropdown" class="btn btn-warning dropdown-toggle btn-url" style="padding: 7px 12px;" type="button"><i class="fa fa-pencil-square-o"></i></button>\
								</div>\
							</div>\
							<span class="text-danger" id="errurl"></span>\
						</div>\
					</div>\
					<div class="form-group">\
						<label class="col-sm-3 control-label">\
							Configuracion &lt;&#x2F;head&gt; y &lt;&#x2F;body&gt;\
						</label>\
						<div class="col-sm-9">\
							<select class="selectpicker form-control" name="conf_seo" id="conf_seo">\
								<option selected disabled>Selecione una opción </option>\
								<option value="P"> Configuración individual  (Solo se tomarán encuenta las configuraciones de esta página) </option>\
								<option value="G"> Configuración general  (Solo se tomará encuenta la configuración general) </option>\
								<option value="C"> Configuración combinada (individual + general) </option>\
							</select>\
							<span class="text-danger" id="errmsgr_icon"> </span>\
						</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;head&gt;</label>\
						<div class="col-sm-9">\
							<textarea class="form-control" rows="4" name="htmlHead"  id="htmlHead" style="margin-bottom: 15px;"></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="4" name="htmlBody" id="htmlBody"></textarea>\
						</div>\
					</div>\
					<div class="form-group"> \
						<label class="col-sm-3 control-label"> ¿Desactivar Chat en esta página? </label> \
						<div class="col-sm-9"> \
							<div class="checkbox" style="padding-left: 0px;"> \
								<label> \
									<input name="chat_wh_inactivo" type="checkbox" value="1"> \
									<span class="custom-checkbox"></span> Si, no deseo mostrar el chat en esta página... \
								</label> \
							</div> \
							<span class="text-danger" id="errchat_wh_inactivo"></span> \
						</div> \
					</div> \
					<div class="form-group">\
						<label class="col-sm-3 control-label"> Activar mensaje de notificación de uso de cookies/privacidad </label>\
						<div class="col-sm-9">\
							<div class="checkbox" style="padding-left: 0px; margin-top: 15px;">\
								<label>\
									<input name="ntf-activo" id="ntf-activo" type="checkbox" <?php if($Configuraciones->sitio_notificacion_activa == 0 ): ?> disabled  <?php endif; ?>>\
									<span class="custom-checkbox"></span> Activar mensaje en esta página.\
								</label>\
							</div>\
						</div>\
					</div>\
					<!-- <div class="form-group"> \
						<label class="col-sm-3 control-label text-right">Identificador de página de FB</label> \
						<div class="col-sm-9"> \
							<input type="text" class="form-control" name="identificadorFb" id="identificadorFb" value=""> \
						</div> \
					</div> --> \
					<input type="hidden" name="identificadorFb" value=""> <!-- Agregado para evitar conflictos en publicación (Eliminar si se vuelve a activar este chat) --> \
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: tituloC,
			type: BootstrapDialog.TYPE_PRIMARY,
			size: BootstrapDialog.SIZE_WIDE,
			message: mensaje,
			closable:false,
			draggable: true,
			cssClass: "ModalConfiguracion",
			onshow: function(dialogItself){
				var dominio = "<?php echo $Configuraciones->nombre_dominio; ?>";
				<?php if( $Configuraciones->usuario_cpanel != '' && $Configuraciones->usuario_ftp != ''): ?>
					$.post(
						"<?php echo URL::route('SysWebSWebConfiguraciones1'); ?>",
						{accion: "verificarDNS", dominio: dominio},
						function(data){
							if( !data.success ){
								dialogItself.getModalBody().find("#publicar").val('');
							}
						},
						"json"
					);
				<?php endif; ?>
			},
			onshown: function(dialogRefs){
				$.post(
					"<?php echo URL::route('SysWebSWebPaginasxTemaSEO'); ?>",
					{idPagina:id, tipo:tipo},
					function(data){
						if(data.length == 0){
							dialogRefs.getModalBody().find("#tituloP").val(nombreInicial)
						}
						else{
							dialogRefs.getModalBody().find("#tituloP").val(data.titulo)
						}
						dialogRefs.getModalBody().find("#descripcionP").text(data.descripcion);
						//CONTAR LETRAS -----------------------------------
						dialogRefs.getModalBody().find("#tituloP").textcounter({
							type: "character",
							min: 40,
							max: 120,
							countContainerClass: "text-count-wrapper-t",
							counterText: "Caracteres contados: %d",
							minimumErrorText: "40 son los caracteres mínimos recomendados",
							maximumErrorText: "Ha excedido la cantidad de caracteres recomendados",
							countSpaces: true,
							countDown: false,
							countDownText: "Le restan %d caracteres",
							countOverflowText: "La cantidad de caracteres excede los %d",
							init: function(el){
								barraProgreso("T");
							}
						});
						dialogRefs.getModalBody().find("#tituloP").on("keyup click blur focus change paste", function(e){
							barraProgreso("T");
						});
						dialogRefs.getModalBody().find("#descripcionP").textcounter({
							type: "character",
							min: 50,
							max: 255,
							countContainerClass: "text-count-wrapper-d",
							counterText: "Caracteres contados: %d",
							minimumErrorText: "20 son los caracteres mínimos recomendados",
							maximumErrorText: "Ha excedido la cantidad de caracteres recomendados",
							countSpaces: true,
							countDown: false,
							countDownText: "Le restan %d caracteres",
							countOverflowText: "La cantidad de caracteres excede los %d",
							init: function(el){
								barraProgreso("D");
							}
						});
						dialogRefs.getModalBody().find("#descripcionP").on("keyup click blur focus change paste", function(e){
							barraProgreso("D");
						});
						//------------------------------------------------
						dialogRefs.getModalBody().find("#keywordP").val(data.meta_keywords);
						var entradaId = ''
						if(entradaId != ""){
							if(entradaId != id){
								dialogRefs.getModalBody().find("#fijo").prop("disabled",true);
							}
						}
						if(data.imagen != "" ){
							dialogRefs.getModalBody().find("#ImageLogo").val(data.imagen);
							dialogRefs.getModalBody().find("#ImageLogo").prev().attr("src",data.imagen);
						}
						if(Object.keys(data).length > 0){
							if(data.seccion_sidebar_id != "" || data.seccion_sidebar_id != undefined){
								dialogRefs.getModalBody().find("#sidebar").val(data.seccion_sidebar_id);
							}
						}
						dialogRefs.getModalBody().find("#identificadorFb").val(data.id_facebook);
						dialogRefs.getModalBody().find("#htmlHead").text(data.codigoHead);
						dialogRefs.getModalBody().find("#htmlBody").text(data.codigoBody);
						if(data.index == 1){
							dialogRefs.getModalBody().find("#index").prop("checked",true);
						}
						if(Object.keys(data).length > 0){
							dialogRefs.getModalBody().find("#txtUrl").prop("readonly",true);
							dialogRefs.getModalBody().find("#txtUrl").val(data.slug);
							dialogRefs.getModalBody().find(".btn-url").prop("disabled",true);
						}
						else{
							dialogRefs.getModalBody().find(".btn-url").click(function(){
								dialogRefs.getModalBody().find("#txtUrl").prop("readonly",false);
							});
							if(dialogRefs.getModalBody().find("#txtUrl").val() == ""){
								dialogRefs.getModalBody().find("#tituloP").stringToSlug({
									setEvents: 'blur',
										callback: function(text) {
										dialogRefs.getModalBody().find("#txtUrl").val(text);
									}
								});
							}
							if(dialogRefs.getModalBody().find("#txtUrl").val() == ""){
								dialogRefs.getModalBody().find(".btn-url").prop("disabled",false);
								dialogRefs.getModalBody().find("#txtUrl").prop("readonly",true);
								dialogRefs.getModalBody().find(".btn-url").click(function(){
									if($(this).find(".fa").hasClass("fa-pencil-square-o")){
										$(this).find(".fa").removeClass("fa-pencil-square-o").addClass("fa-check");
										dialogRefs.getModalBody().find("#txtUrl").prop("readonly",false);
									}
									else{
										$(this).find(".fa").removeClass("fa-check").addClass("fa-pencil-square-o");
										dialogRefs.getModalBody().find("#txtUrl").prop("readonly",true);
									}
									dialogRefs.getModalBody().find("#txtUrl").stringToSlug({
										setEvents: 'blur',
										callback: function(text) {
											dialogRefs.getModalBody().find("#txtUrl").val(text);
										}
									});
								});
							}
							else{
								dialogRefs.getModalBody().find(".btn-url").prop("disabled",true);
								dialogRefs.getModalBody().find("#txtUrl").prop("readonly",true);
							}
						}
						if(data.follow == 1){
							dialogRefs.getModalBody().find("#follow").prop("checked",true);
						}
						if(data.fijo == 1){
							dialogRefs.getModalBody().find("#fijo").prop("checked",true);
						}
						if(data.mensaje_cookies_activo == 1){
							dialogRefs.getModalBody().find("#ntf-activo").prop("checked",true);
						}
						if(data.chat_wh_inactivo == 1){
							dialogRefs.getModalBody().find('[name="chat_wh_inactivo"]').prop("checked", true);
						}
						dialogRefs.getModalBody().find("select[name=msgr_icon]").val(data.mssg_icon);
						dialogRefs.getModalBody().find(".selectpicker").selectpicker("refresh");
						dialogRefs.getModalBody().find("msgr_text").val(data.mssg_text);

						dialogRefs.getModalBody().find("#porcentaje_ventana").val(data.porcentaje_ventana);
						dialogRefs.getModalBody().find("#intervalo_dias_ventana").val(data.dias_ventana);
						if(data.configuraciones_seo !=""){
							dialogRefs.getModalBody().find("#conf_seo").find("option:selected").removeAttr("selected");
							dialogRefs.getModalBody().find("#conf_seo").val(data.configuraciones_seo);
							dialogRefs.getModalBody().find('#conf_seo').selectpicker('val', data.configuraciones_seo);
							dialogRefs.getModalBody().find(".selectpicker").selectpicker("refresh");
						}
						if(data.id_facebook != undefined && data.id_facebook != ""){
							$("#configMessenger").show("slow");
						}
						else{
							$("#configMessenger").hide("slow");
						}
						
						if(data.mssg_size == "S"){
							dialogRefs.getModalBody().find("input[type=radio][name=msgr_size]").prop("checked", false);
							dialogRefs.getModalBody().find('#rdS').prop("checked", true);
						}
						else if(data.mssg_size == "M"){
							dialogRefs.getModalBody().find("input[type=radio][name=msgr_size]").prop("checked", false);
							dialogRefs.getModalBody().find('#rdM').prop("checked", true);
						}
						else{
							dialogRefs.getModalBody().find("input[type=radio][name=msgr_size]").prop("checked", false);
							dialogRefs.getModalBody().find('#rdL').prop("checked", true);
						}
						if(data.mssg_type == "IM"){
							dialogRefs.getModalBody().find("input[type=radio][name=msgr_type]").prop("checked", false);
							dialogRefs.getModalBody().find('#rdIM').prop("checked", true);
						}
						else if(data.mssg_type == "I"){
							dialogRefs.getModalBody().find("input[type=radio][name=msgr_type]").prop("checked", false);
							dialogRefs.getModalBody().find('#rdI').prop("checked", true);
						}
						else{
							dialogRefs.getModalBody().find("input[type=radio][name=msgr_type]").prop("checked", false);
							dialogRefs.getModalBody().find('#rdA').prop("checked", true);
						}
						if(data.ventana_emergente == "EV"){
							dialogRefs.getModalBody().find("input[type=radio][name=ventana_emergente]").removeAttr("checked");
							dialogRefs.getModalBody().find('#rdEV').prop("checked", true);
							$("#confVentanaEmergenteEV, #confVentanaEmergente").show("slow");
							dialogRefs.getModalBody().find("#porcentaje_ventana_m").val(data.porcentaje_ventana);
						}
						else if(data.ventana_emergente == "SV"){
							dialogRefs.getModalBody().find("input[type=radio][name=ventana_emergente]").removeAttr("checked");
							dialogRefs.getModalBody().find('#rdSV').prop("checked", true);
							$("#confVentanaEmergenteSV, #confVentanaEmergente").show("slow");
						}else{
							dialogRefs.getModalBody().find("input[type=radio][name=ventana_emergente]").removeAttr("checked");
							dialogRefs.getModalBody().find('#rdNAV').prop("checked", true);
							$("#confVentanaEmergenteEV, #confVentanaEmergenteSV, #confVentanaEmergente").hide("slow");
						}
						if( data.ventana_emergente !=  "NA" &&  data.ventana_emergente != undefined){
							dialogRefs.getModalBody().find("#slVentanaEmergente").val(data.ventanas_emergentes_x_clientes_id);
							dialogRefs.getModalBody().find(".selectpicker").selectpicker("refresh");
						}
					},
					"json"
				);
				dialogRefs.getModalBody().find(".selectpicker").selectpicker();
				dialogRefs.getModalBody().find("#identificadorFb").focusout(function(){
					if( $(this).val() != "" ){
						$("#configMessenger").show("slow");
					}
					else{
						$("#configMessenger").hide("slow");
						$("input[type=radio][name=msgr_type][value=IM]").prop("checked", true);
						$("#msgr_text").val("");
					}
				});
				dialogRefs.getModalBody().find("#imgOgImage").click(function(e){
					var mensaje = '<div class="col-md-12"> \
						<div class="row"> \
							<div class="col-md-7"> \
								<label> Selecciona una imágen de las bibliotecas de imágenes </label> \
								<div style="height: 465px; overflow: auto;" id="Biblioteca"> \
									<select id="slBiblioteca" style="visibility: hidden;"></select> \
								</div> \
							</div> \
							<div class="col-md-5"> \
								<div class="row"> \
									<div class="col-md-12"> \
										<label> Ó Sube tu imágen (Esta se almacenará en tu biblioteca y podras utilizarla cuantas veces quieras) </label> \
										<form action="#" class="dropzone" id="flImagen"> \
											<div class="fallback"> \
												<input name="file" type="file"> \
											</div> \
										</form> \
									</div> \
									<div class="col-md-12" style="padding-top: 10px;"> \
										<div class="form-group"> \
											<label> Ó escriba la ruta de la imagen </label> \
											<input type="text" class="form-control" id="txtImagen"></input> \
										</div> \
										<div class="form-group"> \
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearImagen"> Usar imágen </button> \
										</div> \
									</div> \
								</div> \
							</div> \
						</div> \
					</div>';
					BootstrapDialog.show({
						title: "Imágen Para el Logo",
						type: BootstrapDialog.TYPE_DEFAULT,
						size: BootstrapDialog.SIZE_WIDE,
						message: mensaje,
						draggable: true,
						cssClass: "ModalBiblioteca",
						onshown: function(dialogRef){
							dialogRef.getModalBody().find("#flImagen").dropzone({
								url: $("#hdnRutaImagenes").val(),
								maxFiles: 1,
								acceptedFiles: "image/jpeg,image/png",
								success: function (file, response) {
									if(response.success){
										var value = response.imagen;
										var img = new Image();
										img.src = value;
										img.onload = function(){
											if(img.height != 0){
												dialogRefs.getModalBody().find("#imgOgImage").attr("src", value);
												dialogRefs.getModalBody().find("#ImageLogo").val(value);
												dialogRef.getModalBody().find("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
												dialogRef.close();
												$.isLoading("hide"); NProgress.done();
											}
											else{
												new PNotify({ title: "Error", text: "La imágen no pudo ser cargada, por favor vuelve a intentarlo", type: "error" });
												dialogRef.getModalBody().find("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
												dialogRef.close();
												$.isLoading("hide"); NProgress.done();
											}
										}
										img.onerror = function(){
											new PNotify({ title: "Error", text: "La imágen no pudo ser cargada, por favor vuelve a intentarlo", type: "error" });
											dialogRef.getModalBody().find("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
											dialogRef.close();
											$.isLoading("hide"); NProgress.done();
										};
									}
									else{
										dialogRef.close();
										new PNotify({ title: "Error", text: "Ha ocurrido un error, por favor notificalo a soporte!", type: "error" });
									}
								},
								init: function() {
									this.on("addedfile", function(file){
										var dropzone = this;
										if (this.files.length > 1) {
											new PNotify({ title: "Error", text: "No puedes subir más de 1 archivo", type: "error" });
											$.each(this.files, function(i, file){
												dropzone.removeFile(file);
											});
										}
									});
									this.on("maxfilesexceeded", function(file){
										new PNotify({ title: "Error", text: "No puedes subir más de 1 archivo", type: "error" });
										dialogRef.getModalBody().find("#modalCambiarImagen").modal("hide");
										$.isLoading("hide"); NProgress.done();
									});
									this.on("processing", function(file){
										$.isLoading({ text: "Cargando..." }); NProgress.start();
										dialogRef.getModalBody().find("#btnCrearImagen").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Procesando...');
									});
								}
							}).on("thumbnail", function(file, dataUri) {
								console.log(dataUri);
							});
							$.get(
								$("#rutabibliotecascliente").val()+$("#cid").val(),
								function(data){
									if(data.success){
										dialogRef.getModalBody().find("#slBiblioteca").html("").append('<option value=""></option>');
										$.each(data.biblioteca, function(index, val){
											dialogRef.getModalBody().find("#slBiblioteca").append("<option data-img-src='"+val.ruta+"' value='"+val.id+"'>");
										});
										dialogRef.getModalBody().find("#slBiblioteca").imagepicker({hide_select: true, show_label: true});
										var i = 0;
										$(".image_picker_selector").find("div.thumbnail").each(function(){
											$(this).prepend('<a class="text-danger" href="javascript:EliminarImagenBiblioteca('+data.biblioteca[i].id+')" title="Eliminar imágen de biblioteca"> <i class="fa fa-trash"> </i> </a>');
											i = i + 1;
										});
										$(".image_picker_selector").find("[title]").each(function(){ $(this).tooltip(); });
									}
									else{
										dialogRef.getModalBody().find("#slBiblioteca").hide();
										dialogRef.getModalBody().find("#Biblioteca").append('<div id="dvWrBiblioteca" class="alert alert-warning" role="alert"> Aún no tienes ningúna imágen almacenada en tu biblioteca </div>');
									}
								},
								"json"
							);
							dialogRef.getModalBody().find("#btnCrearImagen").click(function(e){
								$.isLoading({ text: "Cargando..." }); NProgress.start();
								dialogRef.getModalBody().find("#btnCrearImagen").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
								if(	dialogRef.getModalBody().find("#txtImagen").val() == "" &&	dialogRef.getModalBody().find("#slBiblioteca").val() == ""){
									$.isLoading("hide"); NProgress.done();
									new PNotify({ title: "Error", text: "Debes seleccionar una imágen de la biblioteca, subir una imágen o ingresar la ruta de la imágen que deseas almacenar", type: "error" });
								}
								else{
									if(dialogRef.getModalBody().find("#txtImagen").val() != "" ){
										var value =	dialogRef.getModalBody().find("#txtImagen").val();
									}
									else{
										var value = dialogRef.getModalBody().find("#slBiblioteca option:selected").attr("data-img-src");
									}
									var img = new Image();
									img.src = value;
									img.onload = function(){
										if(img.height != 0){
											dialogRefs.getModalBody().find("#imgOgImage").attr("src", value);
											dialogRefs.getModalBody().find("#ImageLogo").val(value);
											dialogRef.getModalBody().find("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
											dialogRef.close();
											$.isLoading("hide"); NProgress.done();
										}
										else{
											new PNotify({ title: "Error", text: "La imágen no pudo ser cargada, por favor vuelve a intentarlo", type: "error" });
											dialogRef.getModalBody().find("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
											dialogRef.close();
											$.isLoading("hide"); NProgress.done();
										}
									};
									img.onerror = function(){
										new PNotify({ title: "Error", text: "La imágen no pudo ser cargada, por favor vuelve a intentarlo", type: "error" });
										dialogRef.getModalBody().find("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
										dialogRef.close();
										$.isLoading("hide"); NProgress.done();
									};
								}
							});
						},
					});
				});
			},
			buttons: [{
				id: "btnGuardarConfiguracion",
				label: "Guardar",
				cssClass: "btn-success",
				action: function(dialogItself){
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					$("#btnGuardarConfiguracion").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Guardando');
					$.post(
						"<?php echo URL::route('SysWebSWebPaginasxTemaGuardarSEO'); ?>",
						$("#frmConfiguracion").serialize(),
						function(data){
							$("#btnGuardarConfiguracion").prop("disabled", false).html("Guardar");
							if(data.success){
								new PNotify({ title: "Realizado", text: "Datos Completados Exitosamente", type: "success" });
								dialogItself.close();
								$.isLoading("hide"); NProgress.done();
							}
							else{
								$.isLoading("hide"); NProgress.done();
								if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); $.isLoading("hide"); NProgress.done();}
								$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
							}
						},
					"json"
					);
				}
			}]
		});
	}
</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'); ?>
$("#toggle_edicion").toggles({
	width:60,
	height:25,
	click: false,
	on: true
});
$(".btn_sec").click(function(){
	Configuarcion($(this).attr("data-id"),"SEC", "publicar", "");
});
$(".btn_error").click(function(){
	Configuarcion($(this).attr("data-id"), "E", "publicar", "");
});
<?php if($Configuraciones->modo_disenho != ''): ?>
	<?php if($data_disenho['servicio'] == 'DNS'): ?>
		var mensajeSitio = '<div class="row"> \
			<div class="col-xs-12"> \
				<form id="frmDNS"> \
					<h4 style="text-align: center;"> \
						<div class="alert alert-warning" role="alert" style="margin-top: 15px;"> <strong> Importante: </strong> Si tu dominio es nuevo y no tenía contenido antes no te preocupes puedes ejecutar este paso con confianza. \
							Pero si ya tenias contenido en tu sitio o correo en otro alojamiento al realizar esta acción lo que tenias en el otro alojamiento dejará de ser visible y lo que será visible en tu sitio será el contenido de las páginas \
							que creaste con el creador de sitios de Sume Clientes. \
							<br> \
							<br> \
						</div> \
					</h4> \
					<div class="radio-inline" style="padding-left: 0;"> \
						<label> \
							<input type="checkbox" value="0" id="rdAcuerco" name=""> \
							<span class="custom-checkbox"></span> Estoy de acuerdo con lo mencionado anteriormente \
						</label> \
					</div> \
					<br> \
					<br> \
					<h4 style="text-align: center;"> \
						<div class="alert alert-warning" role="alert" style="margin-top: 15px;"> Antes de realizar esta acción por favor sigue las siguientes instrucciones: \
							<br> \
						</div> \
					</h4> \
					<div  style="padding-left: 0;"> \
						<label> \
							<input type="checkbox" value="0" id="rdBakup" name="rdAcuerco"> \
							<span class="custom-checkbox"></span> Crear una copia de seguridad (backup) de la cuenta de alojamiento que estarás migrando con nosotros y guardalo en un disco duro. \
						</label> \
					</div>  \
					<div style="padding-left: 0;"> \
						<label> \
							<input type="checkbox" value="1" id="rdAcceso" name="rdAcuerco"> \
							<span class="custom-checkbox"></span>  Para asegurar una transición mas fluida por favor brindanos acceso a la cuenta de alojamiento que estas migrando con nosotros. \
						</label> \
					</div> \
					<div class="divAcceso" style="display: none;">  \
						<div class="accesoA col-md-5"> \
							<label class="control-label">Ruta de acceso </label> \
							<div> \
								<div class="form-group"> \
									<input type="text" class="form-control aloja-ruta" name="alojaUrl"  value=""> \
									<span class="text-danger" id="erralojaUrl"></span>  \
								</div> \
							</div> \
						</div>  \
						<div class="accesoU col-md-3"> \
							<label class="control-label">Usuario </label> \
							<div> \
								<div class="form-group"> \
									<input type="text" class="form-control aloja-usuario" name="alojaUsu"  value=""> \
									<span class="text-danger" id="erralojaUsu"></span>  \
								</div> \
							</div> \
						</div>  \
						<div class="accesoC col-md-4"> \
							<label class="control-label">Contraseña </label> \
							<div> \
								<div class="form-group" style="width: 80%; display: inline-block;"> \
									<input type="password" class="pass form-control aloja-contra" name="password"  value=""> \
									<span class="text-danger" id="errpassword"></span>  \
								</div> \
								<span class="btn btn-default fa fa-eye-slash btn-mostrar" style="margin-left: -4px; margin-bottom: 2px;"></span>  \
							</div> \
						</div>  \
					</div>  \
					<div style="padding-left: 0;"> \
						<label> \
							<input type="checkbox" value="2" id="rdCorreo" name="rdAcuerco"> \
							<span class="custom-checkbox"></span> Inmediatamente después de finalizar este proceso crea tus correos en nuestro sistema, pues si tenias correos en tu alojamiento anterior este dejará de enviarlos y recibirlos. \
						</label> \
					</div> \
					<br> \
					<div class="alert alert-info msj-alojamiento" role="alert" style="display: none;"> \
							Para que podamos alojar tu dominio tienes que apuntar tus DNS hacia nuestros servidores. <br><br> \
							<strong style="color: black;"> ns1.sumeclientes.online </strong> <br> \
							<strong style="color: black;"> ns2.sumeclientes.online </strong> <br><br> \
							Haz <strong style="color: #428bca;"> <a href="https://doc.sumeclientes.club/configuracion-de-dns" target="_blank">Clic aqui</a></strong> para ver un video de como hacer esto. \
							Luego que realizes esto necesitamos que nos confirmes que ya has apuntado los DNS de tu dominio hacia nuestro servidor, \
							para ello haz clic en el boton de abajo una vez hayas realizado esta acción <br> \
						Antes de verificar que tus DNS ya apuntan a nuestros servidores recuerda que<br> \
						<strong> Debe haber transcurrido un tiempo entre 12 a 24 horas </strong> <br> \
						<span class="text-danger"> \
							<strong> \
								Usa el botón de abajo para confirmar que tus DNS ya apuntan a nuestros servidores \
							</strong> \
						</span> \
					</div> \
					<br> \
					<button type="button" class="btn btn-info btn-lg btn-block" id="btnConfirmacionDNS" <?php if( $ConfiguracionesxSitio->usuario_cpanel != "" || $ConfiguracionesxSitio->usuario_cpanel != null): ?> style="display: none;" <?php endif; ?> disabled> \
						Confirmo que ya he apuntado los DNS a sus servidores \
					</button> \
					<br <?php if( $ConfiguracionesxSitio->usuario_cpanel != "" || $ConfiguracionesxSitio->usuario_cpanel != null): ?> style="display: none;" <?php endif; ?>> \
					<br <?php if( $ConfiguracionesxSitio->usuario_cpanel != "" || $ConfiguracionesxSitio->usuario_cpanel != null): ?> style="display: none;" <?php endif; ?>> \
					<div class="dvVerificacionDNS"  <?php if( $ConfiguracionesxSitio->usuario_cpanel == "" || $ConfiguracionesxSitio->usuario_cpanel == null): ?> style="display: none;" <?php endif; ?>> \
						<button type="button" class="btn btn-success btn-lg btn-block" id="btnVerificarDNS" disabled> \
							Verificar que mi dominio ya apunta a sus DNS \
						</button> \
						<input type="hidden" name="hdnVerificacionDNS"> \
						<span class="text-danger" id="errhdnVerificacionDNS"></span> \
						<div id="dvAlertaVerificacionDNS" class="alert" style="display: none; margin-top: 15px;"></div> \
					</div> \
				</form> \
			</div> \
		</div>';
	<?php else: ?>
		var mensajeSitio = '<div class="row"> \
			<div class="col-xs-12"> \
				<form id="frmFTP"> \
					<h4 style="text-align: left;"> \
						<div class="alert alert-warning" role="alert" style="margin-top: 15px;"> <strong> Importante: </strong> Si tu dominio es nuevo y no tenía contenido antes no te preocupes puedes ejecutar este paso con confianza. \
							Pero si ya tenias contenido en tu sitio o correo en otro alojamiento al realizar esta acción lo que tenias en el otro alojamiento dejará de ser visible y lo que será visible en tu sitio será el contenido de las páginas \
							que creaste con el creador de sitios de Sume Clientes. \
							<br> \
							<br> \
						</div> \
					</h4> \
					<div class="radio-inline" style="padding-left: 0;"> \
						<label> \
							<input type="checkbox" value="0" id="rdAcuerco" name="rdAcuerco"> \
							<span class="custom-checkbox"></span> Estoy de acuerdo con lo mencionado anteriormente \
						</label> \
					</div> \
					<br> \
					<br> \
					<div class="form-group col-md-12"> \
						<label class="col-sm-2 control-label" style="padding-top: 0px;">Servidor (opcional)</label> \
						<div class="input-group"> \
							<span class="input-group-addon"> \
								<input type="checkbox" name="checkServidor" class="form-control checkServidor"> \
								<span class="custom-checkbox tooltips" title="Agregar host" style="margin-left: -12px;"></span> \
							</span> \
							<input type="text" name="txtServidorFTP" class="form-control txtServidorFTP"> \
							<span class="text-danger" id="errtxtServidorFTP"></span> \
						</div> \
					</div> \
					<div class="form-group col-md-12"> \
						<label class="col-sm-2 control-label" style="padding-top: 0px;">Puerto (opcional)</label> \
						<div class="input-group col-sm-10 " style="padding: 0px;"> \
							<input type="text" name="txtPuertoFTP" class="form-control txtPuertoFTP"> \
							<span class="text-danger" id="errtxtPuertoFTP"></span> \
						</div> \
					</div> \
					<div class="form-group" style="padding-bottom: 35px;"> \
						<label class="col-sm-2 control-label" style="padding-left: 0px; padding-right: 0px;">Usuario FTP</label> \
						<div class="col-sm-10" style="margin-bottom: 15px"> \
							<input type="text" name="txtUsuarioFTP" class="form-control"> \
							<span class="text-danger" id="errtxtUsuarioFTP"></span> \
						</div> \
					</div> \
					<div class="form-group"> \
						<label class="col-sm-2 control-label" style="padding-left: 0px; padding-right: 0px;">Contraseña FTP</label> \
						<div class="col-sm-10"> \
							<input type="password" name="txtContrasenhaFTP" class="form-control"> \
							<span class="text-danger" id="errtxtContrasenhaFTP"></span> \
							<br> \
							<br> \
						</div> \
					</div> \
					<div class="form-group pull-left"> \
						<label class="control-label col-sm-4" style="display: block;">¿Cual es la configuración de la URL de tu sitio web?</label> \
						<div class="col-sm-8"> \
							<select class="form-control" name="url" id="url" title="Seleccione una opción..."> \
								<option value="http://" selected>http://</option> \
								<option value="http://www.">http://www.</option> \
								<option value="https://">https:// (Solo usar si el alojamiento tiene SSL)</option> \
								<option value="https://www.">https://www. (Solo usar si el alojamiento tiene SSL)</option> \
							</select> \
							<span class="text-danger" id="errurl"> </span> \
						</div> \
					</div> \
					<button type="button" class="btn btn-success btn-lg btn-block" id="btnVerificarFTP" disabled style="margin-bottom: 10px;"> \
						Verificar credenciales FTP \
					</button> \
					<br> \
					<span class="text-danger" id="errhdnVerificacionFTP-mensaje"></span> \
					<input type="hidden" name="subirArchivoDC" value="1"> \
					<input type="hidden" name="verificarArchivoDC" value="1"> \
					<input type="hidden" name="passiveFTP" value="1"> \
					<span class="text-success text-center center-block" id="succhdnVerificacionFTP-mensaje"></span> \
					<br> \
					<div class="alert alert-info" role="alert" style="margin-bottom: 0px;"> \
						Si deseas transferir tu alojamiento con Sume Clientes, en la parte inferior de esta página se encuentra un botón con la opción de migrar alojamiento, haz clic y sigue los pasos que la plataforma te solicite. <br><br> \
					</div> \
				</form> \
			</div> \
		</div>';
	<?php endif; ?>
<?php endif; ?>
$("#toggle_edicion").on("click", function(){
	BootstrapDialog.show({
	title: "Transferir contenido del sitio web a mi dominio actual: <?php echo $Configuraciones->nombre_dominio; ?>",
		type: BootstrapDialog.TYPE_PRIMARY,
		size: BootstrapDialog.SIZE_WIDE,
		message: mensajeSitio,
		draggable: true,
		closable: false,
		cssClass: "ModalEliminar",
		onshown: function(dialog){
			$("#url").selectpicker();
		},
		onshow: function(dialog){
			var ventana = dialog.getModalBody();
			ventana.find("#frmFTP").validate({
				lang: "es",
				ignore: [],
				rules: {
					txtUsuarioFTP: {
						required: true
					},
					txtContrasenhaFTP: {
						required: true
					},
				},
				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, element){
					var id = "err"+label.attr("id").substr(0, label.attr("id").indexOf("-error"));
					$("#"+id).html("");
				}
			});
			ventana.find("#frmDNS").validate({
				lang: "es",
				ignore: [],
				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, element){
					var id = "err"+label.attr("id").substr(0, label.attr("id").indexOf("-error"));
					$("#"+id).html("");
				}
			});
			ventana.find(".txtServidorFTP").prop("readonly", true);
			ventana.find(".txtPuertoFTP").prop("readonly", true);
			llenarDatosRequeridos(ventana);
			ventana.find("#frmFTP").find("#rdAcuerco").on("click", function(){
				($(this).is(":checked"))?ventana.find(".btn").prop("disabled", false):ventana.find(".btn").prop("disabled", true);
			});
			ventana.find(".checkServidor").click(function(){
				if($(this).is(":checked")){
					$(".txtServidorFTP").prop("readonly", false);
					$(".txtPuertoFTP").prop("readonly", false);
					ventana.find('[name="txtServidorFTP"]').rules("add", {
						required: true,
					});
					ventana.find('[name="txtPuertoFTP"]').rules("add", {
						required: true,
					});
				}
				else{
					$(".txtServidorFTP").prop("readonly", true);
					$(".txtPuertoFTP").prop("readonly", true);
					$('[name="txtServidorFTP"]').rules("remove");
					$('[name="txtPuertoFTP"]').rules("remove");
				}
			})
			ventana.find("#btnVerificarFTP").click(function(e){
				e.preventDefault();
				$("#errhdnVerificacionFTP-mensaje").html("");
				if( $("#frmFTP").valid()){
					var texto = $(this).html();
					var servidor = ($(".checkServidor").is(":checked"))?$('[name="txtServidorFTP"]').val():"";
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					$(this).html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
					$.post(
						"<?php echo URL::route('SysWebSWebConfiguraciones1'); ?>",
						{
							accion: "verificarFTP",
							dominio: "<?php echo $Configuraciones->nombre_dominio; ?>",
							url: $("#url").val(),
							usuarioFTP: $('[name="txtUsuarioFTP"]').val(),
							contrasenhaFTP: $('[name="txtContrasenhaFTP"]').val(),
							servidorFTP: servidor,
							subirArchivoDC: $('[name="subirArchivoDC"]').val(),
							passiveFTP: $('[name="passiveFTP"]').val(),
							verificarArchivoDC: $('[name="verificarArchivoDC"]').val(),
						},
						function(data){
							$.isLoading("hide"); NProgress.done();
							$("#btnVerificarFTP").html(texto).prop("disabled", false);
							if(data.success){
								$('[name="hdnVerificacionFTP"]').val(1);
								$("#frmPaso2").find('[name="txtNombreDominio"]').remove();
								$("#frmPaso2").find('[name="txtUsuarioFTP"]').remove();
								$("#frmPaso2").find('[name="txtContrasenhaFTP"]').remove();
								$("#frmPaso2").find('[name="txtServidorFTP"]').remove();
								$("#frmPaso2").find('[name="puertoFTP"]').remove();
								$("#frmPaso2").find('[name="subirArchivoDC"]').remove();
								$("#frmPaso2").find('[name="passiveFTP"]').remove();
								$("#frmPaso2").append('<input type="hidden" name="dominio" value="'+$('[name="txtNombreDominio"]').val()+'"> \
								<input type="hidden" name="usuarioFTP" value="'+$('[name="txtUsuarioFTP"]').val()+'"> \
								<input type="hidden" name="contrasenhaFTP" value="'+$('[name="txtContrasenhaFTP"]').val()+'"> \
								<input type="hidden" name="servidorFTP" value="'+servidor+'"> \
								<input type="hidden" name="puertoFTP" value="'+$('[name="txtPuertoFTP"]').val()+'"> \
								<input type="hidden" name="subirArchivoDC" value="'+$('[name="subirArchivoDC"]').val()+'"> \
								<input type="hidden" name="subirArchivoDC" value="'+$('[name="subirArchivoDC"]').val()+'"> \
								<input type="hidden" name="verificarArchivoDC" value="'+$('[name="verificarArchivoDC"]').val()+'">');
								$("#btnCambiarSitio").removeClass("desactivado");
								$("#succhdnVerificacionFTP-mensaje").html("¡Genial! tus credenciales de acceso FTP son válidas.");
							}
							else{
								$("#errhdnVerificacionFTP-mensaje").html(data.mensaje);
							}
						},
						"json"
					);
				}
			});
			/*ventana.find("#btnVerificarDNS").click(function(e){
				$("#errhdnVerificacionDNS").html("");
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				var dominio = "<?php echo $Configuraciones->nombre_dominio; ?>";
				$.post(
					"<?php echo URL::route('SysWebSWebConfiguraciones1'); ?>",
					{accion: "verificarDNS", dominio: dominio},
					function(data){
						$.isLoading("hide"); NProgress.done();
						if( data.success ){
							$("#btnVerificarDNS").prop("disabled", true);
							$('[name="hdnVerificacionDNS"]').val(1);
							$(".dvVerificacionDNS").show("slow");
							$("#btnCambiarSitio").removeClass("desactivado");
							$("#dvAlertaVerificacionDNS").addClass("alert-success").html("Genial ahora ya puedes realizar el cambio de tu sitio web").show("slow");
						}
						else{
							$("#dvAlertaVerificacionDNS").addClass("alert-danger").html(":( Parece ser que los DNS aún no se han propagado, espera un tiempo más y recuerda que el período de propagación es de entre 12 a 24 horas luego de la confirmación, si ya pasaron las 24 horas y sigue sin poder verificar tus DNS contáctanos").show("slow");
						}
					},
					"json"
				);
			});*/
			ventana.find('[name="alojaUrl"]').rules("remove");
			ventana.find('[name="alojaUsu"]').rules("remove");
			ventana.find('[name="password"]').rules("remove");
			programacionAcciones(ventana, "#frmDNS");
		},
		buttons: [{
			id: "btnCambiarSitio",
			label:  "<i class='fa fa-exchange' aria-hidden='true'></i>  Transferir",
			cssClass: "btn btn-success desactivado",
			action: function(dialogItself){
				//$.isLoading({ text: "Cargando..." }); NProgress.start();
				$("head").prepend("<style class='removeStyle'> .isloading-overlay > .isloading-wrapper{ display: block !important; font-size: 20px; width: 29% !important;} .glyphicon-spin{ display: block !important; font-size: 50px; margin-top: 10px; color: #21af21;} </style>");
				$.isLoading({ text: "Estamos transfiriendo el sitio web a tu dominio. Por favor espera unos minutos y no carges o cierres esta página ya que esto podria ocasionar una interrupción al proceso y afectar a tu sitio..." }); NProgress.start();
				$("#btnCambiarSitio").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Transferiendo');
				var rutaAlj = "";
				var usuarioAlj = "";
				var contraAlj = "";
				<?php if($Configuraciones->modo_disenho != ''): ?>
					<?php if($data_disenho['servicio'] == 'DNS'): ?>
						if($("#rdAcceso").is(":checked")){
							rutaAlj = $(".aloja-ruta").val().trim();
							usuarioAlj = $(".aloja-usuario").val().trim();
							contraAlj = $(".aloja-contra").val().trim();
						}
					<?php endif; ?>
				<?php endif; ?>
				$.post(
					"<?php echo URL::route('SysWebSWebCambioSitioWeb'); ?>",
					{servidorFTP: $('[name="txtServidorFTP"]').val(), usuarioFTP: $('[name="txtUsuarioFTP"]').val(), contraFTP: $('[name="txtContrasenhaFTP"]').val(), dns: "<?php echo $data_disenho['servicio']; ?>", rutaAlj:rutaAlj, usuarioAlj:usuarioAlj, contraAlj:contraAlj },
					function(data){
						$("#btnCambiarSitio").prop("disabled", false).html("Confirmar");
						$.isLoading("hide"); NProgress.done();
						if(data.success){
							new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
							setInterval(location.reload(),30000);
							Cookies.remove('correos');
							$("head").find(".removeStyle").remove();
						}
						else{
							if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
							$("#btnCambiarSitio").prop("disabled", false).html("<i class='fa fa-exchange' aria-hidden='true'></i>  Transferir");
						}
					},
				"json"
				);
			}
		}
		],
		onhidden: function(dialogRef) {
			window.location.reload();
		}
	});
});
<?php if($ConfiguracionesxSitio->forzar_https == 0): ?>{
	$("#toggle_https").toggles({
		width:60,
		height:25,
		click: false,
		on: false
	});
	$("#toggle_https").removeClass("toggle-success").addClass("toggle-danger");
	<?php if($ConfiguracionesxSitio->usuario_cpanel != ''): ?>
		var mensaje = "<div class='row'> \
				<div class='col-xs-12'> \
					<form id='frmEstado'> \
						<h4 style='text-align: center;'> Con este cambio estaras dandole más confiabilidad a tu sitio en los motores de búsqueda y seguridad a sus visitas ya que se les aplicará el protocolo de seguridad SSL. </h4> \
					</form> \
				</div> \
			</div>";
		var clasesCheck = "btn-primary pull-left hide";
		var clasesEstado = "btn-success";
	<?php else: ?>
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<form id='frmEstado'> \
					<h4> Con este cambio estaras dandole más confiabilidad a tu sitio en los motores de búsqueda y seguridad a sus visitas ya que se les aplicará el protocolo de seguridad SSL.<br><br> \
						Asegurate que tu alojamiento cuente con el servicio SSL de lo contrario la navegación de tu sitio se verá afectada. <br><br> Vefirica que tu alojamiento cuente con este servicio haciendo clic en el botón abajo.</h4> \
				</form> \
			</div> \
		</div>";
		var clasesCheck = "btn-primary pull-left";
		var clasesEstado = "btn-success desactivado";
	<?php endif; ?>
}
<?php else: ?>{
	$("#toggle_https").toggles({
		width:60,
		height:25,
		click: false,
		on: true
	});
	$("#toggle_https").removeClass("toggle-success").addClass("toggle-danger");
	$("#toggle_https").removeClass("toggle-danger").addClass("toggle-success");
	var mensaje = "<div class='row'> \
		<div class='col-xs-12'> \
			<form id='frmEstado'> \
				<h4 style='text-align: center;'>¿Estas seguro de realizar esta acción?<br> Recuerda que si lo haces perderas la certificación de seguridad SSL</h4> \
			</form> \
		</div> \
	</div>";
	var clasesCheck = "btn-primary pull-left hide";
	var clasesEstado = "btn-success";
}
<?php endif; ?>
<?php if($ConfiguracionesxSitio != '' && $ConfiguracionesxSitio->html_notificacion_cookies != ""): ?>
	var html = '<?php echo $ConfiguracionesxSitio->html_notificacion_cookies; ?>';
	$(".disenhador").html(html);
<?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"));
$(".ntfB-color-borde").val($(".btn-aceptar-ntf").css("border-color"));
$("#fontFamily").val($(".btn-aceptar-ntf").attr("data-font"));
$(".ntfB-font-size").val($(".btn-aceptar-ntf").attr("data-size-letra"));
$(".ntf-size-borde").val($(".notificacion-cookies").attr("data-size-borde"));
$('[name="confirmacion"]').click(function(){
	if( $(this).val() == 0 ){
		$(".conf-notificacion").hide("slow");
	}
	else{
		$(".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{
			$(this).val($(".notificacion-cookies").css("border-color"));
		}
	}
	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");
	}
});
$(".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");
}
$("#fontFamily").change(function(){
	$(".btn-aceptar-ntf").css("font-family", $(this).val());
	$(".btn-aceptar-ntf").attr("data-font", $(this).val());
});
$(".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());
		});
		$(".ntfB-color-borde").colorpicker({
			color: $(".btn-aceptar-ntf").css("border-color"),
			format: "hex",
		}).on("changeColor", function(){ 
			$(".btn-aceptar-ntf").css("border-color", $(this).val());
		});
		$(".ntf-boton").find(".ntfB-size-borde").closest(".input-group").find(".input-group-btn").removeClass("desactivado");
		$(".ntfB-color-borde").val($(".btn-aceptar-ntf").css("border-color"));
	}
	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();
$(".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())
			}
		}
	}
});
if($("#rdConfirmacionSi").is(":checked")){
	$(".conf-notificacion").show("slow");
}
$("#toggle_https").click(function(){
	if($(this).hasClass("toggle-danger")){
		var activar = 1;
	}
	else{
		var activar = 0;
	}
	BootstrapDialog.show({
		title: "Forzar https",
		type: BootstrapDialog.TYPE_PRIMARY,
		message: mensaje,
		draggable: true,
		cssClass: "ModalEliminar",
		buttons: [{
			id: "btnEstado",
			label: "Cambiar",
			cssClass: clasesEstado,
			action: function(dialogItself){
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				$("#btnEstado").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Cambiando');
				$.post(
					"<?php echo URL::route('SysWebSWebCambiarDireccionamiento'); ?>",
					{estado:activar},
					function(data){
						$("#btnEstado").prop("disabled", false).html("Cambiar");
						$.isLoading("hide"); NProgress.done();
						if(data.success){
							new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
							setInterval(location.reload(),30000);
						}
						else{
							if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
							$("#btnEstado").prop("disabled", false).html("Cambiar");
						}
					},
				"json"
				);
			}
		},
		{
			id: "btnVerificar",
			label: "Verificar SSL",
			cssClass: clasesCheck,
			action: function(dialogItself){
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				$("#btnVerificar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Verificando..');
				$.post(
					"<?php echo URL::route('SysWebSWebCambiarDireccionamiento'); ?>",
					{verificar:1},
					function(data){
						$("#btnVerificar").prop("disabled", false).html("Verificar SSL");
						$.isLoading("hide"); NProgress.done();
						if(data.success){
							new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
							$("#btnEstado").removeClass("desactivado");
							$("#btnVerificar").addClass("desactivado");
						}
						else{
							if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
						}
					},
				"json"
				);
			}
		}]
	});
})
if($(".block-web").find('.resutaldo').val() != ""){
	$(".block-web").find("#tipo_url").val('<?php echo $ConfiguracionesxSitio->formato_url; ?>');
}
$(".block-web").find(".actualizar").on("click",function(e){
	e.preventDefault();
	$(".notificacion-cookies").attr("data-dias", $(".intervalo-dias").val());
	$(".notificacion-cookies").attr("data-type", "sitio");
	var html = $("#disenhador").html();
	var nuevo = html.replace(/\r?\n|\r/g,"");
	$("#html-notificacion").val(nuevo.trim());
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	$('.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('SysWebSWebGuardarSEOxSitio'); ?>",
		$("#frmSEO").serialize(),
		function(data){
			$.isLoading("hide"); NProgress.done();
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setInterval(location.reload(),30000);
			}
			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"
	);
});
$(".btn-importar-ntf").click(function(e){
	//$.isLoading({ text: "Cargando..." }); NProgress.start();
	e.preventDefault();
	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 paginas de captura? <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: "sitio"},
					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);
		}
	});
});
<?php if($ConfiguracionesxSitio->usuario_cpanel == ''): ?>
var htmlFTP = '<form action="" id="frmAccessos"> \
	<div class="accesso-ftp "> \
		<label class="col-sm-3 control-label text-right">Usuario FTP </label> \
		<div class="col-sm-9"> \
			<div class="form-group"> \
				<input type="text" class="user form-control" name="userName" value="<?php echo $ConfiguracionesxSitio->usuario_ftp; ?>"> \
				<span class="text-danger" id="erruserName"></span>  \
				<input type="hidden" name="idConf" id="idConf" value="<?php echo $ConfiguracionesxSitio->id; ?>"> \
			</div> \
		</div>	\
	</div> \
	<div class="accesso-ftp "> \
		<label class="col-sm-3 control-label text-right">Contraseña FTP </label> \
		<div class="col-sm-8 input-pass"> \
			<div class="form-group"> \
				<input type="password" class="pass form-control input-pass" name="password"  value="<?php echo $ConfiguracionesxSitio->contra_ftp; ?>"> \
				<span class="text-danger" id="errpassword"></span>  \
			</div> \
		</div> \
		<span class="btn btn-default fa fa-eye-slash btn-mostrar"></span>  \
	</div>  \
	<div class="form-group servidor-ftp">  \
		<label class="col-sm-3 control-label text-right">Servidor</label>  \
		<div class="input-group col-sm-9 ">  \
			<span class="input-group-addon">  \
				<input type="checkbox" name="checkServidor" class="form-control checkServidor">  \
				<span class="custom-checkbox tooltips" title="Agregar host" style="margin-left: -12px;"></span>  \
			</span>  \
			<input type="text" name="txtServidorFTP" class="form-control txtServidorFTP" value="<?php echo $ConfiguracionesxSitio->servidor_ftp; ?>">  \
			<span class="text-danger" id="errtxtServidorFTP" style="position: absolute; left: 15px; top: 34px"></span>  \
		</div>  \
	</div>  \
	<div class="form-group servidor-ftp">  \
		<label class="col-sm-3 control-label text-right">Puerto</label>  \
		<div class="input-group col-sm-9 ">  \
			<input type="text" name="txtPuertoFTP" class="form-control txtPuertoFTP" value="<?php echo $ConfiguracionesxSitio->puerto_ftp; ?>">  \
			<span class="text-danger" id="errtxtPuertoFTP"></span>  \
		</div>  \
	</div>\
</form>';
var htmlMigrar = '<form action="" id="frmMigrar"> \
	<h4 style="text-align: center;"> \
		<div class="alert alert-warning" role="alert" style="margin-top: 15px;"> Antes de realizar esta acción por favor sigue las siguientes instrucciones: \
			<br> \
		</div> \
	</h4> \
	<div  style="padding-left: 0;"> \
		<label> \
			<input type="checkbox" value="0" id="rdBakup" name="rdAcuerco"> \
			<span class="custom-checkbox"></span> Crear una copia de seguridad (backup) de la cuenta de alojamiento que estarás migrando con nosotros y guardalo en el disco duro. \
		</label> \
	</div>  \
	<div style="padding-left: 0;"> \
		<label> \
			<input type="checkbox" value="1" id="rdAcceso" name="rdAcuerco"> \
			<span class="custom-checkbox"></span>  Para asegurar una transición mas fluida por favor brindanos acceso a la cuenta de alojamiento que estas migrando con nosotros. \
		</label> \
	</div> \
	<div class="divAcceso" style="display: none;">  \
		<div class="accesoA col-md-5"> \
			<label class="control-label">Ruta de acceso </label> \
			<div> \
				<div class="form-group"> \
					<input type="text" class="form-control aloja-ruta" name="alojaUrl"  value=""> \
					<span class="text-danger" id="erralojaUrl"></span>  \
				</div> \
			</div> \
		</div>  \
		<div class="accesoU col-md-3"> \
			<label class="control-label">Usuario </label> \
			<div> \
				<div class="form-group"> \
					<input type="text" class="form-control aloja-usuario" name="alojaUsu"  value=""> \
					<span class="text-danger" id="erralojaUsu"></span>  \
				</div> \
			</div> \
		</div>  \
		<div class="accesoC col-md-4"> \
			<label class="control-label">Contraseña </label> \
			<div> \
				<div class="form-group" style="width: 80%; display: inline-block;"> \
					<input type="password" class="pass form-control aloja-contra" name="password"  value=""> \
					<span class="text-danger" id="errpassword"></span>  \
				</div> \
				<span class="btn btn-default fa fa-eye-slash btn-mostrar" style="margin-left: -4px; margin-bottom: 2px;"></span>  \
			</div> \
		</div>  \
	</div>  \
	<div style="padding-left: 0;"> \
		<label> \
			<input type="checkbox" value="2" id="rdCorreo" name="rdAcuerco"> \
			<span class="custom-checkbox"></span> Inmediatamente después de finalizar este proceso crea tus correos en nuestro sistema, pues si tenias correos en tu alojamiento anterior este dejará de enviarlos y recibirlos. \
		</label> \
	</div> \
	<br> \
	<div class="alert alert-info msj-alojamiento" style="display: none;" role="alert"> \
			Para que podamos alojar tu dominio tienes que apuntar tus DNS hacia nuestros servidores. <br><br> \
			<strong style="color: black;"> ns1.sumeclientes.online </strong> <br> \
			<strong style="color: black;"> ns2.sumeclientes.online </strong> <br><br> \
			Haz <strong style="color: #428bca;"> <a href="https://doc.sumeclientes.club/configuracion-de-dns" target="_blank">Clic aqui</a></strong> para ver un video de como hacer esto. \
			Luego que realizes esto necesitamos que nos confirmes que ya has apuntado los DNS de tu dominio hacia nuestro servidor, \
			para ello haz clic en el boton de abajo una vez hayas realizado esta acción <br> \
		Antes de verificar que tus DNS ya apuntan a nuestros servidores recuerda que<br> \
		<strong> Debe haber transcurrido un tiempo entre 12 a 24 horas </strong> <br> \
		<span class="text-danger"> \
			<strong> \
				Usa el botón de abajo para verificar que tus DNS ya apuntan a nuestros servidores \
			</strong> \
		</span> \
	</div> \
	<button type="button" class="btn btn-info btn-lg btn-block" id="btnConfirmacionDNS" disabled>\
		Confirmo que ya he apuntado los DNS a sus servidores\
	</button>\
	<input type="hidden" name="hdnConfirmacionDNS">\
	<br> \
	<br> \
	<div class="dvVerificacionDNS"> \
		<button type="button" class="btn btn-success btn-lg btn-block" id="btnVerificarDNS" disabled> \
			Verificar que mi dominio ya apunta a sus DNS \
		</button> \
		<input type="hidden" name="hdnVerificacionDNS"> \
		<span class="text-danger" id="errhdnVerificacionDNS"></span> \
		<div id="dvAlertaVerificacionDNS" class="alert" style="display: none; margin-top: 15px;"></div> \
	</div> \
</form>';
$(".btn-cambiar").on("click", function(e){
	e.preventDefault();
	BootstrapDialog.show({
		title: "Cambiar accesso FTP",
		type: BootstrapDialog.TYPE_PRIMARY,
		message: htmlFTP,
		draggable: true,
		closeByBackdrop: false,
		cssClass: "ModalEliminar",
		onshow: function(dialog){
			var venatana = dialog.getModalBody();
			venatana.find(".btn-mostrar").on("click", function(){
				if($(this).hasClass("fa-eye")){
					$(this).removeClass("fa-eye").addClass("fa-eye-slash");
					$(".pass").attr("type","password");
				}
				else{
					$(this).removeClass("fa-eye-slash").addClass("fa-eye");
					$(".pass").attr("type","text");
				}
			});
			<?php if($ConfiguracionesxSitio->servidor_ftp != '' || $ConfiguracionesxSitio->servidor_ftp != null): ?>
				venatana.find(".checkServidor").prop("checked", true);
			<?php endif; ?>
			if(!venatana.find(".checkServidor").is(":checked")){
				venatana.find(".txtServidorFTP").prop("readonly", true);
				venatana.find(".txtPuertoFTP").prop("readonly", true);
			}
			else{
				venatana.find(".txtServidorFTP").prop("readonly", false);
				venatana.find(".txtPuertoFTP").prop("readonly", false);
			}
			venatana.find(".checkServidor").on("click", function(){
				if(!$(this).is(":checked")){
					venatana.find(".txtServidorFTP").prop("readonly", true);
					venatana.find(".txtPuertoFTP").prop("readonly", true);
				}
				else{
					venatana.find(".txtServidorFTP").prop("readonly", false);
					venatana.find(".txtPuertoFTP").prop("readonly", false);
				}
			});
		},
		buttons: [{
			id: "btnEstado",
			label: '<i class="fa fa-refresh"></i>'+"   Actualizar",
			cssClass: "btn-success",
			action: function(dialogItself){
				var venatana = dialogItself.getModalBody();
				if(!$(".checkServidor").is(":checked")){
					venatana.find(".txtServidorFTP").val("");
					venatana.find(".txtPuertoFTP").val("");
				}
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				$("#btnEstado").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Actulizando');
				$.post(
					"<?php echo URL::route('SysWebSWebConfiguracionesSEO'); ?>",
					$("#frmAccessos").serialize(),
					function(data){
						$("#btnEstado").prop("disabled", false).html('Actualizar  <i class="fa fa-refresh"></i>');
						$.isLoading("hide"); NProgress.done();
						if(data.success){
							new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
							setInterval(location.reload(),30000);
						}
						else{
							if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
							$("#btnEstado").prop("disabled", false).html('Actualizar  <i class="fa fa-refresh"></i>');
							$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
						}
					},
				"json"
				);
			}
		}],
		onshown: function(dialogItself){
			$("body").addClass("modal-open");
		},
		onhidden: function(dialogItself){
			$("body").removeClass("modal-open");
		}
	});
});
$(".btn-migrar").on("click", function(e){
	e.preventDefault();
	BootstrapDialog.show({
		title: "Migrar alojamiento a los servidores de Sume Clientes",
		type: BootstrapDialog.TYPE_PRIMARY,
		size: BootstrapDialog.SIZE_WIDE,
		message: htmlMigrar,
		draggable: true,
		closeByBackdrop: false,
		cssClass: "migrarAlojamiento",
		onshow: function(dialog){
			var ventana = dialog.getModalBody();
			programacionAcciones(ventana, "#frmMigrar");
			/*var htmlCorreos = '<div class="row"> \
				<div class="alert alert-info" role="alert"> Es importante que si vas a migrar tu alojamineto, configures los mismos correos que tenias \
					en el alojamiento anterior de preferencia usando las mismas contraseñas. \
					<br> \
				</div> \
				<form action="" id="frmCorreos"> \
					<div class="divAcceso correo0" >  \
						<div class="accesoA col-md-5"> \
							<div class="form-group"> \
								<label class="control-label">Correo electrónico</label> \
								<div class="input-group"> \
									<input type="text" class="form-control" placeholder="Correo electrónico" id="txtCorreo" name="txtCorreo"> \
									<span class="input-group-addon"><?php echo '@'.$ConfiguracionesxSitio->nombre_dominio; ?></span> \
								</div> \
								<span class="text-danger" id="errtxtCorreo"></span> \
							</div> \
						</div>  \
						<div class="accesoU col-md-4"> \
							<div class="form-group"> \
								<label class="control-label">Correo electrónico a redirigir</label> \
								<div class="input-group"> \
									<input type="text" class="form-control" placeholder="Nombre de usuario del correo a crear" id="txtRedireccionamiento" name="txtRedireccionamiento"> \
									<span class="input-group-addon">@gmail.com</span> \
								</div> \
								<span class="text-danger" id="errtxtRedireccionamiento"></span> \
							</div> \
						</div>  \
						<div class="accesoC col-md-3"> \
							<label class="control-label">Contraseña </label> \
							<div> \
								<div class="form-group" style="width: 80%; display: inline-block;"> \
									<input type="password" class="txtContra form-control" name="password" id="txtContra" value=""> \
									<span class="text-danger" id="errtxtContra"></span>  \
								</div> \
								<span class="btn btn-default fa fa-eye-slash btn-mostrar" style="margin-left: -4px; margin-bottom: 2px;"></span>  \
							</div> \
						</div>  \
					</div>  \
				</form>  \
			</div>';
			ventana.find("#rdCorreo").on("click", function(){
				BootstrapDialog.show({
					title: "Crear correos electronicos",
					type: BootstrapDialog.TYPE_PRIMARY,
					size: BootstrapDialog.SIZE_WIDE,
					message: htmlCorreos,
					draggable: true,
					cssClass: "modalCrearCorreos",
					onshow: function(dialog){
						var ventana = dialog.getModalBody();
						ventana.find("#frmCorreos").validate({
							lang: "es",
							ignore: [],
							errorPlacement: function(error, element){
								var mensaje = error.html();
								var id = "err"+error.attr("id").substr(0, error.attr("id").indexOf("-error"));
								ventana.find("#"+id).html(mensaje);
							},
							success: function(label, element){
								var id = "err"+label.attr("id").substr(0, label.attr("id").indexOf("-error"));
								$("#"+id).html("");
							}
						});
						ventana.find("#txtCorreo").rules("add", {
							required: true,
						});
						ventana.find("#txtRedireccionamiento").rules("add", {
							required: true,
						});
						ventana.find("#txtContra").rules("add", {
							required: true,
						});
						ventana.find(".btn-mostrar").on("click", function(){
							if($(this).hasClass("fa-eye")){
								$(this).removeClass("fa-eye").addClass("fa-eye-slash");
								$(".pass").attr("type","password");
							}
							else{
								$(this).removeClass("fa-eye-slash").addClass("fa-eye");
								$(".pass").attr("type","text");
							}
						});	
						ventana.find('[name="txtCorreo"]').alphanum({
							allow: ".-_1234567890",
							disallow: "",
							allowSpace: false,
							allowNumeric: false,
							allowUpper: false,
							allowCaseless: false,
							allowOtherCharSets: false,
							forceLower: true
						});
						ventana.find('[name="txtRedireccionamiento"]').alphanum({
							allow: ".-_1234567890",
							disallow: "",
							allowSpace: false,
							allowNumeric: false,
							allowUpper: false,
							allowCaseless: false,
							allowOtherCharSets: false,
							forceLower: true
						});
						ventana.find("#txtContra").alphanum({
							allow: ".-_1234567890",
							disallow: "",
							allowSpace: false,
							allowNumeric: false,
							allowUpper: false,
							allowCaseless: false,
							allowOtherCharSets: false,
							forceLower: false
						});
						ventana.find("#txtContra").keyup(function(){
							if($(this).val().length < 8 && $(this).val().length > 0){
								if(ventana.find("#errtxtMin").length == 0){
									ventana.find("#errtxtContra").after('<span id="errtxtMin" class="text-danger">La contraseña es muy corta</span>');
								}
							}
							else{
								ventana.find("#errtxtMin").remove();
							}
						});
					},
					buttons: [{
						id: "btnGuardar",
						label: '<i class="fa fa-floppy-o"></i>'+"   Guardar",
						cssClass: "btn-success ",
						action: function(dialogItself){
							var ventana = $(".modalCrearCorreos");
							var correos = [];
							if(ventana.find("#frmCorreos").valid()){
								$.isLoading({ text: "Cargando..." }); NProgress.start();
								ventana.find(".divAcceso").each(function(i){
									var cookie = (Cookies.getJSON('correos') != undefined)?true:'';
									if(cookie){
										var correo = $(this).find("#txtCorreo_"+i).val();
										var redirect = $(this).find("#txtRedireccionamiento_"+i).val();
										var contra = $(this).find("#txtContra_"+i).val();
									}
									else{
										var correo = (i == 0)?$(this).find("#txtCorreo").val():$(this).find("#txtCorreo_"+i).val();
										var redirect = (i == 0)?$(this).find("#txtRedireccionamiento").val():$(this).find("#txtRedireccionamiento_"+i).val();
										var contra = (i == 0)?$(this).find("#txtContra").val():$(this).find("#txtContra_"+i).val();
									}
									var data_correo = {
										correo: correo.trim(),
										redirect: redirect.trim(),
										contra: contra.trim(),
									};
									correos.push(data_correo);
								});
								Cookies.set('correos', correos, { expires: 7 });
								$.post(
									"<?php echo URL::route('SysWebSWebGuardarDatosMigracionAlj'); ?>",
									{correo: true, datos_correo:correos},
									function(data){
										$("#btnGuardar").prop("disabled", false).html('Guardando  <i class="fa fa-refresh"></i>');
										$.isLoading("hide"); NProgress.done();
										if(data.success){
											dialogItself.close();
											new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
											//setInterval(location.reload(),30000);
										}
										else{
											if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
											$("#btnGuardar").prop("disabled", false).html('Actualizar  <i class="fa fa-refresh"></i>');
											$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
										}
									},
								"json"
								);
							}
						}
					},
					{
						id: "btnAgregar",
						label: '<i class="fa fa-plus"></i>'+"   Agregar",
						cssClass: "btn-primary pull-left",
						action: function(dialogItself){
							var ventana = $(".modalCrearCorreos");
							var num = ventana.find(".divAcceso").length;
							var nodoRow = ventana.find(".divAcceso:first").clone();
							nodoRow.find("label").remove();
							nodoRow.find("input").val("");
							nodoRow.find("input").each(function(){
								var id = $(this).attr("id");
								$(this).attr("id", id+"_"+num);
								$(this).attr("name", id+"_"+num);
								$(this).closest(".form-group").find("span.text-danger").attr("id", "err"+id+"_"+num);
								if($(this).attr("type") == "text"){
									$(this).alphanum({
										allow: ".-_1234567890",
										disallow: "",
										allowSpace: false,
										allowNumeric: false,
										allowUpper: false,
										allowCaseless: false,
										allowOtherCharSets: false,
										forceLower: true
									});
								}
								else{
									$(this).alphanum({
										allow: ".-_1234567890",
										disallow: "",
										allowSpace: false,
										allowNumeric: false,
										allowUpper: false,
										allowCaseless: false,
										allowOtherCharSets: false,
										forceLower: false
									});
									$(this).keyup(function(){
										if($(this).val().length < 8 && $(this).val().length > 0){
											if(ventana.find("#errtxtMin").length == 0){
												ventana.find("#errtxtContra").after('<span id="errtxtMin" class="text-danger">La contraseña es muy corta</span>');
											}
										}
										else{
											ventana.find("#errtxtMin").remove();
										}
									});
								}
							});
							nodoRow.removeClass("correo0").addClass("correo"+num);
							ventana.find("#frmCorreos").append(nodoRow);
							ventana.find("#frmCorreos").validate({
								lang: "es",
								ignore: [],
								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, element){
									var id = "err"+label.attr("id").substr(0, label.attr("id").indexOf("-error"));
									$("#"+id).html("");
								}
							});
							ventana.find("#frmCorreos").find("input").each(function(){
								var id = $(this).attr("id");
								$("#"+id).rules("add", {
									required: true,
								});
							});
							ventana.find("#txtCorreo").rules("add", {
								required: true,
							});
							ventana.find("#txtRedireccionamiento").rules("add", {
								required: true,
							});
							ventana.find("#txtContra").rules("add", {
								required: true,
							});
						}
					},
					{
						id: "btnEliminar",
						label: '<i class="fa fa-minus"></i>'+"   Eliminar",
						cssClass: "btn-danger pull-left",
						action: function(dialogItself){
							var ventana = $(".modalCrearCorreos");
							if(ventana.find(".divAcceso").length > 0){
								ventana.find(".divAcceso:last").remove();
							}
						}
					}]
				});
			});
			ventana.find(".btn-mostrar").on("click", function(){
				if($(this).hasClass("fa-eye")){
					$(this).removeClass("fa-eye").addClass("fa-eye-slash");
					$(".pass").attr("type","password");
				}
				else{
					$(this).removeClass("fa-eye-slash").addClass("fa-eye");
					$(".pass").attr("type","text");
				}
			});
			ventana.find('[name="rdAcuerco"]').click(function(e){
				if(ventana.find('[name="rdAcuerco"]:checked').length == 3){
					ventana.find("#btnConfirmacionDNS").prop("disabled", false);
				}
				else{
					ventana.find("#btnConfirmacionDNS").prop("disabled", true);	
				}
				if($(this).val() == 1){
					if($(this).is(":checked")){
						$(".divAcceso").show("slow");
						$('[name="alojaUrl"]').rules("add", {
							required: true,
							url: true
						});
						$('[name="alojaUsu"]').rules("add", {
							required: true,
						});
						$('[name="password"]').rules("add", {
							required: true,
						});
					}
					else{
						$(".divAcceso").hide("slow");
						$('[name="alojaUrl"]').rules("remove");
						$('[name="alojaUsu"]').rules("remove");
						$('[name="password"]').rules("remove");
					}
				}
			});
			$("#btnConfirmacionDNS").click(function(e){
				if( $("#frmMigrar").validate().element('[name="alojaUrl"]') && $("#frmMigrar").validate().element('[name="alojaUsu"]') && $("#frmMigrar").validate().element('[name="password"]')){
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					var dominio = "<?php echo $ConfiguracionesxSitio->nombre_dominio; ?>";
					if($("#rdAcceso").is(":checked")){
						var rutaAlj = $(".aloja-ruta").val().trim();
						var usuarioAlj = $(".aloja-usuario").val().trim();
						var contraAlj = $(".aloja-contra").val().trim();
					}
					var cookie = (Cookies.getJSON('correos') != undefined)?Cookies.getJSON('correos'):'';
					$.post(
						"<?php echo URL::route('SysWebSWebConfiguraciones1'); ?>",
						{ accion: "confirmarDNS", dominio: dominio, correos: cookie, rutaAlj:rutaAlj, usuarioAlj:usuarioAlj, contraAlj:contraAlj},
						function(data){
							$.isLoading("hide"); NProgress.done();
							if( data.success ){
								Cookies.remove('correos');
								$("#btnVerificarDNS").prop("disabled", false);
								$("#btnConfirmacionDNS").prop("disabled", true);
								$(".dvVerificacionDNS").show("slow");
							}
						},
						"json"
					);
				}
			});
			ventana.find("#btnVerificarDNS").click(function(e){
				$("#errhdnVerificacionDNS").html("");
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				var dominio = "<?php echo $Configuraciones->nombre_dominio; ?>";
				$.post(
					"<?php echo URL::route('SysWebSWebConfiguraciones1'); ?>",
					{accion: "verificarDNS", dominio: dominio},
					function(data){
						$.isLoading("hide"); NProgress.done();
						if( data.success ){
							$("#btnVerificarDNS").prop("disabled", true);
							$('[name="hdnVerificacionDNS"]').val(1);
							$(".dvVerificacionDNS").show("slow");
							$("#btnMigrar").removeClass("desactivado");
							$("#dvAlertaVerificacionDNS").addClass("alert-success").html("Genial ahora ya puedes realizar el cambio de tu sitio web").show("slow");
						}
						else{
							$("#dvAlertaVerificacionDNS").addClass("alert-danger").html(":( Parece ser que los DNS aún no se han propagado, espera un tiempo más y recuerda que el período de propagación es de entre 12 a 24 horas luego de la confirmación, si ya pasaron las 24 horas y sigue sin poder verificar tus DNS contáctanos").show("slow");
						}
					},
					"json"
				);
			});*/
		},
		buttons: [{
			id: "btnMigrar",
			label: '<i class="fa fa-refresh"></i>'+"   Migrar",
			cssClass: "btn-success desactivado",
			action: function(dialogItself){
				var venatana = dialogItself.getModalBody();
				if(!$(".checkServidor").is(":checked")){
					venatana.find(".txtServidorFTP").val("");
					venatana.find(".txtPuertoFTP").val("");
				}
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				$("#btnMigrar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Migrando');
				$.post(
					"<?php echo URL::route('SysWebSWebGuardarDatosMigracionAlj'); ?>",
					{ migrar: true },
					function(data){
						$("#btnMigrar").prop("disabled", false).html('Migrar  <i class="fa fa-refresh"></i>');
						$.isLoading("hide"); NProgress.done();
						if(data.success){
							new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
							setInterval(location.reload(),30000);
						}
						else{
							if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
							$("#btnMigrar").prop("disabled", false).html('Migrar  <i class="fa fa-refresh"></i>');
							$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
						}
					},
				"json"
				);
			}
		}],
		onshown: function(dialogItself){
			$("body").addClass("modal-open");
		},
		onhidden: function(dialogItself){
			$("body").removeClass("modal-open");
		}
	});
});
<?php endif; ?>
$("#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 $__env->stopSection(); ?>

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