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

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

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

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

<?php echo HTML::style('Spectrum/spectrum.min.css'); ?>

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

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

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

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

<?php echo HTML::style('Circletimer/circletimer.min.css'); ?>

<style type="text/css">
	/*@media (max-width: 450px) { .ModalEliminar .modal-dialog { width: auto; } }
	@media (min-width: 451px) { .ModalEliminar .modal-dialog { width: 450px; } }*/
	.span-s{
		font-size: 20px;
	}
	.color-head-modal .modal-header { 
		background-color: #363b3f !important; 
	} 
	.modal-header .bootstrap-dialog-close-button{ 
		display: block !important; 
		}
	#tblConfEnvios table td, #tblConfEnvios table th {
		text-align: center;
	}
	iframe.wysihtml5-sandbox{
		width: 100% !important;
	}
	.slug .label {
		cursor: pointer;
	}
	.modal .nav-tabs > li.active a{
		background-color: #eee;
	}
	.modal .nav-tabs > li.active a:hover,
	.modal .nav-tabs > li.active a:active,
	.modal .nav-tabs > li.active a:focus{
		background-color: #eee !important;
	}
	.modal .nav-tabs > li > a{
		margin: 0px;
	}
	.nav-tabs > li > a:hover {
		color: #1b1e24;
	}
	.tab-pasarelas .nav-tabs {
		margin-left: 15px;
	}
	.modal-header .close {
		color: #fff;
		opacity: 0.8;
	}
	/*.block-web .tab-container> .nav-tabs > li.active > a, .block-web .tab-container> .nav-tabs > li.active > a:hover, .block-web .tab-container> .nav-tabs > li.active > a:focus{
		background-color: #FFF !important;
	}*/
	.step.paginas{
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		background-color: #687174;
		margin: 1px;
	}
	
	.nav.nav-pasarelas>.active.activada>a{
		background-color:  #0f6fff;
	}
	.list-group-item {
		padding: 0px;
		margin-bottom: -1px;
		background-color: transparent;
		border: 1px solid #ddd;
	}
	.tab-pasarelas{
		padding-top: 0px;
	}
	.tab-pasarelas legend{
		padding-top: 0px;
		font-weight: bold;
	}
	.tab-pasarelas .tab-pane {
		/*box-shadow: 0 1px 5px rgba(0,0,0,.15);*/
		padding: 15px;
		border: 1px solid #ddd;
		border-radius: 5px;
	}
	@media (min-width: 800px){
		.tab-pasarelas{
			padding-left: 35px;
		}
	}
	.input.color{
		height: 50px;
	}
	.mdAvatar .modal-dialog .modal-content .modal-header{ background-color: #363B3F; }
	#tblConfEnvios .dataTables_wrapper .dataTables_length, #tblConfEnvios .dataTables_wrapper .dataTables_paginate {
		display: none !important;
	}
	#tblConfEnvios .aVM {
		cursor: pointer;
	}
	.estructura .panel-title > a.collapsed .indicador{
		transform: rotate(180deg);
		moz-transition: all 600ms ease-out;
		-webkit-transition: all 600ms ease-out;
		-o-transition: all 600ms ease-out;
		transition: all 600ms ease-out;
	}
	.estructura .panel-title > a{
		display: inline-block;
		/*width: 80%;*/
		text-decoration: unset;
		font-size: inherit;
		vertical-align: middle;
	}
	.txt-m{
		margin-left: 5px;
	}
	.ls-resumen{
		margin-bottom: 0px;
	}
	.acciones .btn{
		padding: 3px 8px;
	}
	[contenteditable="true"].txt{
		padding: 5px;
	}
	.list-group-item{
		padding: 12px 15px;
		padding-right: 15px;
		border-bottom: 1px solid #ddd;
	}
	.list-group-item span:not(:last-child) {
		vertical-align: middle;
	}
	.txt-m {
		width: 75%;
    	display: inline-block;
	}
	.panel-title > a span {
		/*font-size: 25px;*/
		margin-right: 5px;
		font-weight: bold;
	}
	.tab-content{
		padding: 0px;
	}
	/* EZDZ PARA BIBLIOTECA DE IMÁGENES */
	.archivos .ezdz-dropzone {
		width: 100% !important;
		height: 240px !important;
		border-style: solid !important;
		border-width: 5px !important;
	}
	.archivos .ezdz-dropzone>div {
		padding-top: 8% !important;
	}
	.archivos .ezdz-dropzone i.fa-cloud-upload {
		font-size: 110px !important;
		display: block !important;
	}
	.archivos .ezdz-dropzone span.spFlITitulo{
		display: block !important;
		margin: 0 auto !important;
		font-size: 24px !important;
		background: transparent !important;
		color: #989898 !important;
		font-weight: bold !important;
	}
	.archivos .ezdz-dropzone span.spFlITexto {
		display: block !important;
		margin: 0 auto !important;
		font-size: 18px !important;
		background: transparent !important;
		color: #989898 !important;
		font-weight: bold !important;
	}
	.archivos .ezdz-dropzone.ezdz-reject span.spFlITexto,
	.archivos .ezdz-dropzone.ezdz-reject span.spFlITitulo {
		color: #8b0000 !important;
	}
	.archivos .ezdz-dropzone img {
		max-width: 300px;
		max-height: 215px;
	}
	.ezdz-dropzone div{
		line-height: 0px;
	}
	.archivos .ezdz-accept {
		display: flex;
	}
	.ezdz-accept > div {
		margin: auto;
	}
	.ezdz-accept > div > span{
		padding: 10px;
	}
	.dvAr{
		max-height: 330px;
    	overflow: auto;
	}
	.modal .eliminar {
		font-size: 20px;
		font-weight: normal;
		cursor: pointer;
	}
	/*----------------------------------*/
	/* EZDZ PARA BIBLIOTECA DE IMÁGENES */
	.img-biblioteca { 
		height: 100px; 
	}
	.image_picker_image { 
		height: 100px !important;
		width: 119px !important; 
		object-fit: contain;
	}
	/* EZDZ PARA BIBLIOTECA DE IMÁGENES */
	.dvAr::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background-color: #F5F5F5;
	}

	.dvAr::-webkit-scrollbar {
		width: 10px;
		background-color: #F5F5F5;
	}

	.dvAr::-webkit-scrollbar-thumb {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
		background-color: #555;
	}
	.imgVista img{
		width: 100%;
		height: 400px;
		object-fit: contain;
	}
	.ModalBiblioteca .modal-dialog { width: 75%; }
	.ModalBiblioteca .modal-dialog .modal-footer { display: unset !important; border-top: unset !important; }
	.modal-backdrop { z-index: 1040 !important; }
	.ModalBiblioteca { z-index: 99999 !important; }
	.error{
		background-color: #ff3430 !important;
	}
	.error:hover{
		background-color: #ff3430 !important;
	}
	#url_video-error{
		position: absolute;
		top: 35px;
		left: 0;
		width: 100%;
	}
	input[type="checkbox"]:checked + .custom-checkbox,
	input[type="radio"]:checked + .custom-radio{
		background-color: #F5F8FC;
		border-radius: 2px;
		display: inline-block;
		font-weight: 400;
		line-height: 13px;
		margin-right: 3px;
		position: relative;
	}
	input[type="checkbox"]:checked + .custom-checkbox:before{
		line-height: 14px;
	}
	input[type="checkbox"]:checked + div + .custom-checkbox{
		margin-right: 3px;
	}
	input[type="checkbox"] + div + .custom-checkbox:before,
	input[type="radio"] + .custom-radio:before{
		border: 1px solid #CCC;
		box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
		content: " ";
		display: inline-block;
		font-family: fontAwesome;
		font-size: 12px;
		height: 17px;
		width: 17px;
		text-align: center;
		vertical-align: middle;
	}
	input[type="checkbox"]:checked + div + .custom-checkbox:before{
		border-color: rgba(0,0,0,0.2);
		color: #7A7A7A;
		content: "";
		font-size: 11px;
		text-shadow: 0 1px #fff;
	}
	input[type="checkbox"] + div + .custom-checkbox:before,
	input[type="radio"] + div + .custom-radio:before {
		border: 1px solid #CCC;
		box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
		content: " ";
		display: inline-block;
		font-family: fontAwesome;
		font-size: 12px;
		height: 17px;
		width: 17px;
		text-align: center;
		vertical-align: middle;
	}
	.acciones .tooltip{
		font-weight: normal;
	}
	.table select {
		width: 187px;
	}
	.desactivar{
		opacity: 0.5;
		pointer-events: none;
	}
	.modal .modal-body{
		padding-bottom: 0px;
	}
	@media (min-width: 768px){
		.modal-seo .modal-dialog{
			width: 900px;
		}
	}
	.modal .archivos .ezdz-accept > div > span{
		white-space: normal;
    	line-height: 1.2;
	}
	/* ARCHIVOS */
	.dvArchivo {
		cursor: pointer;
		border-radius: 10px;
		padding: 6px;
		text-align: center;
		margin-left: 10px;
	}
	.dvArchivo .text-danger {
		position: absolute;
		top: 0;
		left: 4%;
	}
	.dvArchivo .fa-file-pdf-o {
		font-size: 50px;
		color: red;
		text-align: center;
	}
	[data-ruta-archivo] {
		border: 1px solid #ccc;
	}
	.imgdes{
		cursor: pointer;
		width: 150px;
		height: 150px;
	}
	.table td {
		vertical-align: middle !important;
	}
	/*.usrT {
		font-size: 16px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 15px;
	}*/
	.aut {
		font-size: 16px;
		cursor: pointer;
		position: absolute;
		right: 45px;
		top: 15px;
	}
	input[type="radio"]:checked + .custom-radio:before{
		font-size: 42px;
	}
	@media (min-width: 768px){
		.ModalIP .modal-dialog{
			width: 750px;
		}
	}
	.tab-mail{
		margin-bottom: 0px;
		overflow: inherit;
	}
	/*.modal table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before{
		display: none;
	}*/
	#chSuscripcion-error {
		padding-left: 15px;
	}
	@media (max-width: 800px) { 
		.block-web ul.divSW > li.active > a, .block-web ul.divSW > li.active > a:hover, .block-web ul.divSW > li.active > a:focus{
			background-color: transparent !important;
			box-shadow: unset;
		}
		ul.divSW li.final{
			display: none;
		}
		ul.divSW li.paginas span {
			display: none;
		}
		ul.divSW li:first-child span::before{
			content: "\e913";
		}
		ul.divSW li.paginas a:not(.stepOne) {
			display: inline-block;
			font: normal normal normal 14px/1 FontAwesome;
			font-size: inherit;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			box-shadow: unset !important;
		}
		ul.divSW li.paginas {
			font-family: 'icomoon' !important;
			display: flex;
			justify-content: center;
			align-items: center;
			overflow: hidden;
			padding: 10px 0px;
		}
		ul.divSW li.active{
			background-color: #fff !important;
		}
		ul.divSW li.active a,
		.modal .nav-tabs > li.active a:hover{
			background-color: transparent !important;
		}
		ul.divSW {
			width: 100%;
			display: flex;
			justify-content: center;
			text-align: center;
		}
		ul.divSW li:first-child a::before{
			content: "\f0d0";
			font-size: 25px;
		}
		ul.divSW li:nth-child(2) a::before{
			content: "\f0ce";
			font-size: 25px;
		}
		ul.divSW li:nth-child(3) a::before{
			content: "\f0c0";
			font-size: 25px;
		}
		ul.divSW  li>a{
			padding: unset !important;
		}
		/*h3.content-header{
			display: flex !important;
			flex-direction: row;
			align-items: center;
			width: 100% !important;
		}*/
		.dvVer{
			width: 36% !important;
		}
		.modal .radio-inline+.radio-inline{
			margin-left: 0px;
		}
		.content-header{
			font-size: 16px;
			width: 84%;
		}
		
	}
	#accordion .panel-title{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	@media (min-width: 768px){
		.clock .modal-dialog {
			width: 750px;
			margin: 30px auto;
		}
	}
	.bootstrap-select.btn-group .dropdown-menu li a {
		cursor: pointer;
		white-space: normal;
	}
	.desactivado{
		pointer-events: none;
		opacity: 0.5;
	}
	.estructura .panel .acciones{
		flex:16%;
	}
	.estructura .panel .panel-title .acciones{
		display: flex;
    	gap: 3px;
		align-items: center;
	}
	.estructura .panel .panel-title a{
		flex:100%;
	}
	.estructura .panel .list-group-item{
		display: flex;
	}
	.estructura .panel .icn-m{
		display: flex;
		align-content: center;
		flex-wrap: wrap;
	}
	.estructura .panel .txt-m{
		flex: 100%;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
	}
	.estructura .panel .list-group-item span.acciones{
		flex: 35%;
		display: flex;
		gap: 3px;
		justify-content: flex-end;
		align-items: center;
	}
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('Contenido'); ?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-users"></i> Gestión de prospectos </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"> Gestión del contenido digital : <b><?php echo $namePCD; ?></b>
					<div data-toggle="buttons" class="button-group pull-right">
						<a class=" tooltips" data-toggle="tooltip" data-original-title="Configuración de avanzada de contenido digital"  href="javascript:void(0)" style="color: rgba(0, 0, 0, 0.3)">
							<i class="fa fa-cog tooltips btn-conf-av"> </i>
						</a>
						<a class=" tooltips" data-toggle="tooltip" data-original-title="Configuración de automatizaciones"  href="javascript:void(0)" style="color: rgba(0, 0, 0, 0.3)">
							<i class="fa fa-envelope tooltips btn-mark"> </i>
						</a>
						<a class=" tooltips" data-toggle="tooltip" data-original-title="Configuración de restricción de IPS"  href="javascript:void(0)" style="color: rgba(0, 0, 0, 0.3)">
							<i class="fa fa-user-times tooltips usrT"> </i>
						</a>
					</div>
				</h3> 
			</div>
				<?php 
					$Cliente_id = Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id;
					$productoServicio = ProductoServicio::find($producto);
					$ConfSW = ConfiguracionxSitioWeb::where('clientes_id', '=', $Cliente_id)->first();
					if($ConfSW->formato_url == 'hs'){
						$formato_url = 'http://';
					}
					else if($ConfSW->formato_url == 'hc'){
						$formato_url = 'http://www.';
					}
					else if($ConfSW->formato_url == 'hss'){
						$formato_url = 'https://';
					}
					else{
						$formato_url = 'https://www.';
					}
					$rutaD = $formato_url.$ConfSW->nombre_dominio;
					$rutaP = '';
					$rutaC = '';
					$rutaA = '';
					$arrSecc = '';
					$productoHide = base64_encode($producto);
				?>
				<div class="row">
					<div class="col-md-1">
						<input type="hidden" id="hdnRutaImagenes" value="<?php echo URL::route('SysWebPAterrizajeGenTemplateImagenes'); ?>">
						<input type="hidden" id="rutabibliotecascliente" value="<?php echo URL::route('SysWebPAterrizajeBibliotecaImagenesClientes', array(Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id)); ?>">
					</div>
					<div class="col-md-2">
						<label class="control-label" style="">
							Listado de páginas de tema
						</label>
						<div class="alert alert-info">
							<p>Desde aquí podrás personalizar el tema que has escogido</p>
						</div>
					</div>
					<div class="col-md-7">
						<div class="table-responsive">
							<table class="table table-bordered">
								<thead>
									<th>Nombre</th>
									<th style="width: 18%">Seciones de Encabezado</th>
									<th style="width: 18%">Secciones de pie de página</th>
									<th style="width: 12%">Estado</th>
									<th class="text-center" style="width: 21%">Acciones</th>
								</thead>
								<tbody>
									<tr>
										<?php
											$Secciones = DB::table('secciones_x_estructura_del_contenido_digital AS secd')
											->select('sw.tipo', 'sw.id')
											->join('secciones_x_clientes AS sw', 'secd.secciones_x_clientes_id','=', 'sw.id')
											->leftjoin('estructura_del_contenido_digital AS ecd', 'secd.estructura_del_contenido_digital_id','=', 'ecd.id')
											->where('sw.clientes_id', '=', $Cliente_id)
											->where('secd.estructura_del_contenido_digital_id', '=', $estructuraCD->id)
											->where('secd.tipo', '=', 'H')
											->where('sw.tipo', '<>', 'S')
											->get();
											$htmlPH = '';
											$htmlPF = '';
											foreach ($SeccionesCD as $key => $seccion) {
												$selectPH = '';
												$selectPF = '';
												if ($seccion->tipo == 'H'){
													foreach ($Secciones as $sec) {
														if($sec->tipo == 'H'){
															if ($sec->id == $seccion->id){
																$selectPH = 'selected';
															}
														}
													}
													$htmlPH .= '<option = value="'.$seccion->id .'" '.$selectPH.'>'.$seccion->nombre .'</option>';
												}
												if ($seccion->tipo == 'F'){
													foreach ($Secciones as $sec) {
														if($sec->tipo == 'F'){
															if ($sec->id == $seccion->id){
																$selectPF = 'selected';
															}
														}
													}
													$htmlPF .= '<option = value="'.$seccion->id .'" '.$selectPF.'>'.$seccion->nombre .'</option>';
												}
											}
											if(SeoxEstructuraContenidoDigital::where('tipo', '=', 'H')->where('estructura_del_contenido_digital_id', '=',$estructuraCD->id)->count() > 0){
												$SeoEstructuraCD = SeoxEstructuraContenidoDigital::where('tipo', '=', 'H')->where('estructura_del_contenido_digital_id', '=',$estructuraCD->id)->first();
												$rutaP = $SeoEstructuraCD->slug;
											}
										?>
										<td>Página principal</td>
										<td>
											<select name="slSeccionesH" id="slSeccionesHP" class="form-control">
												<option value="">Seleccione una opción</option>
												<?php echo $htmlPH; ?>

											</select>
										</td>
										<td>
											<select name="slSeccionesF" id="slSeccionesFP" class="form-control">
												<option value="">Seleccione una opción</option>
												<?php echo $htmlPF; ?>

											</select>
										</td>
										<td> 
											<?php if($rutaP == ''): ?> No Publicada <?php else: ?> Publicada <?php endif; ?>
										</td>
										<td class="text-center">
											<a href="<?php echo $rutaD; ?>/<?php echo $rutaP; ?>" target="_blank" class="btn btn-warning ver tooltips <?php if($rutaP == ''): ?> desactivar <?php endif; ?>" title="Ruta de página publicada en dominio">
												<span class="icons-web-site"></span>
											</a>
											<a href="<?php echo URL::route('SysWebGClientesPlantillaxClienteVistaFinal', array($estructuraCD->id, 'P')); ?>" target="_blank" class="btn btn-warning vista tooltips <?php if($rutaP == ''): ?> desactivar <?php endif; ?>" title="Vista previa en vivo">
												<span class="fa fa-eye"></span>
											</a>
											<a href="<?php echo URL::route('SysWebGClientesProductosListadoDePaginasEditor', array($producto, $estructuraCD->id)).'/P'; ?>" target="_blank" class="btn btn-primary editar tooltips" title="Editar página">
												<span class="fa fa-pencil-square-o"></span>
											</a>
											<button class="btn btn-primary tooltips btn-conf" data-tipo="pg-main" title="Configuración"> <span class="fa fa-cog"></span></button>
											<button class="btn btn-success tooltips btn-save" data-tipo="pg-main" data-tipos="P" title="Guardar cambios" disabled> <span class="fa fa-save"></span></button>
											<input type="hidden" name="pg-main" value="<?php echo $rutaP; ?>">
										</td>
									</tr>
									<!--tr>
										<td>Página modulo</td>
										<td class="text-center">
											<a href="<?php echo URL::route('SysWebGClientesProductosListadoDePaginasEditor', array($producto, $estructuraCD->id)).'/M'; ?>" class="btn btn-primary editar tooltips" title="Vista previa en vivo">
												<span class="fa fa-pencil-square-o"></span>
											</a>
											<button class="btn btn-primary tooltips btn-conf" title="Configuración"> <span class="fa fa-cog"></span></button>
										</td>
									</tr -->
									<tr>
										<?php
											$Secciones = DB::table('secciones_x_estructura_del_contenido_digital AS secd')
											->select('sw.tipo', 'sw.id')
											->join('secciones_x_clientes AS sw', 'secd.secciones_x_clientes_id','=', 'sw.id')
											->leftjoin('estructura_del_contenido_digital AS ecd', 'secd.estructura_del_contenido_digital_id','=', 'ecd.id')
											->where('sw.clientes_id', '=', $Cliente_id)
											->where('secd.estructura_del_contenido_digital_id', '=', $estructuraCD->id)
											->where('secd.tipo', '=', 'C')
											->where('sw.tipo', '<>', 'S')
											->get();
											$htmlCH = '';
											$htmlCF = '';
											foreach ($SeccionesCD as $key => $seccion) {
												$selectCH = '';
												$selectCF = '';
												if ($seccion->tipo == 'H'){
													foreach ($Secciones as $sec) {
														if($sec->tipo == 'H'){
															if ($sec->id == $seccion->id){
																$selectCH = 'selected';
															}
														}
													}
													$htmlCH .= '<option = value="'.$seccion->id .'" '.$selectCH.'>'.$seccion->nombre .'</option>';
												}
												if ($seccion->tipo == 'F'){
													foreach ($Secciones as $sec) {
														if($sec->tipo == 'F'){
															if ($sec->id == $seccion->id){
																$selectCF = 'selected';
															}
														}
													}
													$htmlCF .= '<option = value="'.$seccion->id .'" '.$selectCF.'>'.$seccion->nombre .'</option>';
												}
											}
											if(SeoxEstructuraContenidoDigital::where('tipo', '=', 'C')->where('estructura_del_contenido_digital_id', '=',$estructuraCD->id)->count() > 0){
												$SeoEstructuraCD = SeoxEstructuraContenidoDigital::where('tipo', '=', 'C')->where('estructura_del_contenido_digital_id', '=',$estructuraCD->id)->first();
												$rutaC = $SeoEstructuraCD->slug;
											}
										?>
										<td>Página de contenido</td>
										<td>
											<select name="slSeccionesHC" id="slSeccionesHC" class="form-control">
												<option value="">Seleccione una opción</option>
												<?php echo $htmlCH; ?>

											</select>
										</td>
										<td>
											<select name="slSeccionesFC" id="slSeccionesFC" class="form-control">
												<option value="">Seleccione una opción</option>
												<?php echo $htmlCF; ?>

											</select>
										</td>
										<td>
											<?php if($rutaC == ''): ?> No Publicada <?php else: ?> Publicada <?php endif; ?>
										</td>
										<td class="text-center">
											<a href="<?php echo $rutaD; ?>/<?php echo $rutaC; ?>" target="_blank" class="btn btn-warning ver tooltips <?php if($rutaC == ''): ?> desactivar <?php endif; ?>" title="Ruta de página publicada en dominio">
												<span class="icons-web-site"></span>
											</a>
											<a href="<?php echo URL::route('SysWebGClientesPlantillaxClienteVistaFinal', array($estructuraCD->id,'C')); ?>" target="_blank" class="btn btn-warning tooltips vista <?php if($rutaC == ''): ?> desactivar <?php endif; ?>" title="Vista previa en vivo">
												<span class="fa fa-eye"></span>
											</a>
											<a href="<?php echo URL::route('SysWebGClientesProductosListadoDePaginasEditor', array($producto, $estructuraCD->id)).'/C'; ?>" target="_blank" class="btn btn-primary editar tooltips" title="Editar página">
												<span class="fa fa-pencil-square-o"></span>
											</a>
											<button class="btn btn-primary tooltips btn-conf" data-tipo="pg-content" title="Configuración"> <span class="fa fa-cog"></span></button>
											<button class="btn btn-success tooltips btn-save" data-tipo="pg-content" data-tipos="C" title="Guardar cambios" disabled> <span class="fa fa-save"></span></button>
											<input type="hidden" name="pg-content" value="<?php echo $productoServicio->nombre; ?>">
										</td>
									</tr>
									<tr>
										<?php
											$SeccionesSA = DB::table('secciones_x_estructura_del_contenido_digital AS secd')
											->select('sw.tipo', 'sw.id')
											->join('secciones_x_clientes AS sw', 'secd.secciones_x_clientes_id','=', 'sw.id')
											->leftjoin('estructura_del_contenido_digital AS ecd', 'secd.estructura_del_contenido_digital_id','=', 'ecd.id')
											->where('sw.clientes_id', '=', $Cliente_id)
											->where('secd.estructura_del_contenido_digital_id', '=', $estructuraCD->id)
											->where('secd.tipo', '=', 'SA')
											->where('sw.tipo', '<>', 'S')
											->get();
											$htmlSAH = '';
											$htmlSAF = '';
											foreach ($SeccionesCD as $key => $seccion) {
												$selectSAH = '';
												$selectSAF = '';
												if ($seccion->tipo == 'H'){
													foreach ($SeccionesSA as $sec) {
														if($sec->tipo == 'H'){
															if ($sec->id == $seccion->id){
																$selectSAH = 'selected';
															}
														}
													}
													$htmlSAH .= '<option = value="'.$seccion->id .'" '.$selectSAH.'>'.$seccion->nombre .'</option>';
												}
												if ($seccion->tipo == 'F'){
													foreach ($SeccionesSA as $sec) {
														if($sec->tipo == 'F'){
															if ($sec->id == $seccion->id){
																$selectSAF = 'selected';
															}
														}
													}
													$htmlSAF .= '<option = value="'.$seccion->id .'" '.$selectSAF.'>'.$seccion->nombre .'</option>';
												}
											}
											if(SeoxEstructuraContenidoDigital::where('tipo', '=', 'SA')->where('estructura_del_contenido_digital_id', '=',$estructuraCD->id)->count() > 0){
												$SeoEstructuraCD = SeoxEstructuraContenidoDigital::where('tipo', '=', 'SA')->where('estructura_del_contenido_digital_id', '=',$estructuraCD->id)->first();
												$rutaA = $SeoEstructuraCD->slug;
											}
										?>
										<td>Página de sin acceso</td>
										<td>
											<select name="slSeccionesHA" id="slSeccionesHA" class="form-control">
												<option value="">Seleccione una opción</option>
												<?php echo $htmlSAH; ?>

											</select>
										</td>
										<td>
											<select name="slSeccionesFA" id="slSeccionesFA" class="form-control">
												<option value="">Seleccione una opción</option>
												<?php echo $htmlSAF; ?>

											</select>
										</td>
										<td>
											<?php if($rutaA == ''): ?> No Publicada <?php else: ?> Publicada <?php endif; ?>
										</td>
										<td class="text-center">
											<a href="<?php echo $rutaD; ?>/<?php echo $rutaA; ?>" target="_blank" class="btn btn-warning ver tooltips <?php if($rutaA == ''): ?> desactivar <?php endif; ?>" title="Ruta de página publicada en dominio">
												<span class="icons-web-site"></span>
											</a>
											<a href="<?php echo URL::route('SysWebGClientesPlantillaxClienteVistaFinal', array($estructuraCD->id,'SA')); ?>" target="_blank" class="btn btn-warning vista tooltips <?php if($rutaA == ''): ?> desactivar <?php endif; ?>" title="Vista previa en vivo">
												<span class="fa fa-eye"></span>
											</a>
											<a href="<?php echo URL::route('SysWebGClientesProductosListadoDePaginasEditor', array($producto, $estructuraCD->id)).'/SA'; ?>" target="_blank" class="btn btn-primary editar tooltips" title="Editar página">
												<span class="fa fa-pencil-square-o"></span>
											</a>
											<button class="btn btn-primary tooltips btn-conf" class="pg-acceso" data-tipo="pg-acceso" title="Configuración"> <span class="fa fa-cog"></span></button>
											<button class="btn btn-success tooltips btn-save" data-tipo="pg-acceso" data-tipos="A" title="Guardar cambios" disabled> <span class="fa fa-save"></span></button>
											<input type="hidden" name="pg-acceso" value="<?php echo $rutaA; ?>">
										</td>
									</tr>
									<tr class="hide trMd">
										<?php
											$SeccionesSA = DB::table('secciones_x_estructura_del_contenido_digital AS secd')
											->select('sw.tipo', 'sw.id')
											->join('secciones_x_clientes AS sw', 'secd.secciones_x_clientes_id','=', 'sw.id')
											->leftjoin('estructura_del_contenido_digital AS ecd', 'secd.estructura_del_contenido_digital_id','=', 'ecd.id')
											->where('sw.clientes_id', '=', $Cliente_id)
											->where('secd.estructura_del_contenido_digital_id', '=', $estructuraCD->id)
											->where('secd.tipo', '=', 'M')
											->where('sw.tipo', '<>', 'S')
											->get();
											$htmlMH = '';
											$htmlMF = '';
											foreach ($SeccionesCD as $key => $seccion) {
												$selectMH = '';
												$selectMF = '';
												if ($seccion->tipo == 'H'){
													foreach ($SeccionesSA as $sec) {
														if($sec->tipo == 'H'){
															if ($sec->id == $seccion->id){
																$selectMH = 'selected';
															}
														}
													}
													$htmlMH .= '<option = value="'.$seccion->id .'" '.$selectMH.'>'.$seccion->nombre .'</option>';
												}
												if ($seccion->tipo == 'F'){
													foreach ($SeccionesSA as $sec) {
														if($sec->tipo == 'F'){
															if ($sec->id == $seccion->id){
																$selectMF = 'selected';
															}
														}
													}
													$htmlMF .= '<option = value="'.$seccion->id .'" '.$selectMF.'>'.$seccion->nombre .'</option>';
												}
											}
										?>
										<td>Página de bloqueo</td>
										<td>
											<select name="slSeccionesHM" id="slSeccionesHM" class="form-control">
												<option value="">Seleccione una opción</option>
												<?php echo $htmlMH; ?>

											</select>
										</td>
										<td>
											<select name="slSeccionesFM" id="slSeccionesFM" class="form-control">
												<option value="">Seleccione una opción</option>
												<?php echo $htmlMF; ?>

											</select>
										</td>
										<td class="text-center">
											<?php
												if(SeoxEstructuraContenidoDigital::where('tipo', '=', 'M')->where('estructura_del_contenido_digital_id', '=',$estructuraCD->id)->count() > 0){
													$SeoEstructuraCD = SeoxEstructuraContenidoDigital::where('tipo', '=', 'M')->where('estructura_del_contenido_digital_id', '=',$estructuraCD->id)->first();
													$rutaA = $SeoEstructuraCD->slug;
												}
											?>
											<a href="<?php echo $rutaD; ?>/<?php echo $rutaA; ?>" target="_blank" class="btn btn-warning ver tooltips <?php if($rutaA == ''): ?> desactivar <?php endif; ?>" title="Ruta de página publicada en dominio">
												<span class="icons-web-site"></span>
											</a>
											<a href="<?php echo URL::route('SysWebGClientesPlantillaxClienteVistaFinal', array($estructuraCD->id,'M')); ?>" target="_blank" class="btn btn-warning vista tooltips <?php if($rutaA == ''): ?> desactivar <?php endif; ?>" title="Vista previa en vivo">
												<span class="fa fa-eye"></span>
											</a>
											<a href="<?php echo URL::route('SysWebGClientesProductosListadoDePaginasEditor', array($producto, $estructuraCD->id)).'/M'; ?>" target="_blank" class="btn btn-primary editar tooltips" title="Editar página">
												<span class="fa fa-pencil-square-o"></span>
											</a>
											<button class="btn btn-primary tooltips btn-conf" class="pg-acceso" data-tipo="pg-acceso" title="Configuración"> <span class="fa fa-cog"></span></button>
											<button class="btn btn-success tooltips btn-save" data-tipo="pg-acceso" data-tipos="A" title="Guardar cambios" disabled> <span class="fa fa-save"></span></button>
											<input type="hidden" name="pg-acceso" value="<?php echo $rutaA; ?>">
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<!--div class="col-md-12">
						<div class="form-group">
							<label class="col-sm-1 control-label"></label>
							<label class="col-sm-2 control-label"> Ruta </label>
							<div class="col-sm-6" style="margin-bottom:15px;">
								<input class="form-control" placeholder="ruta de página" name="ruta" type="text" value="<?php echo $estructuraCD->slug; ?>">
								<span class="text-danger" id="errruta"> </span>
							</div>
						</div>
					</div-->
					<div class="col-md-12">
						<div class="form-group pull-left" style="width: 100%">
							<label class="col-sm-1 control-label"></label>
							<label class="col-sm-2 control-label"> Agregar módulo </label>
							<div class="col-sm-6">
								<div class="input-group">
									<input class="form-control" placeholder="Nombre del modulo" name="nombre" type="text" value="">
									<span class="input-group-btn"><button type="button" class="btn btn-primary add_modulos"><span class="fa fa-plus"></span></button></span>
								</div>
								<span class="text-danger" id="errnombre"> </span>
							</div>
						</div>
					</div>
					<div class="col-md-12">
						<div class="form-group">
							<label class="col-sm-1 control-label"></label>
							<div class="col-md-2">
								<label class="control-label"> Estructura para el contenido 
								</label>
								<div class="alert alert-info">
									<p>Desde aquí podrás cargar el contenido digital de este producto. Asegurate de guardar los cambios despues de agregar o modificar tu contenido</p>
								</div>
							</div>
							<div class="col-sm-6">
								<div class="estructura">
									<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
										<?php $estructuraBase = $estructura; $estructura = json_decode($estructura); $i=0; ?>
										<?php foreach($estructura as $modulo): ?>
										<div class="panel panel-default" id="panel_<?php echo $i; ?>" data-indice="<?php echo $i; ?>" data-page="<?php echo $modulo->paginaDelContenido; ?>">
											<div class="panel-heading" role="tab" id="headingOne">
												<h4 class="panel-title">
													<a role="button" data-toggle="collapse" data-parent="#accordion" href="#modulo_<?php echo $i; ?>" aria-expanded="true" aria-controls="collapseOne" class="collapsed">
														<?php
															$img = '';
															if(isset($modulo->imagenDestacada)){
																$img = $modulo->imagenDestacada;
															}
															$descripcion = '';
															if(isset($modulo->descripcionModulo)){
																$descripcion = $modulo->descripcionModulo;
																$html = htmlspecialchars_decode($descripcion, ENT_QUOTES);
																$descripcion = str_replace(array('&gt;', '&lt;', '&quot;', '&amp;', '&#039;'), array('>', '<', '"', '&', '\''), $html);
															}
														?>
														<span class="fa fa-angle-down indicador"></span>
														<span class="txt"><?php echo $modulo->nombreModulo; ?></span>
														<input type="hidden" value="<?php echo $img; ?>" name="imgDes" class="imgDes">
														<textarea name="descripcion_<?php echo $modulo->paginaDelContenido; ?>" id="descripcion_<?php echo $modulo->paginaDelContenido; ?>" rows="8" class="hide md-descrip"><?php echo $descripcion; ?></textarea>
													</a>
													<span class="acciones pull-right">
														<button type="button" class="btn btn-warning editar tooltips" title="Editar título">
															<span class="fa fa-pencil-square-o"></span>
														</button>
														<button type="button" class="btn btn-success agregar tooltips" title="Agregar contenido a este módulo">
															<span class="fa fa-plus"></span>
														</button>
														<button type="button" class="btn btn-danger eliminar tooltips" title="Eliminar">
															<span class="fa fa-trash"></span>
														</button>
													</span>
												</h4>
											</div>
											<div id="modulo_<?php echo $i; ?>" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
												<div class="panel-body">
													  <ul class="list-group ls-resumen">
														<?php 
															$ListadoPaginasM = ListadoPaginaXContenidoDigital::find($modulo->paginaDelContenido);
															$ruta = '';
															$tipo = '';
															$poster = '';
															$tiempo = '';
															$tiempoAudio = '';
															$dias = '';
															$horas = '';
															$textoNoDisponible = '';
															if($ListadoPaginasM['informacion_pagina']){
																$confP = json_decode($ListadoPaginasM['informacion_pagina']);
																$ruta = $confP->ruta;
																$tipo = $confP->tipo;
																$poster = $confP->poster;
																$tiempo = $confP->tiempo;
																//print_r($confP);
																if(isset($confP->tiempoAudio)){
																	$tiempoAudio = $confP->tiempoAudio;
																}
																if(isset($confP->dias)){
																	$dias = $confP->dias;
																}
																if(isset($confP->horas)){
																	$horas = $confP->horas;
																}
																if(isset($confP->textoNoDisponible)){
																	$textoNoDisponible = $confP->textoNoDisponible;
																}
															}
															$vistoP = '';
															$tipovcd = '';
															$tema = '';
															$colorf = '';
															$colorbg = '';
															$colorbr = '';
															$coloret = '';
															$colornum = '';
															$colorsp = '';
															$zona = '';
															$zonalb = '';
															if(isset($modulo->cronometro)){
																$cronometro = $modulo->cronometro;
																
																if(isset($cronometro->vistoP)){
																	$vistoP = $cronometro->vistoP;
																}
																if(isset($cronometro->tipovcd)){
																	$tipovcd = $cronometro->tipovcd;
																}
																if(isset($cronometro->tema)){
																	$tema = $cronometro->tema;
																	$colorf = $cronometro->colorf;
																	$colorbg = $cronometro->colorbg;
																	$colorbr= $cronometro->colorbr;
																	$coloret = $cronometro->coloret;
																	$colornum = $cronometro->colornum;
																	$colorsp = $cronometro->colorsp;
																	if(isset($cronometro->zona)){
																		$zona = $cronometro->zona;
																	}
																	if(isset($cronometro->zonalb)){
																		$zonalb = $cronometro->zonalb;
																	}
																}
																//print_r($cronometro);
																//exit();
															}
															?>
														<li class="list-group-item" data-page="<?php echo $modulo->paginaDelContenido; ?>" data-ruta="<?php echo $ruta; ?>" data-tipo="<?php echo $tipo; ?>" data-poster="<?php echo $poster; ?>" data-tiempo="<?php echo $tiempo; ?>" data-tiempo-audio="<?php echo $tiempoAudio; ?>">
															<span class="icn-m fa <?php if($tipo == "V"): ?> fa-play-circle <?php elseif($tipo == "A"): ?> fa-volume-up <?php elseif($tipo == "T"): ?> fa-file-o <?php else: ?> fa-plus <?php endif; ?>"></span> 
															<span class="txt-m"><?php echo $modulo->nombrePaginaModulo; ?></span>
															<span class="acciones">
																<label>
																	<input type="checkbox" name="chActiva" id="chActiva" class="tooltips" title="Mostrar primero en este modulo" checked value="1">
																	<span class="custom-checkbox"></span>
																</label>
																<button href="button" class="btn btn-warning editar tooltips" title="Editar título">
																	<span class="fa fa-pencil-square-o"></span>
																</button>
																<button type="button" class="btn btn-primary configurar tooltips" title="Editar configuración de página">
																	<span class="fa fa-cog"></span>
																</button>
															</span>
															<textarea name="resumen_<?php echo $modulo->paginaDelContenido; ?>" id="resumen_<?php echo $modulo->paginaDelContenido; ?>" rows="8" class="hide"><?php echo $ListadoPaginasM['resumen']; ?></textarea>
															<textarea name="texto_<?php echo $modulo->paginaDelContenido; ?>" id="texto_<?php echo $modulo->paginaDelContenido; ?>" rows="8" class="hide"><?php echo $ListadoPaginasM['texto']; ?></textarea>
															<input type="hidden" name="dias_<?php echo $modulo->paginaDelContenido; ?>" value="<?php echo $dias; ?>">
															<input type="hidden" name="horas_<?php echo $modulo->paginaDelContenido; ?>" value="<?php echo $horas; ?>">
															<textarea name="textoDes_<?php echo $modulo->paginaDelContenido; ?>" id="textoDes_<?php echo $modulo->paginaDelContenido; ?>" rows="8" class="hide"><?php echo $textoNoDisponible; ?></textarea>
														</li>
														<?php foreach($modulo->contenido as $pagina): ?>
														<?php 
															$ListadoPaginas = ListadoPaginaXContenidoDigital::find($pagina->paginaDelContenido);
															$ruta = '';
															$tipo = '';
															$poster = '';
															$tiempo = '';
															$tiempoAudio = '';
															$dias = '';
															$horas = '';
															$textoNoDisponible = '';
															if($ListadoPaginas['informacion_pagina']){
																$confP = json_decode($ListadoPaginas['informacion_pagina']);
																$ruta = $confP->ruta;
																$tipo = $confP->tipo;
																$poster = $confP->poster;
																$tiempo = $confP->tiempo;
																if(isset($confP->tiempoAudio)){
																	$tiempoAudio = $confP->tiempoAudio;
																}
																if(isset($confP->dias)){
																	$dias = $confP->dias;
																}
																if(isset($confP->horas)){
																	$horas = $confP->horas;
																}
																if(isset($confP->textoNoDisponible)){
																	$textoNoDisponible = $confP->textoNoDisponible;
																}
															}
														?>
														<li class="list-group-item" data-page="<?php echo $pagina->paginaDelContenido; ?>" data-ruta="<?php echo $ruta; ?>" data-tipo="<?php echo $tipo; ?>" data-poster="<?php echo $poster; ?>" data-tiempo="<?php echo $tiempo; ?>" data-tiempo-audio="<?php echo $tiempoAudio; ?>">
															<span class="icn-m fa <?php if($tipo == "V"): ?> fa-play-circle <?php elseif($tipo == "A"): ?> fa-volume-up <?php elseif($tipo == "T"): ?> fa-file-o <?php else: ?> fa-plus <?php endif; ?>"></span>
															<span class="txt-m"><?php echo $pagina->nombreContenido; ?></span>
															<span class="acciones">
																<button type="button" class="btn btn-warning editar tooltips" title="Editar título">
																	<span class="fa fa-pencil-square-o"></span>
																</button>
																<button type="button" class="btn btn-primary configurar tooltips" title="Editar configuración de página">
																	<span class="fa fa-cog"></span>
																</button>
																<button type="button" class="btn btn-danger eliminar tooltips" title="Eliminar">
																	<span class="fa fa-trash"></span>
																</button>
															</span>
															<textarea name="resumen_<?php echo $pagina->paginaDelContenido; ?>" id="resumen_<?php echo $pagina->paginaDelContenido; ?>" rows="8" class="hide"><?php echo $ListadoPaginas['resumen']; ?></textarea>
															<textarea name="texto_<?php echo $pagina->paginaDelContenido; ?>" id="texto_<?php echo $pagina->paginaDelContenido; ?>" rows="8" class="hide"><?php echo $ListadoPaginas['texto']; ?></textarea>
															<input type="hidden" name="dias_<?php echo $pagina->paginaDelContenido; ?>" value="<?php echo $dias; ?>">
															<input type="hidden" name="horas_<?php echo $pagina->paginaDelContenido; ?>" value="<?php echo $horas; ?>">
															<textarea name="textoDes_<?php echo $pagina->paginaDelContenido; ?>" id="textoDes_<?php echo $pagina->paginaDelContenido; ?>" rows="8" class="hide"><?php echo $textoNoDisponible; ?></textarea>
														</li>
														<?php endforeach; ?>
													</ul>
												</div>
											</div>
										</div>
										<?php $i++; ?>
										<?php endforeach; ?>
									</div>
								</div>
							</div>
						</div>
					</div>
					
				</div>
				<div class="bottom">
					<?php echo Form::button('Guardar y continuar', array('class' => 'btn btn-primary continuar btnEditar', 'id' => 'btnEditar', 'type' => 'button', 'data-procesando'=>0)); ?>

					<?php echo Form::button('Guardar y cerrar', array('class' => 'btn btn-success btnEditar', 'id' => 'btnEditarC', 'type' => 'button', 'data-procesando'=>0)); ?>

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

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

<?php $__env->startSection('JS'); ?>
<?php /* HTML::script('jQueryUI/NT/jquery-ui.min.js') */ ?>
<?php echo HTML::script('StringToSlug/speakingurl.min.js'); ?>

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

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

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

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

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

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

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

<?php echo HTML::script('bootstrap-wysihtml5/src/locales/bootstrap-wysihtml5.es-ES.js'); ?>

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

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

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

<?php echo HTML::script('CKEditor/ckeditor-full/ckeditor.js'); ?>

<?php echo HTML::script('CKEditor/ckeditor-full/adapters/jquery.js'); ?>

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

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

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

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

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

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

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

<script type="text/javascript">
	var jsonEstructura = '<?php echo $estructuraBase; ?>';
	jsonEstructura = JSON.stringify(jsonEstructura);
	jsonEstructura = JSON.parse(jsonEstructura);
	var idsE = [];
	var idME = [];
	var paleta = [];
	function configurarNombre(elemento, titulo){
		htmlImg ="";
		var descripcion = elemento.closest("a").find('[name^="descripcion"]').val();
		if(elemento.closest(".panel-title").length > 0){
			var src = (elemento.closest("a").find(".imgDes").val() != '' && elemento.closest("a").find(".imgDes").val() != undefined)?elemento.closest("a").find(".imgDes").val():"https://via.placeholder.com/150x150?text=125x125";
			var htmlImg = '<div class="form-group">\
				<div class="form-group"> \
					<label style="display: block;"> Descripción del modulo</label> \
					<textarea name="resumen" class="form-control ckeditor" rows="6" id="descripcion"></textarea>\
				</div> \
				<label class="control-label btn-block">Imagen de modulo  <span class="fa fa-trash text-danger eliminar" style="cursor: pointer;" title="Eliminar imagen"></span></label>\
				<img src="'+src+'" class="img imgdes imgOgImage" id="imgOgImage" >\
				<input class="form-control " id="ImageLogo" name="url_des" value="'+src+'" type="hidden">\
			</div>';
		}
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<form id="frmRuta"> \
					<div class="form-group">\
						<label class="control-label">Nombre </label>\
						<input class="form-control nombre" name="nombre" value="'+elemento.text()+'" type="text">\
						<span class="text-danger" id="errnombre"></span>\
					</div> \
					'+htmlImg+'\
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			closeByBackdrop: false,
			closeByKeyboard: false,
			title: "Configurar nombre de "+titulo,
			type: BootstrapDialog.TYPE_PRIMARY,
			message: mensaje,
			draggable: true,
			cssClass: "ModalConf color-head-modal modal-name",
			onshown: function(dialog){
				var ventana = dialog.getModalBody();
				if(elemento.closest(".panel-title").length > 0){
					InicializarEditor();
					var editor = CKEDITOR.instances.descripcion;
					editor.setData(descripcion);
				}
				ventana.find(".nombre").focus();
				ventana.find(".imgdes").on("click", function(){
					galeriaImg(ventana);
				})
				ventana.find(".eliminar").tooltip({
					position: {
						my: "center bottom-5",
						at: "center top",
					},
					tooltipClass: "entry-tooltip-positioner",
				});
				
				ventana.find(".eliminar").on("click", function(){
					ventana.find(".imgdes").attr("src", "https://via.placeholder.com/150x150?text=125x125");
					ventana.find("#ImageLogo").val("");
				})
				if(src != ""){
					if(elemento.closest(".panel-title").length > 0){
						if(src.indexOf("placeholder") > -1){
							ventana.find("#ImageLogo").val("");
						}
					}
				}
			},
			buttons: [{
				id: "btnGuardar",
				label: "Guardar",
				cssClass: "btn-success btn-block btn-lg",
				action: function(dialogItself){
					var ventana = $(".ModalConf");
					elemento.text(ventana.find(".nombre").val());
					elemento.closest("a").find(".imgDes").val(ventana.find("#ImageLogo").val());
					if(elemento.closest(".panel-title").length > 0){
						var editor = CKEDITOR.instances.descripcion;
						elemento.closest("a").find('[name^="descripcion"]').val(editor.getData());
					}
					dialogItself.close();
				}
			}]
		});
	}
	function programarBotones(){
		$(".acciones").each(function(){
			$(this).closest(".panel-title").find(".txt").blur(function(){
				$(this).closest(".panel-title").find(".txt").removeAttr("contenteditable");
			})
			//Editar-----------------------------------------------
			$(this).find(".editar").off("click").on("click", function(){
				//$(this).closest(".panel-title").find(".txt").attr("contenteditable", true);
				//$(this).closest(".panel-title").find(".txt").focus();
				var elemento = $(this);
				configurarNombre(elemento.closest(".panel-title").find(".txt"), 'modulo');
			});
			/*$(this).find(".txt").unbind("paste").bind("paste", function(e){
				e.preventDefault();
				var text = e.originalEvent.clipboardData.getData("text/plain");
				document.execCommand("insertHTML", false, text);
			});*/
			//----------------------------------------------------
			//Agregar paginas-------------------------------------
			$(this).find(".agregar").off("click").on("click", function(){
				var html = '<li class="list-group-item" data-page-nv="true"> \
						<span class="icn-m fa fa-plus"></span>  \
						<span class="txt-m">Contenido</span> \
						<span class="acciones"> \
							<button type="button" class="btn btn-warning editar tooltips" title="Editar título"> \
								<span class="fa fa-pencil-square-o"></span> \
							</button> \
							<button type="button" class="btn btn-primary configurar tooltips" title="" data-original-title="Editar configuración de página"> \
								<span class="fa fa-cog"></span> \
							</button> \
							<button type="button" class="btn btn-danger eliminar tooltips" title="Eliminar"> \
								<span class="fa fa-trash"></span> \
							</button> \
						</span> \
						<textarea name="resumen_" id="resumen_" rows="8" class="hide"></textarea>\
						<textarea name="texto_" id="texto_" rows="8" class="hide"></textarea>\
					</li>';
					
				$(this).closest(".panel").find(".ls-resumen").append(html);
				programarBotones();
			});
			//----------------------------------------------
			//Eliminar modulos-----------------------------------------------
			$(this).find(".eliminar").on("click", function(){
				if($(this).closest("#accordion").find(".panel").length > 1){
					var element = $(this);
					var mensaje = '<div class="row"> \
						<div class="col-xs-12"> \
							<form id="frmEliminarModulo"> \
								<h3>¿Estas seguro(a) que deseas eliminar este modulo y toda su información?</h3>\
							</form> \
						</div> \
					</div>';
					BootstrapDialog.show({
						closeByBackdrop: false,
						closeByKeyboard: false,
						title: "Eliminar",
						type: BootstrapDialog.TYPE_DANGER,
						message: mensaje,
						draggable: true,
						cssClass: "ModalConf modal-eliminar",
						onshown: function(dialog){
							var ventana = dialog.getModalBody();
						},
						buttons: [{
							id: "btnGuardar",
							label: "Eliminar",
							cssClass: "btn-danger btn-block btn-lg",
							action: function(dialogItself){
								var ventana = $(".ModalConf");
								var indice = element.closest(".panel").attr("data-indice");
								//GUARDO EL ID ELIMINADO DE LA PAGINA DE MODULO
								if(element.closest(".panel").attr("data-page") != undefined){
									//var idPage = element.closest(".panel").attr("data-page");
									//idsE.push(idPage);
									element.closest(".panel").find("ul.ls-resumen").find("li").each(function(){
										var idPag = $(this).attr("data-page");
										idsE.push(idPag);
									});
								}
								//-------------------------------------------
								delete jsonEstructura[indice];
								element.closest(".panel").remove();
								dialogItself.close();
							}
						}]
					});
				}
			});
			//----------------------------------------------------
		})
		$(".ls-resumen").find(".acciones").each(function(){
			$(this).closest("li").find(".txt-m").blur(function(){
				$(this).closest("li").find(".txt-m").removeAttr("contenteditable");
			})
			//Editar-----------------------------------------------
			$(this).find(".editar").off("click").on("click", function(){
				//$(this).closest("li").find(".txt-m").attr("contenteditable", true);
				//$(this).closest("li").find(".txt-m").focus();
				configurarNombre($(this).closest("li").find(".txt-m"), 'contenido');
			});

			//-----------------------------------------------------
			//Eliminar-----------------------------------------------
			$(this).find(".eliminar").off("click").on("click", function(){
				var element = $(this);
				var mensaje = '<div class="row"> \
					<div class="col-xs-12"> \
						<form id="frmEliminarModulo"> \
							<h3>¿Estas seguro(a) que deseas eliminar este contenido y toda su información?</h3>\
						</form> \
					</div> \
				</div>';
				BootstrapDialog.show({
					closeByBackdrop: false,
					closeByKeyboard: false,
					title: "Eliminar",
					type: BootstrapDialog.TYPE_DANGER,
					message: mensaje,
					draggable: true,
					cssClass: "ModalConf modal-eliminar",
					onshown: function(dialog){
						var ventana = dialog.getModalBody();
					},
					buttons: [{
						id: "btnGuardar",
						label: "Eliminar",
						cssClass: "btn-danger btn-block btn-lg",
						action: function(dialogItself){
							var ventana = $(".ModalConf");
							if(element.closest(".panel").attr("data-page") != undefined){
								var idPage = element.closest("li").attr("data-page");
								idsE.push(idPage);
							}
							element.closest("li").remove();
							dialogItself.close();
						}
					}]
				});
			});
			//----------------------------------------------------
			//Configurar------------------------------------------
			$(this).find(".configurar").off("click").on("click", function(){
				var nodo = $(this);
				var urlVideo = (nodo.closest("li").attr("data-ruta") != undefined && nodo.closest("li").attr("data-ruta") != "")?nodo.closest("li").attr("data-ruta"):"";
				var posterVideo = (nodo.closest("li").attr("data-poster") != undefined && nodo.closest("li").attr("data-poster") != "")?nodo.closest("li").attr("data-poster"):"https://s3-us-west-2.amazonaws.com/biblioteca-img-clientes/5-HYokZS7hqPuRDBJFixRhTt1av3nsHO.jpg";
				var tipo = (nodo.closest("li").attr("data-tipo") != undefined && nodo.closest("li").attr("data-tipo") != "")?nodo.closest("li").attr("data-tipo"):"";
				var tiempo = (nodo.closest("li").attr("data-tiempo") != undefined && nodo.closest("li").attr("data-tiempo") != "")?nodo.closest("li").attr("data-tiempo"):"";
				var tiempoA = (nodo.closest("li").attr("data-tiempo-audio") != undefined && nodo.closest("li").attr("data-tiempo-audio") != "")?nodo.closest("li").attr("data-tiempo-audio"):"";
				var resumen = (nodo.closest("li").find('[name^="resumen"]').length > 0)?nodo.closest("li").find('[name^="resumen"]').val():"";
				var texto = (nodo.closest("li").find('[name^="texto"]').length > 0)?nodo.closest("li").find('[name^="texto"]').val():"";
				var activar = (nodo.closest("li").attr("data-page") != undefined && nodo.closest("li").attr("data-page") != "")?"":"hide";
				var txt = '<p><span style="font-family:Verdana,Geneva,sans-serif;"><span style="font-size:28px;">Este conetenido estará&nbsp;disponible en...&nbsp;</span></span></p>';
				if(nodo.closest("li").find('[name^="textoDes"]').val() != "" && nodo.closest("li").find('[name^="textoDes"]').val() != undefined){
					txt = nodo.closest("li").find('[name^="textoDes"]').val();
				}
				var claseActivo = ($("#accordion")[0].hasAttribute("data-time"))?"":"hide";
				var htmlDel = '<div class="row"> \
					<div class="col-md-12 col-xs-12 col-lg-12"> \
						<form action="" id="frmGuardar"> \
							<ul class="nav nav-tabs"> \
								<li class="active"> \
									<a class="tooltips" title="Configuración general" style="min-width: 0px;" href="#general" data-toggle="tab"> \
										<i class="fa fa-cog"></i> \
									</a> \
								</li> \
								<li class="'+activar+'"> \
									<a class="tooltips" title="Adjuntar documentos" style="min-width: 0px;" href="#docs" data-toggle="tab"> \
										<i class="fa fa-folder-o"></i> \
									</a> \
								</li> \
								<li> \
									<a class="tooltips" title="Documentos adjuntos" style="min-width: 0px;" href="#FileAD" data-toggle="tab"> \
										<i class="fa fa-folder-open-o"></i> \
									</a> \
								</li> \
								<li> \
									<a class="tooltips '+claseActivo+'" title="Configurar tiempo" style="min-width: 0px;" href="#tiempoPU" data-toggle="tab"> \
										<i class="fa fa-clock-o"></i> \
									</a> \
								</li> \
							</ul> \
							<div class="tab-content" style="margin-bottom: 0px; overflow: inherit;" > \
								<div class="tab-pane cont active" id="general"> \
									<br>\
									<div class="form-group"> \
										<label style="display: block;"> Tipo de contenido digital</label> \
										<select name="slTipoContD" class="form-control" title="Seleccione una opción">\
											<option value="V">Video</option>\
											<option value="T">Texto</option>\
											<option value="A">Audio</option>\
										</select>\
									</div> \
									<div class="form-group video" style="display: none;"> \
										<div class="form-group"> \
											<label style="display: block;">  Tiempo estimado de video en minutos </label> \
											<input type="number" name="tiempo" id="tiempo" value="'+tiempo+'" class="form-control"> \
										</div> \
										<div class="form-group"> \
											<label style="display: block;"> URL de video</label> \
											<div class="input-group" style="margin-bottom: 20px;"> \
												<input type="text" name="url_video" id="url_video" value="'+urlVideo+'" class="form-control"> \
												<span class="input-group-btn"> \
													<button type="button" class="btn btn-primary" id="btn-poster"><span class="fa fa-image"></span></button>\
												</span> \
											</div> \
											<span id="errurl_video" class="text-danger">\
											</span>\
										</div> \
										<div class="form-group"> \
											<div class="imgShawdow"> \
												<div class="imgVista"> \
													<img src="'+posterVideo+'" style="width: 100%;"> \
												</div> \
											</div> \
										</div> \
									</div> \
									<div class="form-group texto" style="display: none;"> \
										<div class="form-group"> \
											<label style="display: block;"> Texto de página</label> \
											<textarea name="texto" class="form-control ckeditor" rows="6" id="texto"></textarea>\
										</div> \
									</div> \
									<div class="form-group audio" style="display: none;"> \
										<label style="display: block;">  Tiempo estimado del audio en minutos </label> \
										<input type="number" name="tiempoAudio" id="tiempoAudio" value="'+tiempoA+'" class="form-control"> \
									</div> \
									<div class="form-group audio" style="display: none;"> \
										<label style="display: block;"> URL de audio mp4</label> \
										<input name="url_audio" id="url_audio" value="" class="form-control"> \
									</div> \
									<div class="form-group"> \
										<label style="display: block;"> Resumen de página</label> \
										<textarea name="resumen" class="form-control ckeditor" rows="6" id="mensaje">'+resumen+'</textarea>\
									</div> \
								</div> \
								<div class="tab-pane cont" id="docs"> \
									<br>\
									<div class="form-group" style="width: 50%;">\
										<label style="display: block;"> Archivos adjuntos</label> \
										<div class="form-group dvAdd"> \
											<input id="numDocs" type="number" style="margin-bottom: 0;" class="form-control"  value="0"  min="0" max="6"></input> \
											<span id="errnumDocs" class="text-danger" style="position: relative; margin-bottom: 10px;"></span> \
										</div> \
									</div>\
									<div class="form-group zdz"> \
										<div class="row dvAr">\
											<div class="col-md-6 docs archivos" id="doc_1">\
												<div class="form-group "> \
													<label style="display: block;"> Nombre del archivo <span class="eliminar fa fa-trash text-danger pull-right" title="Eliminar" data-toggle="tooltip" data-placement="left" ></span></label> \
													<input name="nombre" class="form-control"> \
												</div>\
												<div class="form-group zdz"> \
													<input accept="application/zip, application/pdf, video/mp4,zip,application/octet-stream,application/zip,application/x-zip,application/x-zip-compressed" id="flImagen_1" name="flImagen" type="file">\
												</div>\
											</div>\
										</div>\
									</div> \
								</div> \
								<div class="tab-pane cont" id="tiempoPU"> \
									<div class="col-xs-12 dvTiempo"> \
										<hr> \
										<div class="row">\
											<div class="col-xs-12" style="margin-bottom: 15px;"> \
												<label> Tiempo de programación para visualizar contenido digital</label>\
											</div> \
											<hr> \
											<div class="col-xs-6" style="margin-bottom: 15px;"> \
												<label> Días (despues de visto el contenido anterior)</label>\
												<input type="text" name="tiempoFecha" class="form-control"/> \
											</div> \
											<div class="col-xs-6" style="margin-bottom: 15px;"> \
												<label> Horas</label>\
												<input type="text" name="tiempoHora" class="form-control"/> \
											</div> \
											<div class="col-md-6" style="margin-bottom: 15px;"> \
												<label style="display: block;"> Tema </label> \
												<select id="slTipoTemaReloj" class="form-control" > \
													<option value="negro"> Rectangular con reflejo </option> \
													<option value="negro2"> Rectangular </option> \
													<option value="cReflejo"> Cuadrado con reflejo </option> \
													<option value="cuadrado"> Cuadrado </option> \
													<option value="redondo"> Redondo </option> \
													<option value="redondo2"> Redondo 2 </option> \
												</select> \
											</div> \
											<div class="col-md-6" style="margin-bottom: 15px;"> \
												<label style="display: block;"> Zona horaria </label> \
												<select id="slZonaHoraria" class="form-control">\
													<option value="" disabled=""> Seleccione una opción </option>\
													<option value="-11">(UTC-11:00) Midway Island</option>\
													<option value="-11">(UTC-11:00) Samoa</option>\
													<option value="-10">(UTC-10:00) Hawaii</option>\
													<option value="-9">(UTC-09:00) Alaska</option>\
													<option value="-8">(UTC-08:00) Pacific Time (US &amp; Canada)</option>\
													<option value="-8">(UTC-08:00) Tijuana</option>\
													<option value="-7">(UTC-07:00) Arizona</option>\
													<option value="-7">(UTC-07:00) Chihuahua</option>\
													<option value="-7">(UTC-07:00) La Paz</option>\
													<option value="-7">(UTC-07:00) Mazatlan</option>\
													<option value="-7">(UTC-07:00) Mountain Time (US &amp; Canada)</option>\
													<option value="-6">(UTC-06:00) Central America</option>\
													<option value="-6">(UTC-06:00) Central Time (US &amp; Canada)</option>\
													<option value="-6">(UTC-06:00) Guadalajara</option>\
													<option value="-6">(UTC-06:00) Mexico City</option>\
													<option value="-6">(UTC-06:00) Monterrey</option>\
													<option value="-6">(UTC-06:00) Saskatchewan</option>\
													<option value="-5">(UTC-05:00) Bogota</option>\
													<option value="-5">(UTC-05:00) Eastern Time (US &amp; Canada)</option>\
													<option value="-5">(UTC-05:00) Indiana (East)</option>\
													<option value="-5">(UTC-05:00) Lima</option>\
													<option value="-4">(UTC-05:00) Quito</option>\
													<option value="-4">(UTC-04:00) Atlantic Time (Canada)</option>\
													<option value="-4">(UTC-04:30) Caracas</option>\
													<option value="-4">(UTC-04:00) La Paz</option>\
													<option value="-4">(UTC-04:00) Santiago</option>\
													<option value="-3">(UTC-03:30) Newfoundland</option>\
													<option value="-3">(UTC-03:00) Brasilia</option>\
													<option value="-3">(UTC-03:00) Buenos Aires</option>\
													<option value="-3">(UTC-03:00) Georgetown</option>\
													<option value="-3">(UTC-03:00) Greenland</option>\
													<option value="-2">(UTC-02:00) Mid-Atlantic</option>\
													<option value="-1">(UTC-01:00) Azores</option>\
													<option value="-1">(UTC-01:00) Cape Verde Is.</option>\
													<option value="0">(UTC+00:00) Casablanca</option>\
													<option value="0">(UTC+00:00) Edinburgh</option>\
													<option value="0">(UTC+00:00) Greenwich Mean Time : Dublin</option>\
													<option value="0">(UTC+00:00) Lisbon</option>\
													<option value="0">(UTC+00:00) London</option>\
													<option value="0">(UTC+00:00) Monrovia</option>\
													<option selected="" value="0">(UTC+00:00) UTC</option>\
													<option value="1">(UTC+01:00) Amsterdam</option>\
													<option value="1">(UTC+01:00) Belgrade</option>\
													<option value="1">(UTC+01:00) Berlin</option>\
													<option value="1">(UTC+01:00) Bern</option>\
													<option value="1">(UTC+01:00) Bratislava</option>\
													<option value="1">(UTC+01:00) Brussels</option>\
													<option value="1">(UTC+01:00) Budapest</option>\
													<option value="1">(UTC+01:00) Copenhagen</option>\
													<option value="1">(UTC+01:00) Ljubljana</option>\
													<option value="1">(UTC+01:00) Madrid</option>\
													<option value="1">(UTC+01:00) Paris</option>\
													<option value="1">(UTC+01:00) Prague</option>\
													<option value="1">(UTC+01:00) Rome</option>\
													<option value="1">(UTC+01:00) Sarajevo</option>\
													<option value="1">(UTC+01:00) Skopje</option>\
													<option value="1">(UTC+01:00) Stockholm</option>\
													<option value="1">(UTC+01:00) Vienna</option>\
													<option value="1">(UTC+01:00) Warsaw</option>\
													<option value="1">(UTC+01:00) West Central Africa</option>\
													<option value="1">(UTC+01:00) Zagreb</option>\
													<option value="2">(UTC+02:00) Athens</option>\
													<option value="2">(UTC+02:00) Bucharest</option>\
													<option value="2">(UTC+02:00) Cairo</option>\
													<option value="2">(UTC+02:00) Harare</option>\
													<option value="2">(UTC+02:00) Helsinki</option>\
													<option value="2">(UTC+02:00) Istanbul</option>\
													<option value="2">(UTC+02:00) Jerusalem</option>\
													<option value="2">(UTC+02:00) Kyiv</option>\
													<option value="2">(UTC+02:00) Pretoria</option>\
													<option value="2">(UTC+02:00) Riga</option>\
													<option value="2">(UTC+02:00) Sofia</option>\
													<option value="2">(UTC+02:00) Tallinn</option>\
													<option value="2">(UTC+02:00) Vilnius</option>\
													<option value="3">(UTC+03:00) Baghdad</option>\
													<option value="3">(UTC+03:00) Kuwait</option>\
													<option value="3">(UTC+03:00) Minsk</option>\
													<option value="3">(UTC+03:00) Nairobi</option>\
													<option value="3">(UTC+03:00) Riyadh</option>\
													<option value="3">(UTC+03:00) Volgograd</option>\
													<option value="3">(UTC+03:30) Tehran</option>\
													<option value="4">(UTC+04:00) Abu Dhabi</option>\
													<option value="4">(UTC+04:00) Baku</option>\
													<option value="4">(UTC+04:00) Moscow</option>\
													<option value="4">(UTC+04:00) Muscat</option>\
													<option value="4">(UTC+04:00) St. Petersburg</option>\
													<option value="4">(UTC+04:00) Tbilisi</option>\
													<option value="4">(UTC+04:00) Yerevan</option>\
													<option value="4">(UTC+04:30) Kabul</option>\
													<option value="5">(UTC+05:00) Islamabad</option>\
													<option value="5">(UTC+05:00) Karachi</option>\
													<option value="5">(UTC+05:00) Tashkent</option>\
													<option value="5">(UTC+05:30) Chennai</option>\
													<option value="5">(UTC+05:30) Kolkata</option>\
													<option value="5">(UTC+05:30) Mumbai</option>\
													<option value="5">(UTC+05:30) New Delhi</option>\
													<option value="5">(UTC+05:30) Sri Jayawardenepura</option>\
													<option value="5">(UTC+05:45) Kathmandu</option>\
													<option value="6">(UTC+06:00) Almaty</option>\
													<option value="6">(UTC+06:00) Astana</option>\
													<option value="6">(UTC+06:00) Dhaka</option>\
													<option value="6">(UTC+06:00) Ekaterinburg</option>\
													<option value="6">(UTC+06:30) Rangoon</option>\
													<option value="7">(UTC+07:00) Bangkok</option>\
													<option value="7">(UTC+07:00) Hanoi</option>\
													<option value="7">(UTC+07:00) Jakarta</option>\
													<option value="7">(UTC+07:00) Novosibirsk</option>\
													<option value="8">(UTC+08:00) Beijing</option>\
													<option value="8">(UTC+08:00) Chongqing</option>\
													<option value="8">(UTC+08:00) Hong Kong</option>\
													<option value="8">(UTC+08:00) Krasnoyarsk</option>\
													<option value="8">(UTC+08:00) Kuala Lumpur</option>\
													<option value="8">(UTC+08:00) Perth</option>\
													<option value="8">(UTC+08:00) Singapore</option>\
													<option value="8">(UTC+08:00) Taipei</option>\
													<option value="8">(UTC+08:00) Ulaan Bataar</option>\
													<option value="8">(UTC+08:00) Urumqi</option>\
													<option value="9">(UTC+09:00) Irkutsk</option>\
													<option value="9">(UTC+09:00) Osaka</option>\
													<option value="9">(UTC+09:00) Sapporo</option>\
													<option value="9">(UTC+09:00) Seoul</option>\
													<option value="9">(UTC+09:00) Tokyo</option>\
													<option value="9">(UTC+09:30) Adelaide</option>\
													<option value="9">(UTC+09:30) Darwin</option>\
													<option value="10">(UTC+10:00) Brisbane</option>\
													<option value="10">(UTC+10:00) Canberra</option>\
													<option value="10">(UTC+10:00) Guam</option>\
													<option value="10">(UTC+10:00) Hobart</option>\
													<option value="10">(UTC+10:00) Melbourne</option>\
													<option value="10">(UTC+10:00) Port Moresby</option>\
													<option value="10">(UTC+10:00) Sydney</option>\
													<option value="10">(UTC+10:00) Yakutsk</option>\
													<option value="11">(UTC+11:00) Vladivostok</option>\
													<option value="12">(UTC+12:00) Auckland</option>\
													<option value="12">(UTC+12:00) Fiji</option>\
													<option value="12">(UTC+12:00) International Date Line West</option>\
													<option value="12">(UTC+12:00) Kamchatka</option>\
													<option value="12">(UTC+12:00) Magadan</option>\
													<option value="12">(UTC+12:00) Marshall Is.</option>\
													<option value="12">(UTC+12:00) New Caledonia</option>\
													<option value="12">(UTC+12:00) Solomon Is.</option>\
													<option value="12">(UTC+12:00) Wellington</option>\
													<option value="13">(UTC+13:00) Nuku\'alofa</option>\
												</select>\
											</div> \
											<div class="col-md-2" style="padding-top: 10px; padding-bottom: 10px; margin-bottom: 15px;"> \
												<label style="display: block;"> Color de fuente </label> \
												<input id="colorFuenteC" type="text" style="margin-bottom: 0;" class="form-control" ></input> \
											</div> \
											<div class="col-md-2 colorNCdv" style="padding-top: 10px; padding-bottom: 10px; display: none"> \
												<label style="display: block;"> Color de números </label> \
												<input id="colorNC" type="text" style="margin-bottom: 0;" class="form-control" ></input> \
											</div> \
											<div class="col-md-2" style="padding-top: 10px;"> \
												<label style="display: block;"> Color de fondo </label> \
												<input id="colorFondoC" type="text" style="margin-bottom: 0;" class="form-control" ></input> \
											</div> \
											<div class="col-md-2 colorBordesdv" style="padding-top: 10px;"> \
												<label style="display: block;"> Color de bordes </label> \
												<input id="colorBordesFondoC" type="text" style="margin-bottom: 0;" class="form-control" ></input> \
											</div> \
											<div class="col-md-3 colorPLdv" style="padding-top: 10px;"> \
												<label style="display: block;"> Color de puntos y etiquetas </label> \
												<input id="colorPL" type="text" style="margin-bottom: 0;" class="form-control" ></input> \
											</div> \
											<div class="col-md-2 colorFRdv" style="padding-top: 10px; display: none;"> \
												<label style="display: block;"> Color superior </label> \
												<input id="colorFondoCirulo" type="text" style="margin-bottom: 0;" class="form-control" ></input> \
											</div> \
											<div class="col-md-12" style="margin-bottom: 20px; height: 176px !important;"> \
												<div id="clockdown1" style="position: relative; width: 100%; height: 50px;" class="clockdown" data-reloj-color="negro" data-reloj-fecha="'+moment().add(5, "days").format("YYYY/MM/DD HH:mm:ss")+'" data-reloj-dd="1" data-reloj-hh="1" data-reloj-mm="1" data-reloj-ss="1" data-reloj-timezone="0" data-reloj-timezone-label="(UTC+00:00) UTC"></div> \
											</div> \
											<br>\
											<div class="col-xs-12"> \
												<label> Texto de contenido no disponible</label>\
												<textarea name="editorTxtDs" id="editorTxtDs" rows="6" class="form-control ckeditor"></textarea> \
											</div> \
										</div> \
									</div> \
								</div> \
								<div class="tab-pane cont" id="FileAD"> \
									<div class="col-xs-12 dvBibliotecaArchivos"> \
										<hr> \
										<div class="row" style="padding-bottom: 10px;"> \
											<div class="col-xs-12"> \
												</div> \
											</div> \
										</div> \
										<div class="row dvArchivos">\
											<div class="col-xs-12"> \
												<h4>Aun no hay documentos que mostrar, primero debes guardar la configuracion para agregar recursos</h4> \
											</div> \
										</div> \
									</div> \
								</div> \
							</div> \
						</form> \
					</div> \
				</div>';
				BootstrapDialog.show({
					closeByBackdrop: false,
					closeByKeyboard: false,
					title: "Configuración de página",
					type: BootstrapDialog.TYPE_PRIMARY,
					size: BootstrapDialog.SIZE_NORMAL,
					message: htmlDel,
					draggable: true,
					cssClass: "ModalObtenerConf color-head-modal",
					onshow: function(dialog){
						/*var modal = dialog.getModalBody();
						modal.find('[name="texto"]').val(texto);
						modal.find('[name="mensaje"]').val(resumen);*/
					},
					onshown: function(dialog){
						InicializarEditor();
						dialog.getModal().removeAttr("tabindex");
						var editor = CKEDITOR.instances.mensaje;
						editor.setData(resumen);
						var editorTxt = CKEDITOR.instances.texto;
						editorTxt.setData(texto);
						var editorTxtDs = CKEDITOR.instances.editorTxtDs;
						editorTxtDs.setData(txt);
						var modal = dialog.getModalBody();
						var numLength = 6;
						modal.find(".tooltips").tooltip({
							position: {
								my: "center bottom-5",
								at: "center top",
							},
							tooltipClass: "entry-tooltip-positioner",
						});
						
						if(nodo.closest("li").attr("data-page") != undefined && nodo.closest("li").attr("data-page") != ""){
							var idP = nodo.closest("li").attr("data-page");
							$.post(
								"<?php echo URL::route('SysWebGClientesBibliotecaArchivosEP'); ?>",
								{idP: idP, "accion": "obtener"},
								function(data){
									modal.find(".dvArchivos").html("");
									modal.find("#numDocs").val(1).prop("readonly", true);
									if(data.success){
										numLength = numLength - data.ArchivoAdjuntoListadoPaginaCD.length;
									}
									$.each(data.ArchivoAdjuntoListadoPaginaCD, function(indice, archivo){
										if( archivo.informacion == "doc" ){
											var tipoArchivo = "fa fa-file-text-o";
										}
										else if( archivo.informacion == "xls" ){
											var tipoArchivo = "fa fa-file-excel-o";
										}
										else{
											var tipoArchivo = "fa fa-file-pdf-o";
										}
										var archivoStr = '<div class="col-xs-3 dvArchivo dvArchivo'+archivo.id+'" data-ruta-archivo="'+archivo.ruta+'" data-nombre-archivo="'+archivo.nombre+'"> \
											<div class="dvArchivo" style="cursor: pointer;"> \
												<a class="text-danger" href="javascript:EliminarArchivoBiblioteca('+archivo.id+')" title="Eliminar archivo de biblioteca"> \
													<i class="fa fa-trash"> </i> \
												</a> \
												<span class="'+tipoArchivo+'"> </span> \
												<br> \
												<span class="spNombreArchivo">'+archivo.nombre+'</span> \
											</div> \
										</div>';
										modal.find(".dvArchivos").append(archivoStr);
										modal.find(".dvArchivo").each(function(e){
											$(this).click(function(e){
												modal.find(".dvArchivo").removeClass("seleccionado");
												$(this).addClass("seleccionado");
												modal.parent().find('[name="hdnRutaImagenSeleccionada"]').val( $(this).attr("data-ruta-archivo") );
												modal.parent().find('[name="hdnNombreImagenSeleccionada"]').val( $(this).attr("data-nombre-archivo") );
											});
										});
									});
								},
								"json"
							);
						}
						//console.log(nodo.closest("li").find('[name^="horas"]'))
						if(nodo.closest("li").find('[name^="horas"]').val() != "" && nodo.closest("li").find('[name^="horas"]').val() != undefined){
							console.log(nodo.closest("li").find('[name^="horas"]').val());
							modal.find('[name="tiempoHora"]').val(parseInt(nodo.closest("li").find('[name^="horas"]').val()));
						}
						//console.log(nodo.closest("li").find('[name^="dias"]'))
						if(nodo.closest("li").find('[name^="dias"]').val() != "" && nodo.closest("li").find('[name^="dias"]').val() != undefined){
							console.log(nodo.closest("li").find('[name^="dias"]').val());
							modal.find('[name="tiempoFecha"]').val(parseInt(nodo.closest("li").find('[name^="dias"]').val()));
						}
						$('[name="tiempoFecha"]').numeric();
						$('[name="tiempoHora"]').numeric();
						modal.find('[name="slTipoContD"]').selectpicker();
						modal.find('[name="slTipoContD"]').change(function(){
							if($(this).val() == "V"){
								modal.find(".video").show("fast");
								modal.find(".texto").hide("fast");
								modal.find(".audio").hide("fast");

							}
							else if($(this).val() == "T"){
								modal.find(".video").hide("fast");
								modal.find(".texto").show("fast");
								modal.find(".audio").hide("fast");
							}
							else{
								modal.find(".video").hide("fast");
								modal.find(".texto").hide("fast");
								modal.find(".audio").show("fast");
							}
						});
						if(tipo != ""){
							modal.find('[name="slTipoContD"]').selectpicker('val', tipo);
							modal.find('[name="slTipoContD"]').change();
						}
						if(nodo.closest("li").attr("data-tipo") == "A"){
							modal.find("#url_audio").val(urlVideo);
						}
						modal.find("#numDocs").val(1).prop("readonly", true);
						modal.find("#numDocs").bootstrapNumber({
							min: 0,
							max: 5,
						});
						//ARCHVIVOS ADJUNTOS
						modal.find(".dvAdd").find(".btn").click(function(){
							var numVal =  modal.find("#numDocs").val();
							var numDocs = modal.find(".docs").length;
							var id = obtenerId(modal.find(".archivos"), "doc_");
							if(numVal <= numLength){
								if(numVal > numDocs ){
									//Agrego elemento
									var html = '<div class="col-md-6 docs archivos" id="doc_'+(id)+'">\
										<div class="form-group "> \
											<label style="display: block;"> Nombre del archivo <span class="eliminar fa fa-trash text-danger pull-right" data-toggle="tooltip" data-placement="left" title="Eliminar"></span></label> \
											<input name="nombre_'+(id)+'" class="form-control nm"> \
										</div>\
										<div class="form-group zdz"> \
											<input accept="application/zip, application/pdf, video/mp4,zip,application/octet-stream,application/zip,application/x-zip,application/x-zip-compressed" id="flImagen_'+(id)+'" name="flImagen" type="file">\
										</div>\
									</div>';
									modal.find(".dvAr").append(html);
									inicializarArchivos($('#flImagen_'+(id)));
								}
								else{
									//Remuevo elemento
									$("#doc_"+numDocs).remove();	
								}
							}
							else{
								modal.find("#numDocs").val(numLength);
							}
						});
						inicializarArchivos($('#flImagen_1'));
						//BIBLIOTECA---------------
						$("#btn-poster").click(function(e){
							e.preventDefault();
							galeriaImg();
						});
						
						modal.find("#frmGuardar").validate({
							lang: "es",
							onkeyup: false,
							errorClass: "text-danger",
							errorElement: "span",
							ignore: [],
							rules: {
								slTipoContD: {
									required: true
								}
							},
							messages: {
								slTipoContD: "Este campo es obligatorio",
							},
							errorPlacement: function(error, element) {
								if($(element).attr("name") == "slTipoContD"){
									error.insertAfter($(element).next(".btn-group"));
								}
								else{
									error.insertAfter(element);
								}
								var id = element.closest(".tab-pane").attr("id");
								modal.find('[href="#'+id+'"]').addClass("error");
							},
						});
						if(!$("#accordion")[0].hasAttribute("data-tema") || $("#accordion").attr("data-tema") == ""){
							$("#accordion").attr({"data-tema":"redondo", "data-zona":"-6", "data-zonalb":"(UTC-06:00) Central America", "data-colorf":"rgb(153, 153, 153)", "data-colorbg":"rgb(51, 51, 51)", "data-colorbr":"rgb(30, 30, 30)", "data-colornum":"rgb(34, 34, 34)", "data-coloret":"rgb(255, 255, 255)", "data-colorsp":"rgb(15, 157, 88)"}); 
						}
						//Reloj
						//ventana.find("#fechaReloj").datetimepicker("setDate", moment(ventana.find(".clockdown").attr("data-reloj-fecha"), ["YYYY/MM/DD HH:mm:ss"]).format("DD/MM/YYYY HH:mm"));
						var tema = ($("#accordion").attr("data-tema") != undefined && $("#accordion").attr("data-tema") != "")?$("#accordion").attr("data-tema"):"redondo";
						var colorF = ($("#accordion").attr("data-colorf") != undefined)?$("#accordion").attr("data-colorf"): "#FFFFFF";
						var colorbg = ($("#accordion").attr("data-colorbg") != undefined)?$("#accordion").attr("data-colorbg"): "#646464";
						var colorbr = ($("#accordion").attr("data-colorbr") != undefined)?$("#accordion").attr("data-colorbr"): "#1E1E1E";
						var coloret = ($("#accordion").attr("data-coloret") != undefined)?$("#accordion").attr("data-coloret"): "#FFFFFF";
						var colornm = ($("#accordion").attr("data-colornum") != undefined)?$("#accordion").attr("data-colornum"): "#FFFFFF";
						var colorsp = ($("#accordion").attr("data-colorsp") != undefined)?$("#accordion").attr("data-colorsp"): "#FFFFFF";
						modal.find(".clockdown").attr({"data-reloj-color": tema, "data-reloj-color-fuente": colorF, "data-reloj-color-numeros": colornm, "data-reloj-color-circulo": colorsp, "data-reloj-color-fondo": colorbg, "data-reloj-color-pl": coloret, "data-reloj-color-bordes-fondo": colorbr});
						$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
							if(modal.find("#tiempoPU.tab-pane").hasClass("active")){
								dialog.getModal().addClass("clock");
								modal.find("#slTipoTemaReloj").change();
							}
							else{
								dialog.getModal().removeClass("clock");
							}
						});
						if( modal.find(".clockdown").attr("data-reloj-color") != "redondo" && modal.find(".clockdown").attr("data-reloj-color") != "redondo2" ){
							setParametrosReloj(modal.find(".clockdown"));
						}
						else{
							setParametrosRelojCircular(modal.find(".clockdown"));
						}
						
						modal.find("#slTipoTemaReloj").val(tema);
						modal.find("#slTipoTemaReloj").on("change", function(){
							var clockdown = modal.find(".clockdown");
							clockdown.attr("data-reloj-color", $(this).val());
							if( clockdown[0].hasAttribute("data-reloj-color-fuente")){
								clockdown.removeAttr("data-reloj-color-fuente", "");
							}
							if( clockdown[0].hasAttribute("data-reloj-color-fondo")){
								clockdown.removeAttr("data-reloj-color-fondo", "");
							}
							if( clockdown[0].hasAttribute("data-reloj-color-bordes-fondo")){
								clockdown.removeAttr("data-reloj-color-bordes-fondo", "");
							}
							if( clockdown[0].hasAttribute("data-reloj-color-pl")){
								clockdown.removeAttr("data-reloj-color-pl", "");
							}
							if( $(this).val() == "negro" || $(this).val() == "cReflejo" ){
								modal.find("#colorFuenteC").spectrum("set", "#FFFFFF");
								modal.find("#colorFondoC").spectrum("set", "#646464");
								modal.find("#colorBordesFondoC").spectrum("set", "#1E1E1E");
								modal.find("#colorPL").spectrum("set", "#FFFFFF");
								modal.find(".colorBordesdv").show("slow");
								modal.find(".colorPLdv").show("slow");
								modal.find(".colorFRdv").hide("slow");
								modal.find(".colorNCdv").hide("slow");
							}
							else if( $(this).val() == "negro2" || $(this).val() == "cuadrado" ){
								modal.find("#colorFuenteC").spectrum("set", "#E3E3E3");
								modal.find("#colorFondoC").spectrum("set", "#2E2E2E");
								modal.find("#colorBordesFondoC").spectrum("set", "#2E2E2E");
								modal.find("#colorPL").spectrum("set", "#E3E3E3");
								modal.find(".colorBordesdv").hide("slow");
								modal.find(".colorPLdv").show("slow");
								modal.find(".colorFRdv").hide("slow");
								modal.find(".colorNCdv").hide("slow");
							}
							else if( $(this).val() == "redondo" ){
								modal.find("#colorFuenteC").spectrum("set", "#999");
								modal.find("#colorFondoC").spectrum("set", "#333333");
								modal.find("#colorFondoCirulo").spectrum("set", "#0f9d58");
								modal.find("#colorNC").spectrum("set", "#222");
								modal.find(".colorBordesdv").hide("slow");
								modal.find(".colorPLdv").hide("slow");
								modal.find(".colorFRdv").show("slow");
								modal.find(".colorNCdv").show("slow");
							}
							else if( $(this).val() == "redondo2" ){
								modal.find("#colorFuenteC").spectrum("set", "#999");
								modal.find("#colorFondoC").spectrum("set", "#27363a");
								modal.find("#colorFondoCirulo").spectrum("set", "#0f9d58");
								modal.find("#colorNC").spectrum("set", "#222");
								modal.find(".colorBordesdv").hide("slow");
								modal.find(".colorPLdv").hide("slow");
								modal.find(".colorFRdv").show("slow");
								modal.find(".colorNCdv").show("slow");
							}
							if($("#accordion").attr("data-colorf") != undefined){
								modal.find("#colorFuenteC").spectrum("set", $("#accordion").attr("data-colorf"));
								modal.find(".clockdown").attr("data-reloj-color-fuente", $("#accordion").attr("data-colorf"));
							}
							if($("#accordion").attr("data-colorbg") != undefined){
								modal.find("#colorFondoC").spectrum("set", $("#accordion").attr("data-colorbg"));
								modal.find(".clockdown").attr("data-reloj-color-fondo", $("#accordion").attr("data-colorbg"));
							}
							if($("#accordion").attr("data-colorbr") != undefined){
								modal.find("#colorBordesFondoC").spectrum("set", $("#accordion").attr("data-colorbr"));
								modal.find(".clockdown").attr("data-reloj-color-bordes-fondo", $("#accordion").attr("data-colorbr"));
							}
							if($("#accordion").attr("data-coloret") != undefined){
								modal.find("#colorPL").spectrum("set", $("#accordion").attr("data-coloret"));
								modal.find(".clockdown").attr("data-reloj-color-pl", $("#accordion").attr("data-coloret"));
							}
							if($("#accordion").attr("data-colornum") != undefined){
								modal.find("#colorNC").spectrum("set", $("#accordion").attr("data-colornum"));
								modal.find(".clockdown").attr("data-reloj-color-numeros", $("#accordion").attr("data-colornum"));
							}
							if($("#accordion").attr("data-colorsp") != undefined){
								modal.find("#colorFondoCirulo").spectrum("set", $("#accordion").attr("data-colorsp"));
								modal.find(".clockdown").attr("data-reloj-color-circulo", $("#accordion").attr("data-colorsp"));
							}
							//modal.find(".clockdown").attr({"data-reloj-color": tema, "data-reloj-color-fuente": colorF, "data-reloj-color-numeros": colornm, "data-reloj-color-circulo": colorsp, "data-reloj-color-fondo": colorbg, "data-reloj-color-pl": coloret, "data-reloj-color-bordes-fondo": colorbr});
							if( $(this).val() == "redondo" || $(this).val() == "redondo2" ){
								clockdown.ResponsiveCountdown().destroy_countdown();
								modal.find(".clockdown").attr("data-reloj-color-numeros","#222222");
								clockdown.parent().attr("style", "height: 229px !important; margin-bottom: 20px;");
								setParametrosRelojCircular(clockdown);
							}
							else{
								if(clockdown.hasClass("circletimer")){
									clockdown.removeClass("circletimer onfinish");
								}
								clockdown.parent().attr("style", "height: 176px !important; margin-bottom: 20px;");
								setParametrosReloj(clockdown);
							}
						});
						var tema = ($("#accordion").attr("data-tema") != undefined)?$("#accordion").attr("data-tema"):"redondo";
						modal.find("#slTipoTemaReloj").val(tema);
						modal.find("#colorFuenteC").spectrum({
							appendTo: modal,
							color: "#FFFFFF",
							showInput : true,
							showAlpha: false,
							preferredFormat: "hex",
							showPalette: true,
							showSelectionPalette: true,
							palette: ["#343234"],
							move: function(color){
								var tema = modal.find(".clockdown").attr("data-reloj-color");
								modal.find(".clockdown").attr("data-reloj-color-fuente", color);
								if( tema != "redondo" && tema != "redondo2"){
									setParametrosReloj(modal.find(".clockdown"));
								}
								else{
									setParametrosRelojCircular(modal.find(".clockdown"));
									if( modal.find(".clockdown").hasClass("onfinish")){
										modal.find(".clockdown").removeClass("onfinish")
									}
								}
							},
							change: function(color){
								var tema = modal.find(".clockdown").attr("data-reloj-color");
								modal.find(".clockdown").attr("data-reloj-color-fuente", color);
								if( tema != "redondo" && tema != "redondo2"){
									setParametrosReloj(modal.find(".clockdown"));
								}
								else{
									setParametrosRelojCircular(modal.find(".clockdown"));
									if( modal.find(".clockdown").hasClass("onfinish")){
										modal.find(".clockdown").removeClass("onfinish")
									}
								}
							},
							hide: function(color) {
								if( color != null ){
									paleta.push(color.toHexString());
								}
							}
						});
						modal.find("#colorNC").spectrum({
							appendTo: modal,
							color: "#FFFFFF",
							showInput : true,
							showAlpha: false,
							preferredFormat: "hex",
							showPalette: true,
							showSelectionPalette: true,
							palette: ["#343234"],
							move: function(color){
								modal.find(".clockdown").attr("data-reloj-color-numeros", color);
								setParametrosRelojCircular(modal.find(".clockdown"));
								if( modal.find(".clockdown").hasClass("onfinish")){
									modal.find(".clockdown").removeClass("onfinish")
								}
							},
							change: function(color){
								modal.find(".clockdown").attr("data-reloj-color-numeros", color);
								setParametrosRelojCircular(modal.find(".clockdown"));
								if( modal.find(".clockdown").hasClass("onfinish")){
									modal.find(".clockdown").removeClass("onfinish")
								}
							},
							hide: function(color) {
								if( color != null ){
									paleta.push(color.toHexString());
								}
							}
						});
						modal.find("#colorFondoC").spectrum({
							appendTo: modal,
							color: "#646464",
							showInput : true,
							showAlpha: false,
							preferredFormat: "hex",
							showPalette: true,
							showSelectionPalette: true,
							palette: ["#343234"],
							move: function(color){
								var countDownTema =  modal.find(".clockdown").attr("data-reloj-color");
								modal.find(".clockdown").attr("data-reloj-color-fondo", color);
								if( countDownTema == "negro2" ||  countDownTema == "cuadrado"){
									modal.find(".clockdown").attr("data-reloj-color-bordes-fondo", color);
								}
								if( countDownTema != "redondo" && countDownTema != "redondo2"){
									setParametrosReloj(modal.find(".clockdown"));
								}
								else{
									setParametrosRelojCircular(modal.find(".clockdown"));
								}
							},
							change: function(color){
								var countDownTema =  modal.find(".clockdown").attr("data-reloj-color");
								modal.find(".clockdown").attr("data-reloj-color-fondo", color);
								if( countDownTema == "negro2" || countDownTema == "cuadrado" ){
									modal.find(".clockdown").attr("data-reloj-color-bordes-fondo", color);
								}
								if( countDownTema != "redondo" && countDownTema != "redondo2"){
									setParametrosReloj(modal.find(".clockdown"));
								}
								else{
									setParametrosRelojCircular(modal.find(".clockdown"));
								}
							},
							hide: function(color) {
								if( color != null ){
									paleta.push(color.toHexString());
								}
							}
						});
						modal.find("#colorBordesFondoC").spectrum({
							appendTo: modal,
							color: "#1E1E1E",
							showInput : true,
							showAlpha: false,
							preferredFormat: "hex",
							showPalette: true,
							showSelectionPalette: true,
							palette: ["#343234"],
							move: function(color){
								modal.find(".clockdown").attr("data-reloj-color-bordes-fondo", color);
								setParametrosReloj(modal.find(".clockdown"));
							},
							change: function(color){
								modal.find(".clockdown").attr("data-reloj-color-bordes-fondo", color);
								setParametrosReloj(modal.find(".clockdown"));
							},
							hide: function(color) {
								if( color != null ){
									paleta.push(color.toHexString());
								}
							}
						});
						modal.find("#colorPL").spectrum({
							appendTo: modal,
							color: "#FFFFFF",
							showInput : true,
							showAlpha: false,
							preferredFormat: "hex",
							showPalette: true,
							showSelectionPalette: true,
							palette: ["#343234"],
							move: function(color){
								modal.find(".clockdown").attr("data-reloj-color-pl", color);
								setParametrosReloj(modal.find(".clockdown"));
							},
							change: function(color){
								modal.find(".clockdown").attr("data-reloj-color-pl", color);
								setParametrosReloj(modal.find(".clockdown"));
							},
							hide: function(color) {
								if( color != null ){
									paleta.push(color.toHexString());
								}
							}
						});
						modal.find("#colorFondoCirulo").spectrum({
							appendTo: modal,
							color: "#FFFFFF",
							showInput : true,
							showAlpha: false,
							preferredFormat: "hex",
							showPalette: true,
							showSelectionPalette: true,
							palette: ["#343234"],
							move: function(color){
								modal.find(".clockdown").attr("data-reloj-color-circulo", color);
								setParametrosRelojCircular(modal.find(".clockdown"));
							},
							change: function(color){
								modal.find(".clockdown").attr("data-reloj-color-circulo", color);
								setParametrosRelojCircular(modal.find(".clockdown"));
							},
							hide: function(color) {
								if( color != null ){
									paleta.push(color.toHexString());
								}
							}
						});
						if($("#accordion").attr("data-zona")){
							modal.find("#slZonaHoraria").val($("#accordion").attr("data-zona"));
						}
						modal.find("#slTipoTemaReloj").change();
					},
					buttons: [{
						id: "btnGuardar",
						label: "<span class='fa fa-save'></span> Guardar",
						cssClass: "btn btn-success btn-block btn-lg",
						action: function(dialogItself){
							var modal = $(".ModalObtenerConf");
							var idP = (nodo.closest("li").attr("data-page") != undefined)?nodo.closest("li").attr("data-page"):"";
							var urlVideo = modal.find("#url_video").val();
							var posterVideo = modal.find(".imgVista img").attr("src");
							var tipo = modal.find('[name="slTipoContD"]').val();
							var tiempo = modal.find('[name="tiempo"]').val();
							var tiempoA = modal.find('[name="tiempoAudio"]').val();
							var validar = true;
							if(tipo == "V"){
								$.validator.addMethod("rutaVideo", function(value, element){
									var rutaVideo = value;
									var valido = false;
									if( rutaVideo.indexOf("amazonaws.com") !== -1 ){
										valido = true;
									}
									else if( rutaVideo.indexOf("vimeo.com") !== -1){
										valido = true;
									}
									else if( rutaVideo.indexOf("youtube") !== -1 ){
										valido = true;
									}
									else if(rutaVideo.split(".").pop() == "m3u8" ){
										valido = true;
									}
									return valido;
								}, "Solo soportamos videos MP4 alojados en Amazon S3 y Vimeo");
								modal.find("#frmGuardar").find('[name="url_video"]').rules("add", {
									required: true,
									url:true,
									rutaVideo: true,
									messages: {
										required: "Este campo es obligatorio",
										url:"La dirección ingresada no es válida",
									}
								});
								if(urlVideo.indexOf("amazon") == -1 && urlVideo.indexOf("vimeo") == -1 && urlVideo.indexOf("youtube") == -1 && urlVideo.split(".").pop() != "m3u8"){
									validar = false;
								}
							}
							else if(tipo == "A"){
								var urlVideo = modal.find("#url_audio").val();
							}
							else{
								modal.find("#frmGuardar").find('[name="url_video"]').rules("remove");
							}
							//console.log(modal.find("#frmGuardar").valid())
							//console.log(validar)

							if(modal.find("#frmGuardar").valid() && validar){
								nodo.closest("li").attr({"data-ruta": urlVideo , "data-poster": posterVideo, "data-tipo":tipo, "data-tiempo":tiempo, "data-tiempo-audio":tiempoA});
								var editor = CKEDITOR.instances.mensaje;
								var resumen = editor.getData();
								var editor2 = CKEDITOR.instances.texto;
								var texto = editor2.getData();
								if(tipo == "V"){
									var clase = "fa-play-circle"; 
								}
								else if (tipo == "T"){
									var clase = "fa-file-o";
								}
								else {
									var clase = "fa-volume-up";
								}
								nodo.closest("li").find(".icn-m").removeClass("fa-play-circle fa-file-o fa-volume-up fa-plus").addClass(clase);
								nodo.closest("li").find("textarea").remove();
								nodo.closest("li").append('<textarea name="resumen_'+idP+'" class="hide">'+resumen+'</textarea>');
								nodo.closest("li").append('<textarea name="texto_'+idP+'" class="hide">'+texto+'</textarea>');
								var numFile = 0;
								var formData = new FormData();
								modal.find('[name="flImagen"]').each(function(i){
									if($(this).val() != ""){
										formData.append("file"+i+"-"+idP, $(this)[0].files[0]);
										formData.append("nameFile"+i+"-"+idP, $(this).closest(".docs").find('[name="nombre"]').val());
										numFile++;
									}
								});
								formData.append("numFile", numFile);
								formData.append("idP", idP);
								formData.append("accion", "agregar");
								if(numFile){
									$.isLoading({ text: "Cargando..." }); NProgress.start();
								}
								$.ajax({
									type: "POST",
									url: "<?php echo URL::route('SysWebGClientesBibliotecaArchivosClientes'); ?>",
									data: formData,
									cache: false,
									contentType: false,
									processData: false,
									dataType: "json",
									success: function(data){
										//boton.prop("disabled", false).html(texto);
										$.isLoading("hide"); NProgress.done();
										if(data.success){
											dialogItself.close();
											modal.find("#frmGuardar").find(".ezdz-dropzone > div").html('<i class="fa fa-cloud-upload"></i><span class="spFlITitulo">Suelte el archivo a subir</span><span class="spFlITexto">o haga clic aquí</span>');
											modal.find("#frmGuardar").find(".flArchivo").val("");
											modal.find("#frmGuardar").find(".txtNombreArchivo").val("");
											$(".bottom").find("#btnEditar").trigger("click");
										}
										else{
											if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
											$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
										}
									},
									error: function(jqXHR, textStatus, errorThrown){
										new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
									}
								});
								nodo.closest("li").find("input").remove();
								var colorF = $("#colorFuenteC").closest("div").find(".sp-preview-inner").css("background-color");
								var colorBg = $("#colorFondoC").closest("div").find(".sp-preview-inner").css("background-color");
								var colorBr = $("#colorBordesFondoC").closest("div").find(".sp-preview-inner").css("background-color");
								var colorEt = $("#colorPL").closest("div").find(".sp-preview-inner").css("background-color");
								var colorNum = $("#colorNC").closest("div").find(".sp-preview-inner").css("background-color");
								var colorSp = $("#colorFondoCirulo").closest("div").find(".sp-preview-inner").css("background-color");
								var tema = $("#slTipoTemaReloj").val();
								var zona = $("#slZonaHoraria").val();
								var zonalb = $("#slZonaHoraria > option:selected").text();
								var dias = $('[name="tiempoFecha"]').val();
								var horas = $('[name="tiempoHora"]').val();
								//var editorTxtDs = $('[name="editorTxtDs"]').val();
								var editor3 = CKEDITOR.instances.editorTxtDs;
								var editorTxtDs = editor3.getData();
								$("#accordion").attr({"data-tema": tema, "data-zona": zona, "data-zonalb":zonalb, "data-colorf": colorF, "data-colorbg": colorBg, "data-colorbr": colorBr, "data-coloret": colorEt, "data-colornum": colorNum, "data-colorsp": colorSp});
								nodo.closest("li").append('<input type="hidden" name="dias_'+idP+'" class="hide" value="'+dias+'">');
								nodo.closest("li").append('<input type="hidden" name="horas_'+idP+'" class="hide" value="'+horas+'">');
								nodo.closest("li").append('<textarea name="textoDes_'+idP+'" class="hide">'+editorTxtDs+'</textarea>');
								//console.log(editorTxtDs);
								if(numFile == 0){
									$(".bottom").find("#btnEditar").trigger("click");
									dialogItself.close();
								}
							}
						}
					}]
				});
			});
			//----------------------------------------------------
		});
		$(".tooltips").tooltip({
			position: {
				my: "center bottom-5",
				at: "center top",
			},
			tooltipClass: "entry-tooltip-positioner",
		});
	}
	function inicializarArchivos(elemento){
		elemento.ezdz({
			text: '<i class="fa fa-cloud-upload"></i> \
			<span class="spFlITitulo">Suelte el archivo a subir</span> \
			<span class="spFlITexto">o haga clic aquí</span>',
			validators: {
				maxSize: 600000000
			},
			previewImage: false
		});
		$(".modal .eliminar").tooltip();
		$(".modal .eliminar").each(function(){
			$(this).off("click").on("click", function(){
				$(this).closest(".archivos").remove();
				$(".modal").find("#numDocs").val($(".modal").find(".archivos").length);
			});
		})
		
	}
	function obtenerId(elemento, reemplazar){
		var elemento = elemento;
		var reemplazar = reemplazar;
		if(elemento.length == 0){
			return 1;
		}
		else{
			var idsl = new Array;
			elemento.each(function(e){
				if( $(this)[0].hasAttribute("id") ){
					idsl.push( parseInt( $(this).attr("id").replace(reemplazar, "") ) );
				}
				else{
					idsl.push( (e+1) );
				}
			});
			idsl.sort();
			var ultimo = Math.max.apply(Math, idsl);
			if(ultimo == 0)
				return 1;
			for(i=1; i<(ultimo+1); i++){
				if( !(idsl.indexOf(i) > -1) ){
					return i;
					break;
				}
				else if( i == ultimo && (idsl.indexOf(i) > -1) ){
					return (i+1);
					break;
				}
			}
		}
	}
	function confirmarSalida(){
		return "Está intentando salir de la página si ha realizado cambios presione sobre el botón guardar, de lo contrario se perderán los cambios. ¿Está seguro que desea salir de la edición?";
	}
	function EliminarArchivoBiblioteca(id){
		var id = id;
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<form id='frmEliminarArchivo'> \
					<h2> Estas seguro de querer eliminar este archivo. </h2> \
					<input type='hidden' name='id' value='"+id+"'> \
					<input type='hidden' name='accion' value='eliminar'> \
				</form> \
			</div> \
		</div>";
		BootstrapDialog.show({
			title: "Eliminar archivo ajunto",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			cssClass: "ModalEliminar",
			buttons: [{
				id: "btnEliminar",
				label: "Eliminar",
				cssClass: "btn-danger btn-block btn-lg",
				action: function(dialogItself){
					$("#btnEliminar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Eliminando...');
					$.post(
						"<?php echo URL::route('SysWebGClientesBibliotecaArchivosClientes'); ?>",
						$("#frmEliminarArchivo").serialize(),
						function(data){
							dialogItself.close();
							$("#btnEliminar").prop("disabled", false).html("Eliminar");
							if(data.success){
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								$(".dvArchivo.seleccionado").remove();
							}
							else{
								if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
							}
						},
						"json"
					);
				}
			}]
		});
	}
	function configuracionBloqueoIPS(el){
		var id = id;
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<form id="frmBloqueo"> \
					<div class="center-block" style="float: left; width: 100%; margin-bottom: 15px;"> \
						<div class="col-md-5"> \
							<label class="control-label" style=""> \
								IPs permitidas por usuario \
							</label> \
						</div> \
						<div class="col-md-7"> \
							<input type="number" max="100" min="0" value="5" name="MaximoIps" id="MaximoIps" class="form-control" placeholder="IPS permitidas"> \
						</div> \
					</div> \
					<div class="center-block" style="float: left; width: 100%; margin-bottom: 15px;"> \
						<div class="col-md-5"> \
							<label class="control-label" style=""> \
								Perido de limitación de IP <span class="fa fa-info-circle tooltips" title="El periodo tiempo es medido en minutos"></span>\
							</label> \
						</div> \
						<div class="col-md-7"> \
							<input type="number" max="100" min="0" value="1440" name="LimitePeriodo" id="LimitePeriodo" class="form-control" placeholder="Tiempo en minutos"> \
						</div> \
					</div> \
					<div class="center-block" style="float: left; width: 100%; margin-bottom: 15px;"> \
						<div class="col-md-5"> \
							<label class="control-label" style=""> \
								Aplicar configuración a: \
							</label> \
						</div> \
						<div class="col-md-7"> \
							<select name="slTipoAP" class="form-control"  title="Seleccione una opción" data-live-search="true" data-selected-text-format="count" multiple data-actions-box="true" id="slTipoAP">\
							</select> \
						</div> \
					</div> \
					<div class="center-block" style="float: left; width: 100%;"> \
						<div class="alert alert-info">Estas configuraciones sirven para prevenir que tus clientes compartan sus credenciales con otras personas que no han adquirido tu contenido digital. Desde aquí puedes definir desde cuantas direcciones IPs puede ingresar cada usuario y el tiempo que se guardaran las IPs</div>\
					</div> \
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Configuración IPs",
			type: BootstrapDialog.TYPE_PRIMARY,
			size: BootstrapDialog.SIZE_NORMAL,
			message: mensaje,
			draggable: true,
			cssClass: "ModalIP color-head-modal",
			onshow: function(modal){
				var ventana = modal.getModalBody();
				ventana.find("#slTipoAP").selectpicker({
					selectAllText: "Sel. todo",
					deselectAllText: "Desel. todo"
				});
			},
			onshown: function(modal){
				var ventana = modal.getModalBody();
				var id = "<?php echo $Cliente_id; ?>";
				var idP = "<?php echo $producto; ?>";
				$(".tooltips").tooltip({
					position: {
						my: "center bottom-5",
						at: "center top",
					},
					tooltipClass: "entry-tooltip-positioner",
				});
				$.post(
					"<?php echo URL::route('SysWebGClientesListadoCD'); ?>",
					{id:id, idP:idP },
					function(data){
						if(data.success){
							if(data.ip > 0){
								ventana.find("#MaximoIps").val(data.ip);
							}
							if(data.tiempo > 0){
								ventana.find("#LimitePeriodo").val(data.tiempo);
							}
							var li = "";
							$.each(data.contenido,function(i, opcion){
								li += '<option value="'+opcion.id+'">'+opcion.nombre+'</option>';
							});
							ventana.find("#slTipoAP").append(li);
							ventana.find("#slTipoAP").selectpicker("refresh");
							ventana.find("#slTipoAP").selectpicker("val", idP);
						}
						else{
							if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
						}
					},
					"json"
				);
			},
			buttons: [{
				id: "btnConfiguracion",
				label: "Aplicar configuración",
				cssClass: "btn-success btn-block btn-lg",
				action: function(dialogItself){
					$("#btnConfiguracion").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Aplicando...');
					var ids = ($("#slTipoAP").val() !=null)?$("#slTipoAP").val():[];
					var idP = "<?php echo $producto; ?>";
					$.post(
						"<?php echo URL::route('SysWebGClientesListadoCD'); ?>",
						{ids:ids, idP: idP, accion: "guardar", ip:$("#MaximoIps").val(), tiempo:$("#LimitePeriodo").val()},
						function(data){
							dialogItself.close();
							$("#btnConfiguracion").prop("disabled", false).html("Aplicar configuración");
							if(data.success){
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
							}
							else{
								if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
							}
						},
						"json"
					);
				}
			}]
		});
	}
	function configurarEmailMarketing(){
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<div class="tab-container">\
					<ul class="nav nav-tabs divSW" style="background-color: unset;">\
						<li class="step paginas active">\
							<a href="#CrearAuto" data-toggle="tab"><span> Crear automatización </span> </a>\
						</li>\
						<li class="step paginas">\
							<a href="#ListAuto" data-toggle="tab"><span> Listado de automatización </span></a>\
						</li>\
						<li class="step paginas">\
							<a href="#ExportAuto" data-toggle="tab"><span> Exportar usuarios </span></a>\
						</li>\
					</ul>\
					<div class="tab-content tab-mail" style="padding-left: 0px; padding-right: 0px; margin-top: 15px;">\
						<div class="tab-pane active" id="CrearAuto">\
							<form id="frmCrear"> \
								<div class="center-block" style="float: left; width: 100%; margin-bottom: 15px; margin-top: 15px;"> \
									<div class="col-md-12"> \
										<label class="control-label" style=""> \
											Suscribir a lista <span class="fa fa-question-circle tooltips" title="Solo se registrarán los usuarios que tengan los campos de la lista que selecciones como destino"></span> :\
										</label> \
									</div> \
									<div class="col-md-10"> \
										<select name="slListas" class="form-control"  title="Seleccione una opción" data-live-search="true" data-selected-text-format="count" data-actions-box="true" id="slListas">\
										</select> \
									</div> \
								</div> \
								<div class="center-block" style="float: left; width: 100%; margin-bottom: 15px;"> \
									<div class="col-md-12"> \
										<label class="control-label" style=""> \
											¿Quienes se agregarán? \
										</label> \
									</div> \
									<div class="col-md-12"> \
										<label class="radio-inline">\
											<input type="radio" value="1" id="chSuscripcionSi" name="chSuscripcion">\
											<span class="custom-radio"></span>\
											Los que vieron un contenido\
										</label>\
											<label class="radio-inline">\
											<input type="radio" value="0" id="chSuscripcionNo" name="chSuscripcion">\
											<span class="custom-radio"></span>\
											Porcentaje del total del contenido digital visto \
										</label>\
									</div> \
								</div> \
								<div class="center-block dvVideo" style="float: left; width: 100%; margin-bottom: 15px; display:none;"> \
									<div class="col-md-12"> \
										<label class="control-label" style=""> \
											Seleccione el contenido: \
										</label> \
									</div> \
									<div class="col-md-10"> \
										<select name="slPageCD" class="form-control"  title="Seleccione una opción" data-live-search="true" data-selected-text-format="count" data-actions-box="true" id="slPageCD">\
										</select> \
									</div> \
								</div> \
								<div class="center-block dvPer" style="float: left; width: 100%; margin-bottom: 15px; display:none;"> \
									<div class="col-md-12"> \
										<label class="control-label" style=""> \
											Rango de porcentaje: \
											<hr style="margin-top: 0px; margin-bottom: 5px;">\
										</label> \
									</div> \
									<div class="col-md-5"> \
										<label class="control-label" style=""> \
											Desde: \
										</label> \
										<div class="input-group">\
											<span class="input-group-addon">%</span>\
											<input type="number" name="percentInicio" class="form-control" min="0"> \
										</div>\
									</div> \
									<div class="col-md-5"> \
										<label class="control-label" style=""> \
											Hasta: \
										</label> \
										<div class="input-group">\
											<span class="input-group-addon">%</span>\
											<input type="number" name="percentFin" class="form-control" min="0"> \
										</div>\
									</div> \
									<div class="col-md-12"> \
										<span class="text-danger errPercent"><span>\
									</div> \
								</div> \
								<div class="center-block" style="float: left; width: 100%;"> \
									<div class="col-md-12"> \
										<label class="control-label" style=""> \
											Asignar etiquetas (opcional): \
										</label> \
									</div> \
									<div class="col-md-10"> \
										<select name="slEtiquetas" class="form-control" multiple  title="Seleccione una opción" data-live-search="true" data-selected-text-format="count" id="slEtiquetas">\
										</select> \
									</div> \
								</div> \
								<div class="center-block" style="float: left; width: 100%; margin-top: 25px; margin-bottom: 15px;"> \
									<div class="col-md-12"> \
										<button type="button" id="btnConfiguracion" class="btn btn-success pull-right btn-block btn-lg"><i class="fa fa-save"></i> Guardar configuración</button>\
									</div> \
								</div> \
							</form> \
						</div>\
						<div class="tab-pane" id="ListAuto" style="margin-bottom: 25px;">\
							<table class="table table-bordered table-hover" id="tblAutoPage">\
								<thead>\
									<th></th>\
									<th class="all" style="width: 20%;">Lista</th>\
									<th class="all">Tipo</th>\
									<th class="min-tablet-l">Condición</th>\
									<th class="min-tablet-l">Etiquetas</th>\
									<th class="min-tablet-l">Acciones</th>\
								</thead>\
								<thead></thead>\
							</table>\
						</div>\
						<div class="tab-pane" id="ExportAuto">\
							<form id="frmCrear"> \
								<div class="alert alert-info">Exportar usuarios a una lista de suscriptores que cumplan una o ambas de las siguientes condiciones</div>\
								<div class="form-group pull-left" width="100%"> \
									<label class="col-sm-10 control-label"> Rango de fechas en las que compraron el contenido digital </label> \
									<div class="col-sm-10"> \
										<div class="input-group"> \
											<span class="input-group-addon"> \
												<input type="checkbox" name="chActivarFiltroFecha"> \
												<span class="custom-checkbox"></span> \
											</span> \
											<input type="text" class="form-control" name="filtroFechas" disabled readonly> \
										</div> \
										<span class="text-danger" id="errfiltroFechas"></span> \
									</div> \
								</div> \
								<div class="form-group pull-left" width="100%"> \
									<label class="col-sm-10 control-label"> Rango de porcentaje del total de contenido digital visto (opcional) </label> \
									<!-- div class="col-sm-10"> \
										<div class="input-group"> \
											<span class="input-group-addon"> \
												<input type="checkbox" name="chActivarFiltroPercent"> \
												<span class="custom-checkbox"></span> \
											</span> \
											<input type="number" min="0" step="1" class="form-control" name="filtroPercents" disabled readonly> \
										</div> \
										<span class="text-danger" id="errfiltroPercents"></span> \
									</div --> \
									<div class="col-md-5"> \
										<label class="control-label" style=""> \
											Desde: \
										</label> \
										<div class="input-group">\
											<span class="input-group-addon">%</span>\
											<input type="number" name="percentInicioEx" class="form-control" min="0"> \
										</div>\
									</div> \
									<div class="col-md-5"> \
										<label class="control-label" style=""> \
											Hasta: \
										</label> \
										<div class="input-group">\
											<span class="input-group-addon">%</span>\
											<input type="number" name="percentFinEx" class="form-control" min="0"> \
										</div>\
									</div> \
									<div class="col-md-12"> \
										<span class="text-danger errPercentEx"><span>\
									</div> \
								</div> \
								<div class="center-block" style="float: left; width: 100%; margin-bottom: 15px; margin-top: 15px;"> \
									<div class="col-md-12"> \
										<label class="control-label" style=""> \
											Lista de suscriptores destino: \
										</label> \
									</div> \
									<div class="col-md-10"> \
										<select name="slListasD" class="form-control"  title="Seleccione una opción" data-live-search="true" data-selected-text-format="count" data-actions-box="true" id="slListasD">\
										</select> \
									</div> \
								</div> \
								<div class="center-block" style="float: left; width: 100%;"> \
									<div class="col-md-12"> \
										<label class="control-label" style=""> \
											Asignar etiquetas (opcional): \
										</label> \
									</div> \
									<div class="col-md-10"> \
										<select name="slEtiquetasCD" class="form-control" multiple  title="Seleccione una opción" data-live-search="true" data-selected-text-format="count" id="slEtiquetasCD">\
										</select> \
									</div> \
								</div> \
								<div class="center-block" style="float: left; width: 100%; margin-top: 25px; margin-bottom: 15px;"> \
									<div class="col-md-12"> \
										<button type="button" id="btnExportar" class="btn btn-success pull-right btn-block btn-lg"><i class="fa fa-external-link-square"></i> Exportar usuarios</button>\
									</div> \
								</div> \
							</form> \
						</div>\
					</div>\
				</div>\
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Configuración Automatizaciones de Email Marketing",
			type: BootstrapDialog.TYPE_PRIMARY,
			size: BootstrapDialog.SIZE_NORMAL,
			message: mensaje,
			draggable: true,
			cssClass: "ModalIP color-head-modal",
			closeByBackdrop: false,
			onshow: function(modal){
				var ventana = modal.getModalBody();
				ventana.find("#slListas").selectpicker();
				ventana.find("#slPageCD").selectpicker();
				ventana.find("#slEtiquetas").selectpicker();
				ventana.find("#slListasD").selectpicker();
				ventana.find("#slEtiquetasCD").selectpicker();
				$.get(
					"<?php echo URL::route('SysWebPAterrizajeListasSuscriptores', array($Cliente_id)); ?>",
					function(data){
						var li = "";
						$.each(data, function(i, val){
							li += '<option value="'+val.id+'" data-tipo="'+val.tipo+'">'+val.nombre+'</option>';
						});
						ventana.find("#slListas").append(li);
						ventana.find("#slListas").selectpicker("refresh");
						ventana.find("#slListasD").append(li);
						ventana.find("#slListasD").selectpicker("refresh");
					},
					"json"
				);
				$.get(
					"<?php echo URL::route('SysWebGClientesListarEtiquetas'); ?>",
					function(data){
						var li = "";
						$.each(data, function(i, val){
							li += '<option value="'+val.id+'">'+val.nombre+'</option>';
						});
						ventana.find("#slEtiquetas").append(li);
						ventana.find("#slEtiquetas").selectpicker("refresh");
						ventana.find("#slEtiquetasCD").append(li);
						ventana.find("#slEtiquetasCD").selectpicker("refresh");
					},
					"json"
				);
				$.post(
					"<?php echo URL::route('SysWebGClientesListarPaginas'); ?>",
					{idE: "<?php echo $estructuraCD->id; ?>" },
					function(data){
						if(data.success){
							var li = "";
							$.each(data.paginas, function(i, pagina){
								li += '<option value="'+pagina.id+'">'+pagina.nombre+'</option>';
							});
							ventana.find("#slPageCD").append(li);
							ventana.find("#slPageCD").selectpicker("refresh");
						}
					},
					"json"
				);
			},
			onshown: function(modal){
				var ventana = modal.getModalBody();
				var id = "<?php echo $Cliente_id; ?>";
				var idP = "<?php echo $producto; ?>";
				$(".tooltips").tooltip({
					position: {
						my: "center bottom-5",
						at: "center top",
					},
					tooltipClass: "entry-tooltip-positioner",
				});
				ventana.find('[name="chSuscripcion"]').on("click", function(){
					if(parseInt($(this).val()) == 1){
						$(".dvVideo").show("slow");
						$(".dvPer").hide("slow");
					}
					else{
						$(".dvPer").show("slow");
						$(".dvVideo").hide("slow");
					}
				});
				$('[name="chActivarFiltroFecha"]').click(function(e){
					var checkbox = $(this);
					if( checkbox.is(":checked") ){
						$('[name="filtroFechas"]').prop("disabled", false);
						$('[name="filtroFechas"]').prop("readonly", false);
					}
					else{
						$('[name="filtroFechas"]').prop("readonly", true);
						$('[name="filtroFechas"]').prop("disabled", true);
						$('[name="filtroFechas"]').val("");
					}
				});
				$('[name="chActivarFiltroPercent"]').click(function(e){
					var checkbox = $(this);
					if( checkbox.is(":checked") ){
						$('[name="filtroPercents"]').prop("disabled", false);
						$('[name="filtroPercents"]').prop("readonly", false);
					}
					else{
						$('[name="filtroPercents"]').prop("disabled", true);
						$('[name="filtroPercents"]').prop("readonly", true);
						$('[name="filtroPercents"]').val("");
					}
				});
				$('[name="filtroFechas"]').daterangepicker({
					"ranges": {
						"Hoy": [moment(), moment()],
						"Ayer": [moment().subtract(1, "days"), moment().subtract(1, "days")],
						"Últimos 7 días": [moment().subtract(6, "days"), moment()],
						"Últimos 30 días": [moment().subtract(29, "days"), moment()],
						"Este mes": [moment().startOf("month"), moment().endOf("month")],
						"Último mes": [moment().subtract(1, "month").startOf("month"), moment().subtract(1, "month").endOf("month")]
					},
					"alwaysShowCalendars": true,
					locale: {
						format: "DD/MM/YYYY"
					},
					autoUpdateInput: false,
					"startDate": moment(),
					"endDate": moment()
				},function(start, end, label){
					console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
				});
				$('[name="filtroFechas"]').on("apply.daterangepicker", function(ev, picker){
					$(this).val(picker.startDate.format("DD/MM/YYYY") + " - " + picker.endDate.format("DD/MM/YYYY"));
				});
				$('[name="filtroFechas"]').on("cancel.daterangepicker", function(ev, picker){
					$(this).val("");
				});
				var tabla = $("#tblAutoPage").DataTable({
					"processing": true,
					"serverSide": true,
					"ajax": "<?php echo URL::route('SysWebGClientesListarAutomatizacionesxProducto',array($producto)); ?>",
					columns: [
						{data: null, defaultContent: "", "searchable": false, "orderable": false},
						{data: "nombre", name: "nombre", "class": "text-center"},
						{data: "tipo", name: "tipo", "class": "text-center",
							"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
								if (oData.tipo == 'VUV') {
									$(nTd).html("Vieron un contenido");
								}
								else{
									$(nTd).html("Porcentaje del total del contenido digital visto");
								}
							}
						},
						{data: "valor", name: "valor", "class": "text-center",
							"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
								if (oData.tipo == 'PCD') {
									oData.valor = JSON.parse(oData.valor);
									var descripcion = "Desde: "+oData.valor.inicio+"%  "+"Hasta: "+oData.valor.fin+"%";
									$(nTd).html(descripcion);
								}
							}
						},
						{data: "etiquetas", name: "etiquetas", "searchable": false, "orderable": false, "class": "text-center"},
						{data: "acciones", name: "acciones", "searchable": false, "orderable": false, "class": "text-center"}
					],
					"language": {
						"url": "<?php echo asset('DataTables/Spanish.json'); ?>",
						select: {
							rows: {
								_: "Tienes seleccionada %d filas",
								0: "De clic sobre la fila para seleccionarla",
								1: "Solo tiene 1 fila seleccionada"
							}
						}
					},
					"fnDrawCallback": function( oSettings ) {
						$(".tooltips").tooltip();
						$(".table-responsive").find("[title]").tooltip();
					},
					autoWidth: false,
					responsive: {
						"details": {
							"type": "column",
							"target": 0
						}
					},
					columnDefs: [{
						"data": null,
						"defaultContent": "",
						"className": "control",
						"orderable": false,
						/*"width": "9%",*/
						"targets": 0
					}],
				});
				ventana.find("#frmCrear").validate({
					lang: "es",
					onkeyup: false,
					errorClass: "text-danger",
					errorElement: "span",
					ignore: [],
					rules: {
						slListas: {
							required: true
						},
						chSuscripcion: {
							required: true
						}
					},
					messages: {
						slListas: "Este campo es obligatorio",
						chSuscripcion: "Este campo es obligatorio",
					},
					errorPlacement: function(error, element) {
						if($(element).attr("name") == "slListas"){
							error.insertAfter($(element).next(".btn-group"));
						}
						else{
							error.insertAfter($(element).closest(".col-md-12"));
						}
					},
				});
				ventana.find('[name="percentFin"]').on("keyup paste blur change",function(){
					ventana.find(".errPercent").text("");
					if(parseInt(ventana.find('[name="percentFin"]').val()) < parseInt(ventana.find('[name="percentInicio"]').val())){
						ventana.find(".errPercent").text("Rango de porcentaje invalido");
					}
					if(ventana.find('[name="percentInicio"]').val() == ''){
						ventana.find(".errPercent").text("Rango de porcentaje invalido");
					}
				});
				ventana.find('[name="percentInicio"]').on("keyup paste blur change",function(){
					ventana.find(".errPercent").text("");
					if(parseInt(ventana.find('[name="percentFin"]').val()) < parseInt(ventana.find('[name="percentInicio"]').val())){
						ventana.find(".errPercent").text("Rango de porcentaje invalido");
					}
					if(ventana.find('[name="percentInicio"]').val() == ''){
						ventana.find(".errPercent").text("Rango de porcentaje invalido");
					}
				});
				ventana.find('[name="percentFinEx"]').on("keyup paste blur change",function(){
					ventana.find(".errPercentEx").text("");
					if(parseInt(ventana.find('[name="percentFinEx"]').val()) < parseInt(ventana.find('[name="percentInicioEx"]').val())){
						ventana.find(".errPercentEx").text("Rango de porcentaje invalido");
					}
					if(ventana.find('[name="percentInicioEx"]').val() == ''){
						ventana.find(".errPercentEx").text("Rango de porcentaje invalido");
					}
				});
				ventana.find('[name="percentInicioEx"]').on("keyup paste blur change",function(){
					ventana.find(".errPercentEx").text("");
					if(parseInt(ventana.find('[name="percentFinEx"]').val()) < parseInt(ventana.find('[name="percentInicioEx"]').val())){
						ventana.find(".errPercentEx").text("Rango de porcentaje invalido");
					}
					if(ventana.find('[name="percentInicioEx"]').val() == ''){
						ventana.find(".errPercentEx").text("Rango de porcentaje invalido");
					}
				});
				$("#btnConfiguracion").on("click", function(){
					//var ventana = $(".ModalIP")
					if(ventana.find("#frmCrear").valid()){
						var idES = (ventana.find("#slEtiquetas").val() !=null)?ventana.find("#slEtiquetas").val():[];
						var idP = "<?php echo $producto; ?>";
						var valor = (parseInt(ventana.find('[name="chSuscripcion"]:checked').val()) == 1)?ventana.find("#slPageCD").val():0;
						var inicio = 0;
						var fin = 0;
						var valido = true;
						if(parseInt(ventana.find('[name="chSuscripcion"]:checked').val()) == 0){
							inicio = parseInt(ventana.find('[name="percentInicio"]').val());
							fin = parseInt(ventana.find('[name="percentFin"]').val());
							if(fin<inicio){
								valido = false;
								ventana.find(".errPercent").text("Rango de porcentaje invalido");
								ventana.find(".errPercent").show();
							}
						}
						if(valido){
							$("#btnConfiguracion").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Aplicando...');
							$.post(
								"<?php echo URL::route('SysWebGClientesAutomatizacionesxProducto'); ?>",
								{ producto: idP, tipo: ventana.find('[name="chSuscripcion"]:checked').val(), inicio: inicio, fin: fin, idL: ventana.find("#slListas").val(), valor: valor, etiquetas: idES, accion: "scGuardar" },
								function(data){
									modal.close();
									$("#btnConfiguracion").prop("disabled", false).html('<i class="fa fa-save"></i> Guardar configuración');
									if(data.success){
										new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
									}
									else{
										if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
									}
								},
								"json"
							);
						}
					}
				});
				$("#btnExportar").on("click", function(){
					var fecha = ventana.find('[name="filtroFechas"]').val();
					var porcentaje = ventana.find('[name="filtroPercents"]').val();
					var lista = ventana.find("#slListasD").val();
					var etiquetas = ventana.find("#slEtiquetasCD").val();
					var inicio = (ventana.find('[name="percentInicioEx"]').val() != '')?parseInt(ventana.find('[name="percentInicioEx"]').val()):0;
					var fin = (ventana.find('[name="percentFinEx"]').val() != '')?parseInt(ventana.find('[name="percentFinEx"]').val()):0;
					$("#btnExportar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Exportando...');
					var valido = true;
					if(fin<inicio){
						valido = false;
						ventana.find(".errPercentEx").text("Rango de porcentaje invalido");
						ventana.find(".errPercentEx").show();
					}
					if(valido){
						$.post(
							"<?php echo URL::route('SysWebGClientesExportarUsuariosCD'); ?>",
							{ producto: idP, fecha: fecha, inicio: inicio, fin: fin, idL: lista, etiquetas:etiquetas },
							function(data){
								//dialogItself.close();
								modal.close();
								$("#btnExportar").prop("disabled", false).html('<i class="fa fa-external-link-square"></i> Exportar usuario');
								if(data.success){
									new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								}
								else{
									if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
								}
							},
							"json"
						);
					}
				})
			},
			/*buttons: [{
				id: "btnConfiguracion",
				label: "<i class='fa fa-save'></i> Guardar configuración",
				cssClass: "btn-success",
				action: function(dialogItself){
					var ventana = $(".ModalIP")
					$("#btnConfiguracion").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Aplicando...');
					var idES = (ventana.find("#slEtiquetas").val() !=null)?ventana.find("#slEtiquetas").val():[];
					var idP = "<?php echo $producto; ?>";
					var valor = (parseInt(ventana.find('[name="chSuscripcion"]').val()) == 1)?ventana.find("#slPageCD").val():ventana.find('[name="porcentaje"]').val();
					$.post(
						"<?php echo URL::route('SysWebGClientesAutomatizacionesxProducto'); ?>",
						{ producto: idP, tipo: ventana.find('[name="chSuscripcion"]').val(), idL: ventana.find("#slListas").val(), valor: valor, etiquetas: idES },
						function(data){
							dialogItself.close();
							$("#btnConfiguracion").prop("disabled", false).html("Aplicar configuración");
							if(data.success){
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
							}
							else{
								if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
							}
						},
						"json"
					);
				}
			}]*/
		});
	}
</script>

<script type="text/javascript">
	function Eliminar(idA){
		$.post(
			"<?php echo URL::route('SysWebGClientesAutomatizacionesxProducto'); ?>",
			{ idA: idA, accion: "scEliminar" },
			function(data){
				if(data.success){
					new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				}
				else{
					if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
				}
				var table = $("#tblAutoPage").DataTable();
				table.ajax.reload(null, false);
			},
			"json"
		);
	}
	function InicializarEditor(){
		CKEDITOR.config.disableObjectResizing = true;
		CKEDITOR.config.extraPlugins = "simplebutton";
		CKEDITOR.config.allowedContent = true;
		CKEDITOR.config.forcePasteAsPlainText = true;
		if($(".ModalConf").find("#descripcion").length == 0){
			var ckEditor = CKEDITOR.replace(
				"mensaje",
				{
					toolbar: [
						{
							name: "document",
							items: [
								"Source"
							]
						},
						{
							name: "clipboard",
							items: [
								"Cut",
								"Copy",
								"Paste",
								"PasteText",
								"PasteFromWord",
								"-",
								"Undo",
								"Redo"
							]
						},
						{
							name: "editing",
							items: [
								"Scayt"
							]
						},
		
						{
							name: "basicstyles",
							items: [
								"Bold",
								"Italic",
								"Underline",
								"Strike",
								"-",
								"RemoveFormat"
							]
						},
						{
							name: "paragraph",
							items: [
								"NumberedList",
								"BulletedList",
								"-",
								"Outdent",
								"Indent",
								"-",
								"Blockquote"
							]
						},
						{
							name: "align",
							items: [
								"JustifyLeft",
								"JustifyCenter",
								"JustifyRight",
								"JustifyBlock"
							]
						},
						{
							name: "links",
							items: [
								"Link",
								"Unlink"
							]
						},
						{
							name: "insert",
							items: [
								"Image",
								"Table"
							]
						},
						{
							name: "styles",
							items: [
								"Styles",
								"Format",
								"Font",
								"FontSize"
							]
						},
						{
							name: "colors",
							items: [
								"TextColor",
								"BGColor"
							]
						},
						{
							name: "tools",
							items: [
								"simplebutton",
								"Maximize"
							]
						}
					]
				}
			);
			var ckEditor2 = CKEDITOR.replace(
				"texto",
				{
					toolbar: [
						{
							name: "document",
							items: [
								"Source"
							]
						},
						{
							name: "clipboard",
							items: [
								"Cut",
								"Copy",
								"Paste",
								"PasteText",
								"PasteFromWord",
								"-",
								"Undo",
								"Redo"
							]
						},
						{
							name: "editing",
							items: [
								"Scayt"
							]
						},
		
						{
							name: "basicstyles",
							items: [
								"Bold",
								"Italic",
								"Underline",
								"Strike",
								"-",
								"RemoveFormat"
							]
						},
						{
							name: "paragraph",
							items: [
								"NumberedList",
								"BulletedList",
								"-",
								"Outdent",
								"Indent",
								"-",
								"Blockquote"
							]
						},
						{
							name: "align",
							items: [
								"JustifyLeft",
								"JustifyCenter",
								"JustifyRight",
								"JustifyBlock"
							]
						},
						{
							name: "links",
							items: [
								"Link",
								"Unlink"
							]
						},
						{
							name: "insert",
							items: [
								"Image",
								"Table"
							]
						},
						{
							name: "styles",
							items: [
								"Styles",
								"Format",
								"Font",
								"FontSize"
							]
						},
						{
							name: "colors",
							items: [
								"TextColor",
								"BGColor"
							]
						},
						{
							name: "tools",
							items: [
								"simplebutton",
								"Maximize"
							]
						}
					]
				}
			);
			var ckEditorTxt = CKEDITOR.replace(
				"editorTxtDs",
				{
					toolbar: [
						{
							name: "document",
							items: [
								"Source"
							]
						},
						{
							name: "clipboard",
							items: [
								"Cut",
								"Copy",
								"Paste",
								"PasteText",
								"PasteFromWord",
								"-",
								"Undo",
								"Redo"
							]
						},
						{
							name: "editing",
							items: [
								"Scayt"
							]
						},
		
						{
							name: "basicstyles",
							items: [
								"Bold",
								"Italic",
								"Underline",
								"Strike",
								"-",
								"RemoveFormat"
							]
						},
						{
							name: "paragraph",
							items: [
								"NumberedList",
								"BulletedList",
								"-",
								"Outdent",
								"Indent",
								"-",
								"Blockquote"
							]
						},
						{
							name: "align",
							items: [
								"JustifyLeft",
								"JustifyCenter",
								"JustifyRight",
								"JustifyBlock"
							]
						},
						{
							name: "links",
							items: [
								"Link",
								"Unlink"
							]
						},
						{
							name: "insert",
							items: [
								"Image",
								"Table"
							]
						},
						{
							name: "styles",
							items: [
								"Styles",
								"Format",
								"Font",
								"FontSize"
							]
						},
						{
							name: "colors",
							items: [
								"TextColor",
								"BGColor"
							]
						},
						{
							name: "tools",
							items: [
								"simplebutton",
								"Maximize"
							]
						}
					]
				}
			);
		}
		else{
			var ckEditorDes = CKEDITOR.replace(
				"descripcion",
				{
					toolbar: [
						{
							name: "document",
							items: [
								"Source"
							]
						},
						{
							name: "clipboard",
							items: [
								"Cut",
								"Copy",
								"Paste",
								"PasteText",
								"PasteFromWord",
								"-",
								"Undo",
								"Redo"
							]
						},
						{
							name: "editing",
							items: [
								"Scayt"
							]
						},
		
						{
							name: "basicstyles",
							items: [
								"Bold",
								"Italic",
								"Underline",
								"Strike",
								"-",
								"RemoveFormat"
							]
						},
						{
							name: "paragraph",
							items: [
								"NumberedList",
								"BulletedList",
								"-",
								"Outdent",
								"Indent",
								"-",
								"Blockquote"
							]
						},
						{
							name: "align",
							items: [
								"JustifyLeft",
								"JustifyCenter",
								"JustifyRight",
								"JustifyBlock"
							]
						},
						{
							name: "links",
							items: [
								"Link",
								"Unlink"
							]
						},
						{
							name: "insert",
							items: [
								"Image",
								"Table"
							]
						},
						{
							name: "styles",
							items: [
								"Styles",
								"Format",
								"Font",
								"FontSize"
							]
						},
						{
							name: "colors",
							items: [
								"TextColor",
								"BGColor"
							]
						},
						{
							name: "tools",
							items: [
								"simplebutton",
								"Maximize"
							]
						}
					]
				}
			);
		}
		CKEDITOR.on("dialogDefinition", function(ev){
			var dialogName = ev.data.name;
			var dialogDefinition = ev.data.definition;
			if( dialogName == "image" ){
				var viejoOnShow = dialogDefinition.onShow;
				var nuevoOnShow = function(){
					//CONFIGURO LA SELECCIÓN DE LA IMÁGEN DE LA BIBLIOTECA DE IMÁGENES --------------------------------------------------------------------------------------
					var rutaImagen = $(".cke_dialog").find(".cke_dialog_image_url .cke_dialog_ui_input_text");
					rutaImagen.prop("readonly", true);
					$(".cke_dialog").find(".btnBiblioteca").remove();
					$(".cke_dialog").find(".cke_dialog_image_url .cke_dialog_ui_button").closest(".cke_dialog_ui_hbox_last").append('<a style="margin-top: 14px; margin-left: auto; margin-right: auto; -moz-user-select: none;" href="javascript:void(0)" title="Buscar en biblioteca" hidefocus="true" class="cke_dialog_ui_button btnBiblioteca" role="button"> \
						<span class="cke_dialog_ui_button abierto">Buscar en biblioteca</span> \
					</a>');
					$(".cke_dialog").find(".btnBiblioteca").click(function(e){
						e.preventDefault();
						var boton = $(this);
						boton.addClass("abierto");
						var mensaje = '<div class="col-md-12"> \
							<div class="row"> \
								<div class="col-md-8"> \
									<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-4"> \
									<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="alert alert-warning" role="alert"> \
												<ul> \
													<li> Las imágenes no deben tener un tamaño mayor a 1MB </li> \
													<li> Solo aceptamos imágenes en formato JPG, PNG y GIF </li> \
												</ul> \
											</div> \
										</div> \
										<div class="col-md-12" style=""> \
											<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: "Biblioteca de imágenes",
							type: BootstrapDialog.TYPE_DEFAULT,
							message: mensaje,
							draggable: true,
							cssClass: "ModalBiblioteca",
							onshown: function(dialogRef){
								$("#flImagen").dropzone({
									url: $("#hdnRutaImagenes").val(),
									maxFiles: 1,
									acceptedFiles: "image/jpeg,image/png,image/gif",
									maxFilesize: 1,
									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){
													rutaImagen.val(value);
													rutaImagen.trigger("blur");
													$("#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" });
													$("#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" });
												$("#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" });
											$.each(this.files, function(i, file){
												dropzone.removeFile(file);
											});
										});
										this.on("error", function(file, message){
											console.log( message );
											var mensaje = message;
											var borrar = false;
											if( mensaje.indexOf("Max filesize:") !== -1 ){
												borrar = true;
												var texto = "El archivo no debe de tener un tamaño mayor a 1MB";
											}
											else if( mensaje.indexOf("You can't upload files of this type.") !== -1 ){
												borrar = true;
												var texto = "El formato del archivo que intentas cargar no es soportado";
											}
											if( borrar ){
												var dropzone = this;
												$.each(this.files, function(i, file){
													dropzone.removeFile(file);
												});
											}
											new PNotify({ title: "Error", text: texto, type: "error" });
										});
										this.on("processing", function(file){
											$.isLoading({ text: "Cargando..." }); NProgress.start();
											$("#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){
											$("#slBiblioteca").html("").append('<option value=""></option>');
											$.each(data.biblioteca, function(index, val){
												$("#slBiblioteca").append("<option data-img-src='"+val.ruta+"' value='"+val.id+"'>");
											});
											$("#slBiblioteca").imagepicker({hide_select: true, show_label: true});
											var i = 0;
											$(".image_picker_selector").find("[title]").each(function(){ $(this).tooltip(); });
										}
										else{
											$("#slBiblioteca").hide();
											$("#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"
								);
								$("#btnCrearImagen").click(function(e){
									$.isLoading({ text: "Cargando..." }); NProgress.start();
									$("#btnCrearImagen").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
									if( $("#txtImagen").val() == "" && $("#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( $("#txtImagen").val() != "" ){
											var value = $("#txtImagen").val();
										}
										else{
											var value = $("#slBiblioteca option:selected").attr("data-img-src");
										}
										var img = new Image();
										img.src = value;
										img.onload = function(){
											if(img.height != 0){
												rutaImagen.val(value);
												rutaImagen.trigger("blur");
												$("#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" });
												$("#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" });
											$("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
											dialogRef.close();
											$.isLoading("hide"); NProgress.done();
										};
									}
								});
							},
						});
					});
					//-------------------------------------------------------------------------------------------------------------------------------------------------------
					//-------------------------------------------------------------------------------------------------------------------------------------------------------
					//ASIGNO EL 100% Y DESACTIVO LA EDICIÓN DEL CAMPO DEL ANCHO DE LA IMÁGEN ------------------------------------------------------
					$(".cke_dialog").find(".cke_dialog_ui_labeled_label:contains('Ancho')").parent().find(".cke_dialog_ui_input_text").val("100%");
					$(".cke_dialog").find(".cke_dialog_ui_labeled_label:contains('Alto')").parent().find(".cke_dialog_ui_input_text").val("100%");
					//-----------------------------------------------------------------------------------------------------------------------------
				};
				dialogDefinition.onShow = function(){
					viejoOnShow.call(this, arguments);
					nuevoOnShow.call(this, arguments);
				};
				dialogDefinition.onHide = function(){
					if($(".ModalConf").find("#descripcion").length == 0){
						editor = CKEDITOR.instances.mensaje;
						var sel = editor.getSelection();
						nodo = sel.getStartElement();
						editorTxt = CKEDITOR.instances.texto;
						var sel = editorTxt.getSelection();
						nodo = sel.getStartElement();
					}
					else{
						editor = CKEDITOR.instances.descripcion;
						var sel = editor.getSelection();
						nodo = sel.getStartElement();
					}
					var txtAltura = this.getContentElement( 'info', 'txtHeight' ).getValue();
					var txtAnchura = this.getContentElement( 'info', 'txtWidth' ).getValue();
					if(txtAltura != ""){
						nodo.setAttribute("height", txtAltura);
					}
					if(txtAnchura != ""){
						nodo.setAttribute("width", txtAnchura);
					}
				};
			}
		});
	}
	//BIBLIOTECA------------------------------
	function galeriaImg(el){
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<div class="Imagenes"></div> \
			</div> \
		</div>';
		var clase = "";
		if(el != null && el != undefined){
			if(el.closest(".modal-name").length > 0){
				clase = "modal-name";
			}
		}
		BootstrapDialog.show({
			title: "Imagenes",
			type: BootstrapDialog.TYPE_PRIMARY,
			size: BootstrapDialog.SIZE_WIDE,
			message: mensaje,
			draggable: true,
			cssClass: "Img modalCambiarImagenBGI archivos color-head-modal "+clase+"",
			onshown: function(dialog){
				var ventanaImg = dialog.getModalBody();
				armarBiblioteca(false, ventanaImg.find(".Imagenes"), 0);
				ventanaImg.find("#btnCrearImagen").on("click", function(){
					ventanaImg.find("#errGenerico").html("");
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					ventanaImg.find("#btnCrearImagen").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Procesando...');
					if( ventanaImg.find("#txtImagen").val() == "" && ventanaImg.find("#slBiblioteca option:selected").length > 1 && ventanaImg.find("#flImagen").val() == "" ){
						ventanaImg.find("#errGenerico").html("Debes seleccionar una imagen de la biblioteca, subir una imagen o ingresar la ruta de la imagen que deseas almacenar");
						$.isLoading("hide"); NProgress.done();
						ventanaImg.find("#btnCrearImagen").html("Usar imagen").prop("disabled", false);
					}
					else if(ventanaImg.find("#flImagen").val() != ""){
						var formData = new FormData();
						formData.append("file", ventanaImg.find("#flImagen")[0].files[0]);
						$.ajax({
							type: "POST",
							url: "<?php echo URL::route('SysWebPAterrizajeGenTemplateImagenes'); ?>",
							data: formData,
							cache: false,
							contentType: false,
							processData: false,
							dataType: "json",
							success: function(data){
								$.isLoading("hide"); NProgress.done();
								ventanaImg.find("#btnCrearImagen").prop("disabled", false).html('<i class="fa fa-upload"></i> Subir imagen');
								ventanaImg.find("#frmImagen").find(".ezdz-dropzone > div").html('<i class="fa fa-cloud-upload"></i><span class="spFlITitulo">Suelte el archivo a subir</span><span class="spFlITexto">o haga clic aquí</span>');
								ventanaImg.find("#frmImagen").find("flImagen").val("");
								if(el != undefined){
									el.find("#imgOgImage").attr("src", data.imagen);
									el.find("#ImageLogo").val(data.imagen);
								}
								else{
									$(".imgVista img").attr("src", data.imagen);
									$("#hdnFotografia").val(data.imagen);
								}
								dialog.close();
							},
							error: function(jqXHR, textStatus, errorThrown){
								ventanaImg.find("#errGenerico").html("Ha ocurrido algún error inesperado, por favor vuelve a intentarlo...");
								$.isLoading("hide"); NProgress.done();
								ventanaImg.find("#btnCrearImagen").prop("disabled", false).html('<i class="fa fa-upload"></i> Subir imagen');
							}
						});
					}
					else if(ventanaImg.find("#txtImagen").val() != ""){
						$.isLoading("hide"); NProgress.done();
						if(el != undefined){
							el.find("#imgOgImage").attr("src", ventanaImg.find("#txtImagen").val());
							el.find("#ImageLogo").val(ventanaImg.find("#txtImagen").val());
						}
						else{
							$(".imgVista img").attr("src", ventanaImg.find("#txtImagen").val());
							$("#hdnFotografia").val(ventanaImg.find("#txtImagen").val());
						}
						dialog.close();
					}
					else{
						urlIcono = ventanaImg.find("#slBiblioteca option:selected").attr("data-img-src");
						$.isLoading("hide"); NProgress.done();
						if(el != undefined){
							el.find("#imgOgImage").attr("src", urlIcono);
							el.find("#ImageLogo").val(urlIcono);
						}
						else{
							$(".imgVista img").attr("src", urlIcono);
							$("#hdnFotografia").val(urlIcono);
						}
						ventanaImg.find("#btnCrearImagen").prop("disabled", false).html("Usar imagen");
						dialog.close();
					}
				});
			},
		});
	}
	function cargarImagenesBibliotecaPersonal(ubicacion){
		$.get(
			"<?php echo URL::route('SysWebPAterrizajeBibliotecaImagenesClientes', array(Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id)); ?>",
			function(data){
				if(data.success){
					ubicacion.find("#slBiblioteca").html("").append('<option value=""></option>');
					$.each(data.biblioteca, function(index, val) {
						ubicacion.find("#slBiblioteca").append("<option data-img-src='"+val.ruta+"' value='"+val.id+"'>");
					});
					ubicacion.find("#slBiblioteca").imagepicker({
						hide_select:true, 
						show_label:true
					});
					var i = 0;
					ubicacion.find(".image_picker_selector").find("div.thumbnail").each(function(){
						$(this).prepend('<a class="text-danger" href="javascript:EliminarImagenBiblioteca('+data.biblioteca[i].id+')" title="Eliminar imagen de biblioteca"> <i class="fa fa-trash"> </i> </a>');
						i = i + 1;
					});
					ubicacion.find(".image_picker_selector").find("[title]").each(function(){
						$(this).tooltip();
					});
					ubicacion.find(".image_picker_selector").find(".thumbnail").find("img").each(function(){
						var nodo = $(this);
						var img = new Image();
						img.src = nodo.attr("src");
						img.onload = function(e){
							var alto = img.height;
							var ancho = img.width;
							if($(".modal-name").length > 0){
								if(ancho == 125 && alto== 125){
									nodo.closest("li").removeClass("hide");
								}
								else{
									nodo.closest("li").addClass("hide");
								}
							}
							else if($(".ModalObtenerConf").length > 0){
								//
							}
							else{
								if(alto == ancho){
									nodo.closest("li").removeClass("hide");
								}
								else{
									nodo.closest("li").addClass("hide");
								}
							}
						};
					})
				}
				else{
					ubicacion.find("#slBiblioteca").hide();
					ubicacion.find(".thumbnails").remove();
					ubicacion.find("#Biblioteca").append('<div id="dvWrBiblioteca" class="alert alert-warning" role="alert"> Aún no tienes ningúna imagen almacenada en tu biblioteca </div>');
				}
			},
			"json"
		);
	}
	function armarBiblioteca(arbol, ubicacion, insercion){
		var sidebar = "";
		var contenedor = "col-md-7";
		var upload = "col-md-5";
		if(arbol){
			sidebar = '<div class="col-xs-12 col-md-2"> \
				<div id="tree" class="treeview"></div> \
			</div>';
			contenedor = "col-md-6";
			upload = "col-md-4";
		}
		var cuerpoBiblioteca = '<div class="row"> \
			'+sidebar+' \
			<div class="col-xs-12 '+contenedor+'"> \
				<label>Selecciona una imagen de la biblioteca de imagenes</label> \
				<div class="form-group dvPixaBay" style="display: none;"> \
					<div class="input-group"> \
						<input type="text" id="txtBusquedaPixaBay" class="form-control" placeholder="Escriba su busqueda acá..." style="margin-bottom: 0px;"> \
						<span class="input-group-btn"> \
							<button id="btnBuscarPixaBay" class="btn btn-default" type="button" title="Buscar" data-procesando="0"> \
								<i class="fa fa-search"></i> \
							</button> \
						</span> \
					</div> \
					<span class="text-danger" id="errtxtBusquedaPixaBay"></span> \
				</div> \
				<div id="Biblioteca" style="height: 611px; overflow: auto;"> \
					<select id="slBiblioteca"> </select> \
				</div> \
				<div id="PaginacionPixaBay" class="dvPixaBay" style="display: none;"></div> \
				<input type="hidden" id="hdnTotalPagina" value="0"> \
			</div> \
			<div class="col-xs-12 '+upload+'"> \
				<form id="frmImagen"> \
					<div class="row"> \
						<div class="col-md-12"> \
							<label>Ó Sube tu imagen (Esta se almacenará en tu biblioteca y podras utilizarla cuantas veces quieras)</label> \
							<input type="file" name="flImagen" id="flImagen" accept="image/png, image/jpeg, image/gif"> \
							<span id="errflImagen" class="text-danger"></span> \
						</div> \
						<div class="col-md-12" style="padding-top: 10px;"> \
							<div class="alert alert-warning"> \
								<ul> \
									<li> Las imagenes no deben tener un tamaño mayor a 1MB </li> \
									<li> Solo aceptamos imagenes en formato JPG, PNG y GIF </li> \
								</ul> \
							</div> \
						</div> \
						<div class="col-md-12"> \
							<div class="form-group"> \
								<label class="titulo-ruta"> Ó escriba la ruta de la imagen </label> \
								<input type="text" class="form-control" id="txtImagen" name="txtImagen"> \
								<span id="errtxtImagen" class="text-danger"></span> \
							</div> \
							<div class="form-group"> \
								<input type="hidden" name="hdnImagen" value=""> \
								<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearImagen"><i class="fa fa-upload"></i> Subir imagen </button> \
								<span id="errGenerico" class="text-danger"></span> \
							</div> \
						</div> \
					</div> \
				</form> \
			</div> \
		</div>';
		ubicacion.html(cuerpoBiblioteca);
		console.log(ubicacion.closest(".modal").attr("class"))
		//CONFIGURACIÓN DEL MENÚ IZQUIERDO DE BIBLIOTECA -----------------------------------------------------------------------------
		if($.ezdz.isBrowserCompatible() === false){
			console.log('No ezdz for this browser. Standard input file only.');
		}
		else{
			console.log(ubicacion.closest(".modal").hasClass("modal-name"))
			if(ubicacion.closest(".modal").hasClass("modal-name")){
				var valiJson = {
					width: 125,
					height: 125,
				}
			}
			else{
				var valiJson = {
					maxSize: 1000000
				}
			}
			ubicacion.find("#flImagen").ezdz({
				text: '<i class="fa fa-cloud-upload"></i> \
				<span class="spFlITitulo">Suelte el archivo a subir</span> \
				<span class="spFlITexto">o haga clic aquí</span>',
				validators: valiJson,
				reject: function(file, errors) {
					if (errors.width || errors.height) {
						ubicacion.find("#errflImagen").text("El archivo " + file.name + " es demasiado grande. Te recomendamos las siguientes medidas ("+valiJson.width+" x "+valiJson.height+")");
					}
				},
			});
		}
		//---------------------------------------------------------------------
		cargarImagenesBibliotecaPersonal(ubicacion);
	}
	function EliminarImagenBiblioteca(id){
		var id = id;
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<form id='frmEliminar'> \
					<h2> Asegurate que ninguna de tus otras plantillas esté utilizando esta imágen pues al eliminarla de tu biblioteca dejará de mostrarse en todos los lugares donde hayas utilizado esta imágen. </h2> \
				</form> \
			</div> \
		</div>";
		BootstrapDialog.show({
			title: "Eliminar imágen de biblioteca",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			cssClass: "ModalEliminar",
			buttons: [{
				id: "btnEliminar",
				label: "Eliminar",
				cssClass: "btn-danger",
				action: function(dialogItself){
					$("#btnEliminar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Eliminando...');
					$.post(
						"<?php echo URL::route('SysWebPAterrizajeBibliotecaImagenesClientesEliminar', array(Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id)); ?>",
						{id:id},
						function(data){
							dialogItself.close();
							$("#btnEliminar").prop("disabled", false).html("Eliminar");
							if(data.success){
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								cargarImagenesBibliotecaPersonal($(".modalCambiarImagenBGI").find(".Imagenes"));
							}
							else{
								if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
							}
						},
						"json"
					);
				}
			}]
		});
	}
	//BIBLIOTECA------------------------------
	function escapeHtml(text) {
		if(text != "" && text != undefined){
			if(text.indexOf(/&/g)){
				text.replace(/&/g, "&amp;");
			}
			if(text.indexOf(/"/g)){
				text.replace(/"/g, "&quot;");
			}
			if(text.indexOf(/</g)){
				text.replace(/</g, "&lt;");
			}
			if(text.indexOf(/>/g)){
				text.replace(/>/g, "&gt;");
			}
			if(text.indexOf(/'/g)){
				text.replace(/'/g, "&#039;");
			}
		}
		//console.log(text);
		return text;
	}
	function setParametrosReloj(elemento){
		var elemento = elemento;
		//SI NO TIENE ID LE GENERO UNO ----------------------
		if( !elemento[0].hasAttribute("id") ){
			var id = obtenerId($(".clockdown"), "clockdown");
			elemento.attr("id", "clockdown"+id);
		}
		//---------------------------------------------------
		var Reloj = {};
		var color = elemento.attr("data-reloj-color");
		var editarCFuente = false;
		var editarCFondo = false;
		var editarCBordesF = false;
		var editarCPL = false;
		if( elemento[0].hasAttribute("data-reloj-color-fuente")){
			if(elemento.attr("data-reloj-color-fuente") != ""){
				editarCFuente = true;
				var colorFuente = elemento.attr("data-reloj-color-fuente");
				var colorFuenteRbg = tinycolor(colorFuente);
				colorFuente = "rgba("+colorFuenteRbg._r+","+colorFuenteRbg._g+","+colorFuenteRbg._b+",1)";
			}
		}
		if( elemento[0].hasAttribute("data-reloj-color-fondo")){
			if(elemento.attr("data-reloj-color-fondo") != ""){
				editarCFondo = true;
				var colorFondo = elemento.attr("data-reloj-color-fondo");
				var colorFondoRbg = tinycolor(colorFondo);
				colorFondo = "rgba("+colorFondoRbg._r+","+colorFondoRbg._g+","+colorFondoRbg._b+",1)";
			}
		}
		if( elemento[0].hasAttribute("data-reloj-color-bordes-fondo")){
			if(elemento.attr("data-reloj-color-bordes-fondo") != ""){
				editarCBordesF = true;
				var colorBordesFondo = elemento.attr("data-reloj-color-bordes-fondo");
				var colorBordesFondoRbg = tinycolor(colorBordesFondo);
				colorBordesFondo = "rgba("+colorBordesFondoRbg._r+","+colorBordesFondoRbg._g+","+colorBordesFondoRbg._b+",1)";
			}
		}
		if( elemento[0].hasAttribute("data-reloj-color-pl")){
			if(elemento.attr("data-reloj-color-pl") != ""){
				editarCPL = true;
				var colorPL = elemento.attr("data-reloj-color-pl");
				var colorPLRbg = tinycolor(colorPL);
				colorPL = "rgba("+colorPLRbg._r+","+colorPLRbg._g+","+colorPLRbg._b+",1)";
			}
		}
		if (color == "negro") {
			Reloj.fillStyleSymbol1 = ( editarCFuente ) ? colorFuente : "rgba(255,255,255,1)";
			Reloj.fillStyleSymbol2 = ( editarCFuente ) ? colorFuente : "rgba(255,255,255,1)";
			Reloj.fillStylesPanel_g1_1 = ( editarCFondo ) ? colorFondo : "rgba(100,100,100,1)";
			Reloj.fillStylesPanel_g1_2 = ( editarCBordesF ) ? colorBordesFondo : "rgba(30,30,30,1)";
			Reloj.fillStylesPanel_g2_1 = ( editarCFondo ) ? colorFondo : "rgba(100,100,100,1)";
			Reloj.fillStylesPanel_g2_2 = ( editarCBordesF ) ? colorBordesFondo : "rgba(30,30,30,1)";
			Reloj.text_color = ( editarCPL ) ? colorPL : "rgba(255, 255, 255, 1)";
			Reloj.text_glow = "rgba(0, 0, 0, 1)";
			Reloj.spacer = "circle";
			Reloj.set_id = 0;
			Reloj.pan_id = 0;
			Reloj.max_height = 300;
		}
		else if (color == "blanco") {
			Reloj.fillStyleSymbol1 = "rgba(0, 0, 0, 1)";
			Reloj.fillStyleSymbol2 = "rgba(0, 0, 0, 1)";
			Reloj.fillStylesPanel_g1_1 = "rgba(105, 105, 105, 1)";
			Reloj.fillStylesPanel_g1_2 = "rgba(255, 255, 255, 1)";
			Reloj.fillStylesPanel_g2_1 = "rgba(105, 105, 105, 1)";
			Reloj.fillStylesPanel_g2_2 = "rgba(255, 255, 255, 1)";
			Reloj.text_color = "rgba(0, 0, 0, 1)";
			Reloj.text_glow = "rgba(255, 255, 255, 1)";
			Reloj.spacer = "circle";
			Reloj.set_id = 0;
			Reloj.pan_id = 0;
			Reloj.max_height = 300;
		}
		else if (color == "rojo") {
			Reloj.fillStyleSymbol1 = "rgba(255,255,255,1)";
			Reloj.fillStyleSymbol2 = "rgba(255,255,255,1)";
			Reloj.fillStylesPanel_g1_1 = "rgba(170, 17, 17, 1)";
			Reloj.fillStylesPanel_g1_2 = "rgba(80, 0, 0, 1)";
			Reloj.fillStylesPanel_g2_1 = "rgba(170, 17, 17, 1)";
			Reloj.fillStylesPanel_g2_2 = "rgba(80, 0, 0, 1)";
			Reloj.text_color = "rgba(255, 255, 255, 1)";
			Reloj.text_glow = "rgba(255, 0, 0, 1)";
			Reloj.spacer = "circle";
			Reloj.set_id = 0;
			Reloj.pan_id = 0;
			Reloj.max_height = 300;
		}
		else if( color == "negro2" ){
			Reloj.fillStyleSymbol1 = ( editarCFuente ) ? colorFuente : "rgba(227, 227, 227, 1)";
			Reloj.fillStyleSymbol2 = ( editarCFuente ) ? colorFuente : "rgba(227, 227, 227, 1)";
			Reloj.fillStylesPanel_g1_1 = ( editarCFondo ) ? colorFondo : "rgba(46, 46, 46, 1)";
			Reloj.fillStylesPanel_g1_2 = ( editarCBordesF ) ? colorBordesFondo : "rgba(46, 46, 46, 1)";
			Reloj.fillStylesPanel_g2_1 = ( editarCFondo ) ? colorFondo : "rgba(46, 46, 46, 1)";
			Reloj.fillStylesPanel_g2_2 = ( editarCBordesF ) ? colorBordesFondo : "rgba(46, 46, 46, 1)";
			Reloj.text_color = ( editarCPL ) ? colorPL : "rgba(227, 227, 227, 1)";
			Reloj.text_glow = "rgba(46, 46, 46, 1)";
			Reloj.spacer = "none";
			Reloj.set_id = 0;
			Reloj.pan_id = 0;
			Reloj.max_height = 300;
		}
		else if( color == "cReflejo" ){
			Reloj.fillStyleSymbol1 = ( editarCFuente ) ? colorFuente : "rgba(255, 255, 255, 1)";
			Reloj.fillStyleSymbol2 = ( editarCFuente ) ? colorFuente : "rgba(255, 255, 255, 1)";
			Reloj.fillStylesPanel_g1_1 = ( editarCFondo ) ? colorFondo : "rgba(100, 100, 100, 1)";
			Reloj.fillStylesPanel_g1_2 = ( editarCBordesF ) ? colorBordesFondo : "rgba(30, 30, 30, 1)";
			Reloj.fillStylesPanel_g2_1 = ( editarCFondo ) ? colorFondo : "rgba(100, 100, 100, 1)";
			Reloj.fillStylesPanel_g2_2 = ( editarCBordesF ) ? colorBordesFondo : "rgba(30, 30, 30, 1)";
			Reloj.text_color = ( editarCPL ) ? colorPL : "rgba(255, 255, 255, 1)";
			Reloj.text_glow = "rgba(0, 0, 0, 1)";
			Reloj.spacer = "circle";
			Reloj.set_id = 1;
			Reloj.pan_id = 2;
		}
		else if( color == "cuadrado" ){
			Reloj.fillStyleSymbol1 = ( editarCFuente ) ? colorFuente : "rgba(227, 227, 227, 1)";
			Reloj.fillStyleSymbol2 = ( editarCFuente ) ? colorFuente : "rgba(227, 227, 227, 1)";
			Reloj.fillStylesPanel_g1_1 = ( editarCFondo ) ? colorFondo : "rgba(46, 46, 46, 1)";
			Reloj.fillStylesPanel_g1_2 = ( editarCBordesF ) ? colorBordesFondo : "rgba(46, 46, 46, 1)";
			Reloj.fillStylesPanel_g2_1 = ( editarCFondo ) ? colorFondo : "rgba(46, 46, 46, 1)";
			Reloj.fillStylesPanel_g2_2 = ( editarCBordesF ) ? colorBordesFondo : "rgba(46, 46, 46, 1)";
			Reloj.text_color = ( editarCPL ) ? colorPL : "rgba(227, 227, 227, 1)";
			Reloj.text_glow = "rgba(46, 46, 46, 1)";
			Reloj.spacer = "none";
			Reloj.set_id = 1;
			Reloj.pan_id = 2;
		}
		else if( color == "blanco2" ){
			Reloj.fillStyleSymbol1 = "rgba(46, 46, 46, 1)";
			Reloj.fillStyleSymbol2 = "rgba(46, 46, 46, 1)";
			Reloj.fillStylesPanel_g1_1 = "rgba(227, 227, 227, 1)";
			Reloj.fillStylesPanel_g1_2 = "rgba(227, 227, 227, 1)";
			Reloj.fillStylesPanel_g2_1 = "rgba(227, 227, 227, 1)";
			Reloj.fillStylesPanel_g2_2 = "rgba(227, 227, 227, 1)";
			Reloj.text_color = "rgba(227, 227, 227, 1)";
			Reloj.text_glow = "rgba(227, 227, 227, 1)";
			Reloj.spacer = "none";
			Reloj.set_id = 0;
			Reloj.pan_id = 0;
			Reloj.max_height = 300;
		}
		Reloj.dd = (elemento.attr("data-reloj-dd") == 1) ? true : false;
		Reloj.hh = (elemento.attr("data-reloj-hh") == 1) ? true : false;
		Reloj.mm = (elemento.attr("data-reloj-mm") == 1) ? true : false;
		Reloj.ss = (elemento.attr("data-reloj-ss") == 1) ? true : false;
		/*if( elemento[0].hasAttribute("data-reloj-tipo") ){
			if( elemento.attr("data-reloj-tipo") == "TPU" ){
				//elemento.attr("data-reloj-fecha", moment().add(5, "days").format("YYYY/MM/DD HH:mm:ss"));
				var ahora = moment();
				var futuro = ahora;
				ahora = ahora.format("YYYY/MM/DD HH:mm:ss");
				var horasFin = parseInt( elemento.attr("data-reloj-horasfin") );
				var minutosFin = parseInt( elemento.attr("data-reloj-minutosfin") );
				var tiempoCronometro = futuro.add(horasFin, "hours").add(minutosFin, "minutes").add(1, "seconds");
				elemento.attr("data-reloj-fecha", tiempoCronometro.format("YYYY/MM/DD HH:mm:ss"));
			}
		}
		Reloj.fecha = elemento.attr("data-reloj-fecha");
		Reloj.timezone = parseInt(elemento.attr("data-reloj-timezone"));
		var parametrosReloj = {
			target_date: moment(Reloj.fecha, ["YYYY/MM/DD HH:mm"]).format("YYYY/MM/DD HH:mm:ss"),
			time_zone: Reloj.timezone,
			target_future: true,
			set_id: 0,
			pan_id: 0,
			day_digits: 2,
			fillStyleSymbol1: Reloj.fillStyleSymbol1,
			fillStyleSymbol2: Reloj.fillStyleSymbol2,
			fillStylesPanel_g1_1: Reloj.fillStylesPanel_g1_1,
			fillStylesPanel_g1_2: Reloj.fillStylesPanel_g1_2,
			fillStylesPanel_g2_1: Reloj.fillStylesPanel_g2_1,
			fillStylesPanel_g2_2: Reloj.fillStylesPanel_g2_2,
			text_color: Reloj.text_color,
			text_glow: Reloj.text_glow,
			show_ss: Reloj.ss,
			show_mm: Reloj.mm,
			show_hh: Reloj.hh,
			show_dd: Reloj.dd,
			f_family: "Verdana",
			show_labels: true,
			type3d: "single",
			max_height: 300,
			days_long: "Dias",
			days_short: "D",
			hours_long: "Horas",
			hours_short: "H",
			mins_long: "Minutos",
			mins_short: "Min",
			secs_long: "Segundos",
			secs_short: "Seg",
			min_f_size: 15,
			max_f_size: 30,
			spacer: Reloj.spacer,
			groups_spacing: 3,
			text_blur: 2,
			font_to_digit_ratio: 0.125,
			labels_space: 1.2
		};
		elemento.ResponsiveCountdown().destroy_countdown();
		elemento.html("");
		if( elemento[0].hasAttribute("data-reloj-tipo") ){
			if( elemento.attr("data-reloj-tipo") == "TPU" ){
				parametrosReloj.server_now_date = moment(ahora, ["YYYY/MM/DD HH:mm"]).format("YYYY/MM/DD HH:mm:ss");
				elemento.ResponsiveCountdown(parametrosReloj).pause_anim();
			}
			else{
				elemento.ResponsiveCountdown(parametrosReloj);
			}
		}
		else{
			elemento.ResponsiveCountdown(parametrosReloj);
		}*/
		var newCustomState = "";
		var dayDigits = 0;
		if( Reloj.ss == 1 ){
			newCustomState = newCustomState+"00";
			dayDigits = dayDigits+2;
		}
		if( Reloj.mm == 1 ){
			newCustomState = newCustomState+"00";
			dayDigits = dayDigits+2;
		}
		if( Reloj.hh == 1 ){
			newCustomState = newCustomState+"00";
			dayDigits = dayDigits+2;
		}
		if( Reloj.dd == 1 ){
			newCustomState = newCustomState+"00";
			dayDigits = dayDigits+2;
		}
		var newCustomState = "00000000";
		var dayDigits = 8;
		var parametrosReloj = {
			use_custom_update: true,
			new_custom_state: newCustomState,
			//target_date: moment(Reloj.fecha, ["YYYY/MM/DD HH:mm"]).format("YYYY/MM/DD HH:mm:ss"),
			//time_zone: Reloj.timezone,
			target_future: true,
			set_id: Reloj.set_id,
			pan_id: Reloj.pan_id,
			day_digits: dayDigits,
			fillStyleSymbol1: Reloj.fillStyleSymbol1,
			fillStyleSymbol2: Reloj.fillStyleSymbol2,
			fillStylesPanel_g1_1: Reloj.fillStylesPanel_g1_1,
			fillStylesPanel_g1_2: Reloj.fillStylesPanel_g1_2,
			fillStylesPanel_g2_1: Reloj.fillStylesPanel_g2_1,
			fillStylesPanel_g2_2: Reloj.fillStylesPanel_g2_2,
			text_color: Reloj.text_color,
			text_glow: Reloj.text_glow,
			show_ss: Reloj.ss,
			show_mm: Reloj.mm,
			show_hh: Reloj.hh,
			show_dd: Reloj.dd,
			f_family: "Verdana",
			show_labels: false,
			type3d: "single",
			max_height: Reloj.max_height,
			days_long: "Dias",
			days_short: "D",
			hours_long: "Horas",
			hours_short: "H",
			mins_long: "Minutos",
			mins_short: "Min",
			secs_long: "Segundos",
			secs_short: "Seg",
			min_f_size: 15,
			max_f_size: 30,
			spacer: Reloj.spacer,
			groups_spacing: 0,
			text_blur: 2,
			font_to_digit_ratio: 0.125,
			labels_space: 1.2
		};
		if( elemento[0].hasAttribute("data-reloj-vista-prev") ){
			var fechaFin = elemento.attr("data-reloj-fecha");
			var zonaHorariaP = parseInt(elemento.attr("data-reloj-timezone"));
			parametrosReloj.use_custom_update = false;
			parametrosReloj.target_date = moment(fechaFin, ["YYYY/MM/DD HH:mm"]).format("YYYY/MM/DD HH:mm:ss");
			parametrosReloj.time_zone = zonaHorariaP;
			parametrosReloj.day_digits = 2;
			parametrosReloj.groups_spacing = 2;
		}
		var configurado = elemento.html();
		/*if( configurado == "" ){
			elemento.ResponsiveCountdown(parametrosReloj);
		}*/
		elemento.ResponsiveCountdown().destroy_countdown();
		elemento.html("");
		elemento.ResponsiveCountdown(parametrosReloj);
	}
	function setParametrosRelojCircular(elemento){
		var elemento = elemento;
		//SI NO TIENE ID LE GENERO UNO ----------------------
		if( !elemento[0].hasAttribute("id") ){
			var id = obtenerId($(".clockdown"), "clockdown");
			elemento.attr("id", "clockdown"+id);
		}
		//---------------------------------------------------
		var Reloj = {};
		var color = elemento.attr("data-reloj-color");
		var editarCFuente = false;
		var editarCFondo = false;
		var editarFondoCirculo = false;
		var editarNumerosCirculo = false;
		if( elemento[0].hasAttribute("data-reloj-color-fuente")){
			if(elemento.attr("data-reloj-color-fuente") != ""){
				editarCFuente = true;
				var colorFuente = elemento.attr("data-reloj-color-fuente");
			}
		}
		if( elemento[0].hasAttribute("data-reloj-color-fondo")){
			if(elemento.attr("data-reloj-color-fondo") != ""){
				editarCFondo = true;
				var colorFondo = elemento.attr("data-reloj-color-fondo");
				var colorBg = tinycolor(colorFondo);
				colorFondo = "rgba("+colorBg._r+","+colorBg._g+","+colorBg._b+",0.1)";
			}
		}
		if( elemento[0].hasAttribute("data-reloj-color-circulo")){
			if(elemento.attr("data-reloj-color-circulo") != ""){
				editarFondoCirculo = true;
				var colorFondoCirculo = elemento.attr("data-reloj-color-circulo");
			}
		}
		if( elemento[0].hasAttribute("data-reloj-color-numeros")){
			if(elemento.attr("data-reloj-color-numeros") != ""){
				editarNumerosCirculo = true;
				var colorNumerosCirculo = elemento.attr("data-reloj-color-numeros");
			}
		}
		//--------------------------------------------------
		if (color == "redondo") {
			Reloj.diameter = 160;
			Reloj.bgWidth = 20;
			Reloj.circleWidth = 20;
			Reloj.counterFontSize = 60;
			Reloj.textFontSize = 12;
			Reloj.bgColor = ( editarCFondo ) ? colorFondo : "#d1e2c3";
			Reloj.circleColor = ( editarFondoCirculo ) ? colorFondoCirculo : "#333333";
			Reloj.counterFontColor =  ( editarNumerosCirculo ) ? colorNumerosCirculo : "#222";
			Reloj.textFontColor =  ( editarCFuente ) ? colorFuente : "#999";
		}
		else if (color == "redondo2") {
			Reloj.diameter = 100;
			Reloj.bgWidth = 4;
			Reloj.circleWidth = 5;
			Reloj.counterFontSize = 40;
			Reloj.textFontSize = 8;
			Reloj.bgColor = ( editarCFondo ) ? colorFondo : "rgba(192,192,192,0.1)";
			Reloj.circleColor = ( editarFondoCirculo ) ? colorFondoCirculo : "#0f9d58";
			Reloj.counterFontColor =  ( editarNumerosCirculo ) ? colorNumerosCirculo : "#222";
			Reloj.textFontColor = ( editarCFuente ) ? colorFuente : "#999";
		}

		var fechaInicio = new Date();
		fechaInicio = moment(fechaInicio).format("YYYY/MM/DD HH:mm:ss");
		var fechaFin = elemento.attr("data-reloj-fecha");
		var zonaHoraria = elemento.attr("data-reloj-timezone");
		var vistaPrevia = false;
		if( elemento[0].hasAttribute("data-reloj-vista-prev") ){
			vistaPrevia = true;
		}
		var parametrosReloj = {
			startDate: ( vistaPrevia ) ? fechaInicio : "0000/00/00 00:00:00",
			endDate: ( vistaPrevia ) ? fechaFin : "0000/00/00 00:00:00",
			timeZone: zonaHoraria,
			past:false,
			animation:"smooth", //smooth, tick
			//Show-Hide Day, Hour, Minute, Second
			showDay:true,
			showHour:true,
			showMinute:true,
			showSecond:true,
			//Texts
			dayText: "DÍAS",
			hourText: "HORAS",
			minuteText: "MINUTOS",
			secondText: "SEGUNDOS",
			//Circle style
			diameter: Reloj.diameter,
			bgWidth: Reloj.bgWidth,
			bgColor: Reloj.bgColor,
			circleWidth: Reloj.circleWidth,
			circleColor: Reloj.circleColor,
			counterFontSize: Reloj.counterFontSize,
			counterFontColor: Reloj.counterFontColor,
			textFontSize: Reloj.textFontSize,
			textFontColor: Reloj.textFontColor,
			textMarginTop: 0,
			margin: 5,
			//Multi color
			multiColor:false,
			//Auto reset
			autoReset:false,
			resetInterval:86400, //1 day as seconds
			//Expire
			expireType:"message", //message, hide, redirect
			message:"",
			hide:false,
			redirect:""
		};
		elemento.html("");
		elemento.circleTimer(parametrosReloj);
		if(elemento.hasClass("onfinish")){
			elemento.removeClass("onfinish");
		}
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>

window.onbeforeunload = confirmarSalida;
programarBotones();
var vistoP = "<?php echo $vistoP; ?>";
if(vistoP){
	$(".estructura").attr("data-markcd", <?php echo $vistoP; ?>);
}
var tipovcd = "<?php echo $tipovcd; ?>";
if(tipovcd){
	$(".estructura").attr("data-tipovcd", tipovcd);
	$("#accordion").attr("data-time", 1);
}
if( !$(".estructura")[0].hasAttribute("data-tipovcd") ){
	$(".estructura").attr("data-tipovcd", "A");
}
var tema = "<?php echo $tema; ?>";
var colorf = "<?php echo $colorf; ?>";
var colorbg = "<?php echo $colorbg; ?>";
var colorbr= "<?php echo $colorbr; ?>";
var coloret = "<?php echo $coloret; ?>";
var colornum = "<?php echo $colornum; ?>";
var colorsp = "<?php echo $colorsp; ?>";
var zona = "<?php echo $zona; ?>";
var zonalb = "<?php echo $zonalb; ?>";
$("#accordion").attr({"data-tema":tema, "data-zona":zona, "data-zonalb": zonalb, "data-colorf": colorf, "data-colorbg": colorbg, "data-colorbr": colorbr, "data-colornum": colornum, "data-coloret":coloret, "data-colorsp":colorsp});

$('[name="slSeccionesH"], [name="slSeccionesF"], [name="slSeccionesHC"], [name="slSeccionesFC"], [name="slSeccionesHA"], [name="slSeccionesFA"]').change(function(){
	$(this).closest("tr").find(".btn-save").prop("disabled", false);
})
$(".btn-save").on("click", function(){
	var el = $(this);
	var idE = "<?php echo $estructuraCD->id; ?>";
	var tipo = $(this).attr("data-tipos");
	var idH = $(this).closest("tr").find('[name^="slSeccionesH"]').val();
	var idF = $(this).closest("tr").find('[name^="slSeccionesF"]').val();
	var idP = "<?php echo $producto; ?>";
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	$.post(
		"<?php echo URL::route('SysWebGClientesProductosGuardarSeccionesxPaginas', array($producto)); ?>",
		{idE: idE, idH: idH,idF: idF, tipo: tipo, idP:idP},
		function(data){
			$.isLoading("hide"); NProgress.done();
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				el.prop("disabled", true)
				//window.location.reload();
			}
			else{
				new PNotify({ title: "Error", text: data.mensaje, type: "error" });
			}
		},
		"json"
	);
})
$(".usrT").on("click", function(){
	configuracionBloqueoIPS(this);
});
$("#accordion").find(".panel").each(function(){
	var indice = $(this).attr("data-indice");
});
$(".add_modulos").click(function(){
	var cnt = $("#accordion").find(".panel").length;
	var id = obtenerId($("#accordion").find(".panel"), "panel_");
	var nombre = $(this).closest(".input-group").find("input").val();
	var html = '<div class="panel panel-default" id="panel_'+id+'" data-modulo-nv="true"> \
		<div class="panel-heading" role="tab" id="headingOne"> \
			<h4 class="panel-title"> \
				<a role="button" data-toggle="collapse" data-parent="#accordion" href="#modulo_'+id+'" aria-expanded="true" aria-controls="collapseOne" class="collapsed"> \
					<span class="fa fa-angle-down indicador"></span> \
					<span class="txt">'+nombre+'</span> \
					<input type="hidden" value="" name="imgDes" class="imgDes">\
					<textarea name="descripcion_'+id+'" id="descripcion_'+id+'" rows="8" class="hide md-descrip"></textarea>\
				  </a> \
				  <span class="acciones text-right pull-right"> \
					<button type="button" class="btn btn-warning editar tooltips" title="Editar título"> \
						<span class="fa fa-pencil-square-o"></span> \
					</button> \
					<button type="button" class="btn btn-success agregar tooltips" title="Agregar contenido a este módulo"> \
						<span class="fa fa-plus"></span> \
					</button> \
					<button type="button" class="btn btn-danger eliminar tooltips" title="Eliminar"> \
						<span class="fa fa-trash"></span> \
					</button> \
				</span> \
			</h4> \
		  </div> \
		 <div id="modulo_'+id+'" class="panel-collapse collapse" role="tabpanel" data-page-nv="true" aria-labelledby="headingOne"> \
			<div class="panel-body"> \
				<ul class="list-group ls-resumen"> \
					<li class="list-group-item"> \
						<span class="icn-m fa fa-plus"></span>  \
						<span class="txt-m">Resumen de modulo</span> \
						<span class="acciones"> \
							<label> \
								<input type="checkbox" name="chActiva" id="chActiva" class="tooltips"  title="Mostrar primero en este modulo" checked value="1"> \
								<span class="custom-checkbox"></span> \
							</label> \
							<button type="button" class="btn btn-warning editar tooltips" title="Editar título"> \
								<span class="fa fa-pencil-square-o"></span> \
							</button> \
							<button type="button" class="btn btn-primary configurar tooltips" title="Editar configuración de página"> \
								<span class="fa fa-cog"></span> \
							</button> \
						</span> \
					</li> \
				</ul> \
			</div> \
		  </div> \
	</div>'
	if(nombre != ""){
		$("#accordion").append(html);
		programarBotones();
		$("#errnombre").text("");
		$(this).closest(".input-group").find("input").val("");
	}
	else{
		$("#errnombre").text("Este campo es requerido")
	}
});
$(".btnEditar").off("click").on("click" ,function(e){
	e.preventDefault();
	var nodo = $(this);
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	nodo.html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
	//CONFIGURACIÓN POR PAGINAS---------
	var configPage = new Array();
	var cntN = 0;
	$("#accordion").find(".panel").find("ul.ls-resumen").find("li").each(function(){
		var ruta = (this.hasAttribute("data-ruta"))?$(this).attr("data-ruta"):"";
		var poster = (this.hasAttribute("data-poster"))?$(this).attr("data-poster"):"";
		var tipo = (this.hasAttribute("data-tipo"))?$(this).attr("data-tipo"):"";
		var tiempo = (this.hasAttribute("data-tiempo"))?$(this).attr("data-tiempo"):"";
		var tiempoA = (this.hasAttribute("data-tiempo-audio"))?$(this).attr("data-tiempo-audio"):"";
		var dias = $(this).find('[name^="dias"]').val();
		var horas = $(this).find('[name^="horas"]').val();
		var textoDes = $(this).find('[name^="textoDes"]').val();
		if(!this.hasAttribute("data-page-nv")){
			//CONFIGURACION PARA PAGINAS EXISTENTES
			var id = $(this).attr("data-page");
			var paginas = {
				"idPage": id,
				"ruta": ruta,
				"poster": poster,
				"tipo": tipo,
				"tiempo": tiempo,
				"tiempoAudio": tiempoA,
				"dias": dias,
				"horas": horas,
				"textoNoDisponible": textoDes,
			}
		}
		configPage.push(paginas);
	});
	//----------------------------------
	jsonEstructura = [];
	//ARMO ESTRUCTURA NUEVA PARA ALMACENARCE
	$("#accordion").find(".panel").each(function(){
		var nombre = $(this).find(".txt").text();
		var descripcion = $(this).find(".panel-title").find('[name^="descripcion"]').val();
		descripcion = escapeHtml(descripcion);
		var img = $(this).find(".imgDes").val();
		var nombrePaginaM = $(this).find(".ls-resumen").find("li:first").find(".txt-m").text();
		var llevarAlInicio = ($(this).find("#chActiva").is(":checked"))?0:1;
		var idP = $(this).attr("data-page");
		var tema = $("#accordion").attr("data-tema");
		var colorF = $("#accordion").attr("data-colorf");
		var colorBg = $("#accordion").attr("data-colorbg");
		var colorBr = $("#accordion").attr("data-colorbr");
		var colorEt = $("#accordion").attr("data-coloret");
		var colorNum = $("#accordion").attr("data-colornum");
		var colorSp = $("#accordion").attr("data-colorsp");
		var zona = $("#accordion").attr("data-zona");
		var zonalb = $("#accordion").attr("data-zonalb");
		var vistoP = ($(".estructura").attr("data-markcd") == "1")?1:0;
		var tipocd = ($(".estructura").attr("data-tipovcd") != "")?$(".estructura").attr("data-tipovcd") :"";
		var modulos = {
			"nombreModulo": nombre,
			"imagenDestacada": img,
			"descripcionModulo": descripcion,
			"llevarAlInicio": llevarAlInicio,
			"nombrePaginaModulo": nombrePaginaM, 
			"paginaDelContenido": "",
			"contenido":[],
			"cronometro": {"tema": tema, "zona": zona, "zonalb":zonalb, "colorf": colorF, "colorbg": colorBg, "colorbr": colorBr, "coloret": colorEt, "colornum": colorNum, "colorsp": colorSp, "vistoP": vistoP, tipovcd:tipocd}
		}
		//VALIDACION PARA DIFERENCIAR MODULOS EXISTENTES CON NUEVOS
		if(this.hasAttribute("data-modulo-nv")){
			//PAGINAS DE MODULOS NUEVOS
			modulos.configuracion = [];
			$(this).find("ul.ls-resumen").find("li").each(function(index){
				var pagina = $(this).find(".txt-m").text();
				var ruta = (this.hasAttribute("data-ruta"))?$(this).attr("data-ruta"):"";
				var poster = (this.hasAttribute("data-poster"))?$(this).attr("data-poster"):"";
				var tipo = (this.hasAttribute("data-tipo"))?$(this).attr("data-tipo"):"";
				var tiempo = (this.hasAttribute("data-tiempo"))?$(this).attr("data-tiempo"):"";
				var tiempoA = (this.hasAttribute("data-tiempo-audio"))?$(this).attr("data-tiempo-audio"):"";
				var jsonPaginas = {
					"nombreContenido": pagina,
					"paginaDelContenido": "",
					"configuracion": [],
				};
				//CONFIGURACION--------------------
				var resum = ($(this).find('[name^="resumen"]').length > 0)?$(this).find('[name^="resumen"]').val():"";
				if(resum != "" ){
					var resum = escapeHtml($(this).find('[name^="resumen"]').val());
				}
				var txt = ($(this).find('[name^="texto"]').length > 0)?$(this).find('[name^="texto"]').val():"";
				if(txt != ""){
					var txt = escapeHtml($(this).find('[name^="texto"]').val());
				}
				var paginas = {
					"ruta": ruta,
					"poster": poster,
					"tipo": tipo,
					"tiempo": tiempo,
					"tiempoAudio": tiempoA,
					"resumen": resum,
					"texto": txt,
				}
				//--------------------------------
				//VALIDO CONFIGURACION PARA PAGINAS O PAGINA DE INTRODUCCION DE MODULO
				if(index == 0){
					modulos.configuracion.push(paginas);
				}
				else{
					jsonPaginas.configuracion.push(paginas);
					modulos.contenido.push(jsonPaginas);
				}
			});
		}
		else{
			//MODULO EXISTENTE-------------------
			modulos.paginaDelContenido = idP;
			//---------------------------------
			//PAGINAS DE MODULOS
			$(this).find("ul.ls-resumen").find("li:not(:first)").each(function(){
				var id = (this.hasAttribute("data-page-nv"))?"":$(this).attr("data-page");
				var ruta = (this.hasAttribute("data-ruta"))?$(this).attr("data-ruta"):"";
				var tipo = (this.hasAttribute("data-tipo"))?$(this).attr("data-tipo"):"";
				var poster = (this.hasAttribute("data-poster"))?$(this).attr("data-poster"):"";
				var tiempo = (this.hasAttribute("data-tiempo"))?$(this).attr("data-tiempo"):"";
				var tiempoA = (this.hasAttribute("data-tiempo-audio"))?$(this).attr("data-tiempo-audio"):"";
				var pagina = $(this).find(".txt-m").text();
				var jsonPaginas = {
					"nombreContenido": pagina,
					"paginaDelContenido": id
				};
				//VALIDACION PARA CONFIGURACION DE PAGINAS NUEVAS
				if(this.hasAttribute("data-page-nv")){
					jsonPaginas.configuracion = [];
					//CONFIGURACION--------------------
					var resum = ($(this).find('[name^="resumen"]').length > 0)?$(this).find('[name^="resumen"]').val():"";
					if(resum != ""){
						var resum = escapeHtml($(this).find('[name^="resumen"]').val());
					}
					var txt = ($(this).find('[name^="texto"]').length > 0)?$(this).find('[name^="texto"]').val():"";
					if(txt != ""){
						var txt = escapeHtml($(this).find('[name^="texto"]').val());
					}
					var paginas = {
						"ruta": ruta,
						"poster": poster,
						"tipo": tipo,
						"resumen": resum,
						"tiempo": tiempo,
						"tiempoAudio": tiempoA,
						"texto": txt,
					}
					//--------------------------------
					jsonPaginas.configuracion.push(paginas);
				}
				else{
					
				}
				modulos.contenido.push(jsonPaginas);
			});
		}
		//-----------------------------------------------------------
		jsonEstructura.push(modulos);
	});
	var idE = <?php echo $estructuraCD->id; ?>;
	var estructuraV = JSON.stringify(jsonEstructura);
	var configPage = JSON.stringify(configPage);
	var rutaSlug = $('[name="ruta"]').val();
	var formData = new FormData();
	formData.append("idE", idE);
	formData.append("idME", idME);
	formData.append("idsE", idsE);
	formData.append("estructura", estructuraV);
	formData.append("rutaP", $('[name="pg-main"]').val());
	formData.append("rutaC", $('[name="pg-content"]').val());
	formData.append("rutaPS", $('[name="pg-acceso"]').val());
	formData.append("configuracion", configPage);
	//INPUT PARA RESUMEN POR PAGINA
	$('[name^="resumen"]').each(function(){
		var id = $(this).attr("name").replace("resumen_", "");
		if(id != ""){
			formData.append("resumen_"+id+"", $(this).val());
		}
	});
	//-------------------------------
	//INPUT PARA TEXTO POR PAGINA
	$('[name^="texto"]').each(function(){
		var id = $(this).attr("name").replace("texto_","");
		if(id != ""){
			formData.append("texto_"+id+"", $(this).val());
		}
	});
	//--------------------------------
	if( nodo.attr("data-procesando") == 0 ){
		nodo.attr("data-procesando", 1);
		$.ajax({
			type: "POST",
			url: "<?php echo URL::route('SysWebGClientesProductosListadoDePaginasEditar', array($estructuraCD->id)); ?>",
			data: formData,
			cache: false,
			contentType: false,
			processData: false,
			dataType: "json",
			success: function(data){
				$.isLoading("hide"); NProgress.done();
				nodo.attr("data-procesando", 0);
				if(nodo.hasClass("continuar")){
					nodo.html("Guardar y continuar").prop("disabled", false);
				}
				else{
					nodo.html("Guardar y cerrar").prop("disabled", false);
				}
				if(data.success){
					new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
					//setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebGClientesProductos'); ?>"; }, 3000 );
					window.onbeforeunload = null;
					if(nodo.hasClass("continuar")){
						setTimeout( function(){ window.location.reload()} );
					}
					else{
						setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebGClientesProductos'); ?>"; }, 1000 );
					}
				}
				else{
					if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
					if(data.errMensajes != ''){
						$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
					}
					else{
						//
					}
				}
			},
			error: function(jqXHR, textStatus, errorThrown){
				new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
			}
		});
	}
});
$(".btn-conf").each(function(){
	$(this).off("click").on("click", function(){
		var elemento = $(this);
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<form id="frmRuta"> \
					<div class="form-group">\
						<label class="col-sm-3 control-label text-right">Ruta de página</label>\
						<div class="col-sm-9" style="margin-bottom: 15px">\
							<div class="input-group">\
								<span class="input-group-addon"><?php echo $rutaD; ?>/</span>\
								<input class="form-control slug" name="slug" type="text">\
								<input class="form-control" name="seo" type="hidden">\
							</div>\
						</div>\
						<span class="text-danger" id="errslug" style="margin-left: 27%;"></span>\
					</div> \
					<!--div class="form-group dvSA hide">\
						<label class="col-sm-3 control-label text-right">Palabras clave</label>\
						<div class="col-sm-9" style="margin-bottom: 15px">\
							<input type="text" class="form-control" value="" name="keywordP" id="keywordP">\
						</div>\
						<span class="text-danger" id="errkeywordP" style="margin-left: 27%;"></span>\
					</div>\
					<div class="form-group dvSA hide">\
						<label class="col-sm-3 control-label text-right" > 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; margin-bottom: 15px">\
							<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 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>\
						<span class="text-danger" id="errhtmlHead"></span>\
					</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>\
						<span class="text-danger" id="errhtmlBody"></span>\
					</div>\
					<div class="form-group"> \
						<label class="col-sm-3 control-label text-right"> ¿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=""> \
									<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" style="float: left; width: 100%;"> \
						<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="checkbox" style="padding-left: 0px;"> \
								<label> \
									<input name="ntf_activo" type="checkbox" value=""> \
									<span class="custom-checkbox"></span> Activar mensaje en esta página. \
								</label> \
							</div> \
							<span class="text-danger" id="errntf_activo"></span> \
						</div> \
					</div> \
					<div class="form-group" style="float: left; width: 100%;"> \
						<label class="col-sm-3 control-label text-right"> ¿Desactivar Pre-Cargador en esta página? </label> \
						<div class="col-sm-9"> \
							<div class="checkbox" style="padding-left: 0px;"> \
								<label> \
									<input name="sin_preloader" type="checkbox" value=""> \
									<span class="custom-checkbox"></span> Si, no deseo mostrar el Pre-Cargador en esta página. \
								</label> \
							</div> \
							<span class="text-danger" id="errsin_preloader"></span> \
						</div> \
					</div> \
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			closeByBackdrop: false,
			closeByKeyboard: false,
			title: "Configurar y publicar página",
			type: BootstrapDialog.TYPE_PRIMARY,
			size: BootstrapDialog.SIZE_NORMAL,
			message: mensaje,
			draggable: true,
			cssClass: "ModalConf color-head-modal modal-seo",
			onshow: function(dialog){
				var ventana = dialog.getModalBody();
				//ventana.find(".slug").val($('[name="'+elemento.attr("data-tipo")+'"]').val());
			},
			onshown: function(dialog){
				var ventana = dialog.getModalBody();
				ventana.find(".slug").focus();
				ventana.find(".slug").stringToSlug({
					setEvents: 'blur',
					callback: function(text) {
						ventana.find(".slug").val(text);
					}
				});
				if(elemento.attr("data-tipo") == "pg-acceso"){
					ventana.find(".dvSA").removeClass("hide");
				}
				ventana.find('[type="checkbox"]').on("click", function(){
					if($(this).is(":checked")){
						$(this).val(1);
					}
					else{
						$(this).val(0);
					}
				})
				//BIBLIOTECA---------------
				$("#imgOgImage").click(function(e){
					e.preventDefault();
					galeriaImg(ventana);
				});
				if(elemento.attr("data-tipo") == "pg-main"){
					var tipo = 'H';
				}
				else if(elemento.attr("data-tipo") == "pg-content"){
					var tipo = 'C';
				}
				else{
					var tipo = 'SA';
				}
				var idE = "<?php echo $estructuraCD->id; ?>";
				$.post(
					"<?php echo URL::route('SysWebGClientesObtenerSEO'); ?>",
					{idE: idE, tipo: tipo},
					function(data){
						if(elemento.attr("data-tipo") == "pg-main"){
							ventana.find('[name="slug"]').val("<?php echo $namep; ?>");
							console.log(ventana.find('[name="slug"]').val());
						}
						else if(elemento.attr("data-tipo") == "pg-content"){
							ventana.find('[name="slug"]').val("<?php echo $namec; ?>");
						}
						else{
							ventana.find('[name="slug"]').val("<?php echo $namesa; ?>");
						}
						if(data.success){
							ventana.find('[name="seo"]').val(data.SeoxEstructuraCD.id);
							ventana.find('[name="htmlHead"]').val(data.SeoxEstructuraCD.beforetitle);
							ventana.find('[name="htmlBody"]').val(data.SeoxEstructuraCD.endbody);
							ventana.find('[name="slug"]').val(data.SeoxEstructuraCD.slug);
							ventana.find('[name="keywordP"]').val(data.SeoxEstructuraCD.keywords);
							ventana.find("#imgOgImage").attr("src", data.SeoxEstructuraCD.ogImage);
							ventana.find('[name="ImageLogo"]').val(data.SeoxEstructuraCD.ogImage);

							if(parseInt(data.SeoxEstructuraCD.sin_preloader)){
								$('[name="sin_preloader"]').prop("checked", true);
								$('[name="sin_preloader"]').val(1);
							}
							if(parseInt(data.SeoxEstructuraCD.mensaje_cookies_activo)){
								$('[name="ntf_activo"]').prop("checked", true);
								$('[name="ntf_activo"]').val(1);
							}
							if(parseInt(data.SeoxEstructuraCD.chat_wh_inactivo)){
								$('[name="chat_wh_inactivo"]').prop("checked", true);
								$('[name="chat_wh_inactivo"]').val(1);
							}
						}
						else{
							//ventana.find(".slug").val($('[name="'+elemento.attr("data-tipo")+'"]').val());
							//$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
						}
					},
					"json"
				)
			},
			buttons: [{
				id: "btnGuardar",
				label: "Guardar",
				cssClass: "btn-success btn-block btn-lg",
				action: function(dialogItself){
					var ventana = $(".ModalConf");
					var idE = "<?php echo $estructuraCD->id; ?>";
					var idP = "<?php echo $producto; ?>";
					var slug = ventana.find(".slug").val();
					if(elemento.attr("data-tipo") == "pg-main"){
						var tipo = "P";
					}
					else if(elemento.attr("data-tipo") == "pg-content"){
						var tipo = "C";
					}
					else{
						var tipo = "SA";
					}
					$('[name="'+elemento.attr("data-tipo")+'"]').val(ventana.find(".slug").val());
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					var seo = ventana.find('[name="seo"]').val();
					var htmlHead  = ventana.find("#htmlHead").val();
					var htmlBody  = ventana.find("#htmlBody").val();
					var sin_preloader  = ventana.find('[name="sin_preloader"]').val();
					var chat_wh_inactivo  = ventana.find('[name="chat_wh_inactivo"]').val();
					var ntf_activo  = ventana.find('[name="ntf_activo"]').val();
					var ImageLogo  = ventana.find('[name="ImageLogo"]').val();
					var keywords  = ventana.find('[name="keywordP"]').val();
					$.post(
						"<?php echo URL::route('SysWebGClientesPaginaPublicar', array($producto)); ?>",
						{idE: idE, idP: idP, tipo: tipo, slug: slug, seo: seo, htmlHead: htmlHead, htmlBody: htmlBody, sin_preloader: sin_preloader, chat_wh_inactivo: chat_wh_inactivo, ntf_activo: ntf_activo, ImageLogo: ImageLogo, keywords: keywords},
						function(data){
							$.isLoading("hide"); NProgress.done();
							if(data.success){
								new PNotify({ title: "Felicidades!", text: data.mensaje, type: "success" });
								var ruta = "<?php echo $rutaD; ?>";
								elemento.closest("td").find(".ver").removeClass("desactivar");
								elemento.closest("td").find(".vista").removeClass("desactivar");
								elemento.closest("td").find(".ver").attr("href", ruta+"/"+slug);
								dialogItself.close();
							}
							else{
								$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
							}
						},
						"json"
					)
				}
			}]
		});
	});
});
$(".btn-mark").on("click", function(){
	configurarEmailMarketing();
})
$(".btn-conf-av").on("click", function(){
	var elemento = $(this);
	var mensaje = '<div class="row"> \
		<div class="col-xs-12"> \
			<form id="frmConfAv"> \
				<div class="form-group">\
					<label class="control-label" style="display: block">¿Deseas permitir a tus clientes poder desmarcar un contenido que ya este marcado como visto?</label>\
					<div class="form-group"> \
						<label class="radio-inline">\
							<input type="radio" value="1" id="chDesmarcarSi" name="chDesmarcar">\
							<span class="custom-radio"></span>\
							Si\
						</label>\
						<label class="radio-inline">\
							<input type="radio" value="0" id="chDesmarcarNo" name="chDesmarcar" checked>\
							<span class="custom-radio"></span>\
							No \
						</label>\
					</div> \
				</div> \
				<div class="form-group">\
					<label class="control-label" style="display: block">¿Como deseas que tus clientes visualicen este contenido digital? </label>\
					<select class="form-control" name="slTipoVisto" id="slTipoVisto">\
						<option value="A" >Sin restricciones (los usuarios podrán ver el contenido en el orden que ellos quieran)</option>\
						<option value="OA" >En orden ascendente (por ejemplo, los usuarios no podrán ver el video 2 si no han visto el 1) </option>\
						<option value="OATP">En orden ascendente con restricción de tiempo (igual al anterior pero además con restricción de tiempo. Por ejemplo, el usuario podrá ver el video dos, 3 días después de haber visto el video 1)</option>\
					</select>\
					<div class="form-group">\
						<div class="alert alert-info" style="display: block; margin-bottom:0px; margin-top: 15px; font-size: 16px;">Las configuraciones de esta ventana se verán aplicadas al guardar las configuraciones del contenido digital que estas editando</div>\
					</div> \
				</div> \
			</form> \
		</div> \
	</div>';
	BootstrapDialog.show({
		closeByBackdrop: false,
		closeByKeyboard: false,
		title: "Configurar de visualización de contenido digital",
		type: BootstrapDialog.TYPE_PRIMARY,
		size: BootstrapDialog.SIZE_NORMAL,
		message: mensaje,
		draggable: true,
		cssClass: "color-head-modal modal-conf",
		onshow: function(dialog){
			var ventana = dialog.getModalBody();
		},
		onshown: function(dialog){
			var ventana = dialog.getModalBody();
			ventana.find("#slTipoVisto").selectpicker();
			if( $(".estructura")[0].hasAttribute("data-tipovcd") ){
				ventana.find("#slTipoVisto").selectpicker("val", $(".estructura").attr("data-tipovcd"));
				if($(".estructura").attr("data-tipovcd") == "OATP"){
					ventana.find("#chDesmarcarSi").closest("label").addClass("desactivado");
				}
			}
			if($(".estructura").attr("data-markcd") == "1" ){
				ventana.find("#chDesmarcarSi").prop("checked", true);
			}
			else{
				ventana.find("#chDesmarcarNo").prop("checked", true);
			}
			ventana.find("#slTipoVisto").change(function(){
				if($(this).val() ==  "OATP"){
					ventana.find("#chDesmarcarNo").prop("checked", true);
					ventana.find("#chDesmarcarSi").closest("label").addClass("desactivado");
				}
				else{
					ventana.find("#chDesmarcarSi").closest("label").removeClass("desactivado");
				}
			});
		},
		buttons: [{
			id: "btnGuardar",
			label: "Guardar",
			cssClass: "btn-success btn-block btn-lg",
			action: function(dialogItself){
				var ventana = $(".modal-conf");
				if(ventana.find("#slTipoVisto").val() == "OATP" ){
					$("#accordion").attr("data-time", 1);
				}
				else{
					$("#accordion").removeAttr("data-time");
				}
				$(".estructura").attr("data-markcd", ventana.find('[name="chDesmarcar"]:checked').val());
				$(".estructura").attr("data-tipovcd", ventana.find("#slTipoVisto").val());
				dialogItself.close();
			}
		}]
	});
});
<?php if(Session::has('EliminarMensajeS')): ?>
new PNotify({ title: "Realizado", text: "<?php echo Session::get('EliminarMensajeS'); ?>", type: "success" });
<?php endif; ?>
<?php if(Session::has('EliminarMensajeE')): ?>
new PNotify({ title: "Realizado", text: "<?php echo Session::get('EliminarMensajeE'); ?>", type: "error" });
<?php endif; ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>