<?php $__env->startSection('CSS'); ?>
<style type="text/css">
	@media  screen and (max-width: 1505px) {
		.block-web .header > h3{
			width: 54% !important;
		}
	}
	@media  screen and (max-width: 1350px) {
		.step a span {
			font-size: 13px;
		}
	}
	@media  screen and (max-width: 1265px) {
		.step a span {
			font-size: 12px;
		}
		.block-web .header > h3,
		.block-web .header > span {
			font-size: 17px !important;
		}
		.block-web .header h3 > .btn,
		.block-web .header .dvVer .control-label > a{
			font-size: 13px !important;
			padding: 5px 10px;
		}
	}
	@media  screen and (max-width: 1220px) {
		.block-web .header > h3{
			width: 53% !important;
		}
	}
	@media  screen and (max-width: 1205px) {
		.step a span {
			font-size: 11px;
		}
	}
	@media  screen and (max-width: 1190px) {
		.block-web .header > h3,
		.block-web .header > span {
			font-size: 15px !important;
		}
	}
	@media  screen and (max-width: 1160px) {
		.block-web .header > h3,
		.block-web .header > span {
		}
	}
	@media  screen and (max-width: 1150px) {
		.step a span {
			font-size: 10px;
		}
	}
	@media  screen and (max-width: 1135px) {
		.block-web .header > h3,
		.block-web .header > span {
			font-size: 14px !important;
		}
		.block-web .header > h3{
			width: 52% !important;
		}
		.block-web .header h3 > .btn,
		.block-web .header .dvVer .control-label > a{
			font-size: 12px !important;
			padding: 4px 8px;
		}
	}
	@media  screen and (max-width: 1120px) {
		.block-web .header > h3,
		.block-web .header > span {
		}
	}
	@media  screen and (max-width: 1095px) {
		.block-web .header > h3{
			width: 51% !important;
		}
	}
	@media  screen and (max-width: 1090px) {
		.step a span {
			font-size: 9px;
		}
		input[type=search] {
			width: 125px !important;
		}
		.dataTables_filter {
			margin-left: 20px !important;
		}
	}
	@media  screen and (max-width: 1045px) {
		.step a span {
			font-size: 8.5px;
		}
		.block-web .header > h3{
			width: 50% !important;
		}
	}
	@media  screen and (max-width: 1025px) {
		.block-web .header > h3,
		.block-web .header > span {
			font-size: 13px !important;
		}
	}
    .caption .btn{
        display:inline-block;
        width:135px;
        margin-bottom: 3px;
	}
	.image_picker_image {
		object-fit: contain;
	}
	.image_picker_image {
		height: 100px !important;
		width: 119px !important;
	}
	#ptab2{
		min-height: 300px
	}
	.toggle-danger .toggle-slide .toggle-off, .toggle-danger .toggle-select .toggle-on{
		background: none repeat scroll 0 0 #D9534F;
		color: #FFFFFF;
	}
	.toggle-danger .toggle-slide{
		border-color: #D43F3A;
	}
	.popover>.arrow{	
		border-width: 11px;
		left: 44%;
		top: -12%;
		font-size: 30px;
		color: white;
	}
	.popover{
		max-width: 400px;
	}
	.bootstrap-datetimepicker-widget {
		position: fixed;
	}
	.block-web .nav-tabs > li.active > a, .block-web .nav-tabs > li.active > a:hover, .block-web .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;
	}
	.step.paginas a{
		text-align: center;
		font-size: 16px;
		font-weight: 400;
	}
	.final{
		width: 38%;
		background-color: #687174;
		padding: 10px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		pointer-events: none;
	}
	.error-text-min{
		display: none;
	}
	#frmAgregarPaginasN .tooltip.top {
		width:175px !important;
	}
	.md_disenho  .modal-dialog {
		width: 1000px;
	}
	input[type="radio"]:checked + .custom-radio:before{
		font-size: 37px ;
	}
	.radio-inline label{
		font-weight: 400;
	}
	.mdAvatar .modal-dialog .modal-content .modal-header{ background-color: #363B3F; }
	<?php
		if( !isset($_GET['import']) ){
	?>
	.oculto {
		display: none !important;
	}
	<?php
		}
	?>
	textarea{
		resize: vertical;
	}
	.slSecciones {
		text-align: left !important;
	}
	.slSecciones .dropdown-menu > li > a:hover {
		background-color: #efefef;
	}
	.tab-content{
		overflow: unset;
	}
</style>
<?php echo HTML::style('DataTables/dataTables.bootstrap.min.css'); ?>

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

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

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

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

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

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

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

<?php echo HTML::style('SysWeb/SumeClientes/Paginas.css'); ?>

<?php echo HTML::style('gentemplate/css/min/editor.min.css?=v0.1.31'); ?>

<?php /* HTML::style('gentemplate/css/editor.css?=v0.1.31') */ ?>
<?php echo HTML::style('TouchSpin/jquery.bootstrap-touchspin.min.css'); ?>

<?php echo HTML::style('Webui-Popover/jquery.webui-popover.min.css'); ?>

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

<style type="text/css">
	@media (max-width: 450px) { .ModalEliminar .modal-dialog { width: auto; } }
	@media (min-width: 451px) { .ModalEliminar .modal-dialog { width: 450px; } }
</style>
<style type="text/css" class="init">

	table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected {
		background-color: #E9E9E9;
	}
	table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
		background-color: #E9E9E9;
	}
	table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
		background-color: #E9E9E9;
	}
	table.dataTable.order-column tbody > tr.selected > .sorting_1, table.dataTable.order-column tbody > tr.selected > .sorting_2, table.dataTable.order-column tbody > tr.selected > .sorting_3, table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1, table.dataTable.display tbody > tr.selected > .sorting_2, table.dataTable.display tbody > tr.selected > .sorting_3, table.dataTable.display tbody > tr > .selected {
		background-color: #E9E9E9;
	}
	table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
		background-color: #E9E9E9;
	}
	table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover {
		background-color: #E9E9E9;
	}
	table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
		background-color: #E9E9E9;
	}
	.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
		background-color: #E9E9E9;
	}
	.bootstrap-dialog.type-primary .modal-header {
		background-color: #363b3f;
	}
	.ModalBiblioteca .modal-content .modal-body{
		height:600px;
	}
	.ModalInicial.size-normal .modal-content{
		width: 50%;
		display: block;
		margin: auto;
	}
	.ModalAgregarPost.size-normal .modal-content{
		width: 50%;
		display: block;
		margin: auto;
	}
	.ModalPublicar.size-normal .modal-content{
		width: 50%;
		display: block;
		margin: auto;
	}
	.ModalDesPublicar.size-normal .modal-content{
		width: 50%;
		display: block;
		margin: auto;
	}
	.paginas{
		width: 15%;
	}
	.viewlist li{
		width: 9%;
	}
	.iframe-container{
		margin-top: 15px;
	}
	.dark-theme .navbar-nav li {
		border-left: 1px solid #454a4e !important; 
		display: inline-block ;
		width: initial !important;
	}
	.nav>li>a {
		position: relative !important;
		display: block !important;
		padding: 10px 15px !important;
	}
	.navbar-nav li a {
		padding-bottom: 10px !important;
		padding-top: 10px !important;
		line-height: unset !important;
	}
	.ModalInicial   .bootstrap-dialog-title{
		font-size: 27px !important;
		display: block !important;
    	text-align: center !important;
	}
	@media (max-width: 767px){
		.hidden-xs  a {
			display: none !important;
		}
	}
	@media (max-width: 450px) { 
		.ModalBiblioteca .modal-content .modal-body { 
			height: auto; 
		} 
	}
	
	@media (max-width: 800px) { 
		.ModalBiblioteca .modal-content .modal-body { 
			height: auto; 
		}
		.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;
		}
		ul.divSW li.paginas {
			font-family: 'icomoon' !important;
			display: flex;
			justify-content: center;
			align-items: center;
			overflow: hidden;
		}
		ul.divSW li.active{
			background-color: #fff !important;
		}
		ul.divSW li.active a{
			background-color: transparent !important;
		}
		ul.divSW {
			width: 100%;
			display: flex;
			justify-content: center;
		}
		ul.divSW li:first-child a::before{
			content: "\e913";
			font-size: 25px;
		}
		ul.divSW li:nth-child(2) a::before{
			content: "\f0db";
			font-size: 25px;
		}
		ul.divSW li:nth-child(3) a::before{
			content: "\f0f6";
			font-size: 25px;
		}
		ul.divSW li:nth-child(4) a::before{
			content: "\f290";
			font-size: 25px;
		}
		ul.divSW li:nth-child(5) a::before{
			content: "\f24e";
			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;
		}
	}
	.checkbox label::before{
		display: none;
	}
	.ModalConfiguracion .bootstrap-dialog-close-button{
		display: block !important;
	}
	.VistaPrevia .isloading-wrapper{
		display: inline-block;
		top: 70px !important;
		background-color: #000;
		font-size: 30px;
		text-transform: uppercase;
		padding: 185px 63px 186px 63px;
		margin-left: -50px;
		font-weight: 500;
		border-radius: 2px !important;
	}
	.toggle-danger .toggle-slide .toggle-off, .toggle-danger .toggle-select .toggle-on{
		background: none repeat scroll 0 0 #D43F3A !important;
    	color: #FFFFFF;
	}
	.toggle-danger .toggle-slide .toggle-blob{
		background: none repeat scroll 0 0 #FFFFFF;
    	border-right: 1px solid #D43F3A !important;
	}
	.text-count-message{
		display: none !important;
	}
	.block-web .nav-tabs > li{
		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	}
	.btnRadius {
		border-radius: 4px !important;
	}
</style>
<?php $__env->stopSection(); ?>

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

<div class="row">
	<div class="col-md-12">
		<h2><i class="icons-web-site" style="font-size: 30px !important;"></i> Sitio Web </h2>
	</div><!--/col-md-12-->
</div><!--/row-->
<?php 
	if(isset($EntradaSlug)){
		$EntradaSlugs = json_decode($EntradaSlug);
	}
	else{
		$EntradaSlugs = '';
	}
	if(isset($PaginaSlug)){
		$PaginaSlugs = json_decode($PaginaSlug);  
	}
	else{
		$PaginaSlugs = '';
	}
?>
<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header">
				<h3 class="content-header" style="display: inline-block; width: 60%;">
					<?php
						if($Configuraciones->formato_url == 'hs'){
							$formato_url = 'http://';
						}
						else if($Configuraciones->formato_url == 'hc'){
							$formato_url = 'http://www.';
						}
						else if($Configuraciones->formato_url == 'hss'){
							$formato_url = 'https://';
						}
						else{
							$formato_url = 'https://www.';
						}
						$disenho = false;
						if($Configuraciones->modo_disenho != ''){
							$dato_disenho = json_decode($Configuraciones->modo_disenho, true);
							if($dato_disenho['estado']){
								$disenho = true;
								$dominio = str_replace('.', '-',$Configuraciones->nombre_dominio);
								$dominio = $formato_url.$dominio.'.sumeclientes.space';
							}
							else{
								$dominio = $formato_url.$Configuraciones->nombre_dominio;
							}
						}
						else{
							$dominio = $formato_url.$Configuraciones->nombre_dominio;
						}
						if( count($ConfTienda) > 0 ){
							$width = "23%";
						}
						else{
							$width = "39%";
						}
					?>
					Listado Páginas de sitio web: &nbsp; 
					&nbsp;&nbsp; <button type="button" class="btn btn-primary  addPagina btnRadius"  onclick="AgregarPostYPaginas('pagina')"> Agregar </button>
					<button type="button" class="btn btn-primary hide addPost btnRadius" onclick="AgregarPostYPaginas()"> Agregar </button>
				</h3>
				<div class="form-group text-left dvVer" style="display: inline-block; margin-bottom: 5px; vertical-align: middle; margin-left:3px; width: 17%;">
					<div class="control-label">
						<a href="<?php echo $dominio; ?>" target="_blank" class="btn btn-success" style="width: 80%; border-radius: 3px;"> Ver sitio <i class="fa  fa-external-link" aria-hidden="true" style="padding-left: 5px;"></i></a>
					</div>
				</div>
				<div class="form-group text-left" style="display: inline-block;  margin-bottom: 5px; vertical-align: middle; margin-left:3px;">
					<div class="control-label">
						<div id="toggle_online"class="toggle toggle-success"></div>
					</div>
				</div>
				<span class="txt-online" style="font-weight: 300; font-size:18px; margin-left: 10px;"> </span>
			</div>
			<div class="porlets-content">
				<div class="tab-container">
					<ul class="nav nav-tabs divSW" style="background-color: unset;">
						<li class="step active paginas">
							<a  href="#ptab1" class="stepOne" data-toggle="tab"><span> Páginas </span> </a>
						</li>
						<li class="step paginas">
							<a  href="#ptab3" data-toggle="tab"><span> Páginas Agregadas </span></a>
						</li>
						<li class="step paginas">
							<a  href="#ptab2" data-toggle="tab"><span> Entradas para blog </span></a>
						</li>
						<?php if( count($ConfTienda) > 0 ): ?>
						<li class="step paginas">
							<a  href="#ptab4" data-toggle="tab"><span> Páginas de Tienda </span></a>
						</li>
						<?php endif; ?>
						<li class="step paginas">
							<a  href="#ptab5" data-toggle="tab"><span> Páginas legales</span></a>
						</li>
						<li class="final" style="width: <?php echo $width; ?>;">
							<a  href="#ptab2" data-toggle="tab"><span></span></a>
						</li>
					</ul>
					<div class="tab-content">
						<div class="tab-pane active" id="ptab1">
							<?php if(!$Configuraciones->texto_instruccion): ?>
								<div class="alert alert-info mensaje-info alert-dismissable ">
									<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
									<h4 class="text-center" style="font-weight:500">Estas son las páginas de tu sitio, desde aquí puedes editarlas y configurarlas.<br>
										Para mas información mira el video con el icono de ayuda  " <span class="fa fa-question" ></span> "  que se encuentra en la parte superior de la página <br><br>
										Si quieres que te ayudemos en la creación de tu sitio haz clic en el botón de abajo para mas información
									</h4>
									<div class="text-center">
										<a href="https://sumeclientes.com/te-hacemos-tu-sitio/" target="_blank" class="btn btn-success"> MAS INFORMACIóN</a>
									</div>
								</div>
							<?php endif; ?>
							<?php if(count($plantillas) > 0): ?>
								<div class="alert alert-success actualizacion-paginas alert-dismissable ">
									<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
									<h4 class="text-center" style="font-weight:500; margin-bottom:0px;">Tu tema tiene nuevas páginas haz clic en <a href='#' onclick="AgregarPaginasNuevas()" class='tooltips agregar-pagina' data-toggle='tooltip' title='Agregar' > Agregar </a> para añadirlas 
									</h4>
								</div>
							<?php endif; ?>
							<div class="table-responsive">
								<table class="table table-striped-old table-bordered table-hover display" id="tblPaginasxCliente" cellspacing="0" width="100%">
									<thead>
										<tr>
											<th></th>
											<th class="all" data-priority="1" style="width: 5%;"> Activo </th>
											<th class="all" data-priority="1" style="width: 25%;"> Nombre </th>
											<th class="min-tablet-l text-center" data-priority="1" style="width: 15%;"> Encabezado </th>
											<th class="min-tablet-l text-center" data-priority="1" style="width: 15%;"> Pie de página </th>
											<th class="min-tablet-l text-center" data-priority="2" style="width: 15%;"> Acciones </th>
										</tr>
									</thead>
								</table>
							</div>
						</div>
						<div class="tab-pane" id="ptab2">
							<div class="table-responsive">
								<table class="table table-striped-old table-bordered table-hover display" id="tblPostxPlantilla" cellspacing="0" width="100%">
									<thead>
										<tr>
											<th></th>
											<th class="all">Activo </th>
											<th class="all" data-priority="1" style="width: 22%;"> Nombre </th>
											<th class="min-tablet-l text-center">Encabezado</th>
											<th class="min-tablet-l text-center" data-priority="1" style="width: 15%;"> Barra lateral </th>
											<th class="min-tablet-l text-center">Pie de página</th>
											<th class="min-tablet-l text-center" data-priority="1" style="width: 12%;"> Fecha de publicación </th>
											<!--th class="min-tablet-l text-center" data-priority="1" style="width: 15%;"> Fecha de modificación </th-->
											<th class="min-tablet-l text-center" data-priority="2" style="width: 20%;"> Acciones </th>
										</tr>
									</thead>
								</table>
							</div>
						</div>
						<div class="tab-pane" id="ptab3">
							<div class="table-responsive">
								<table class="table table-striped-old table-bordered table-hover display" id="tblPaginasxClienteClon" cellspacing="0" width="100%">
									<thead>
										<tr>
											<th></th>
											<th class="all" data-priority="1" style="width: 5%;"> Activo </th>
											<th class="all" data-priority="1" style="width: 25%;"> Nombre </th>
											<th class="min-tablet-l text-center" data-priority="1" style="width: 15%;"> Encabezado </th>
											<th class="min-tablet-l text-center" data-priority="1" style="width: 15%;"> Pie de página </th>
											<th class="min-tablet-l text-center" data-priority="2" style="width: 15%;"> Acciones </th>
										</tr>
									</thead>
								</table>
							</div>
						</div>
						<div class="tab-pane" id="ptab4">
							<div class="table-responsive">
								<table class="table table-striped-old table-bordered table-hover display" id="tblPaginasxClienteTienda" cellspacing="0" width="100%">
									<thead>
										<tr>
											<th></th>
											<th class="all" data-priority="1" style="width: 5%;"> Activo </th>
											<th class="all" data-priority="1" style="width: 25%;"> Nombre </th>
											<th class="min-tablet-l text-center" data-priority="1" style="width: 15%;"> Encabezado </th>
											<th class="min-tablet-l text-center" data-priority="1" style="width: 15%;"> Pie de página </th>
											<th class="min-tablet-l text-center" data-priority="2" style="width: 15%;"> Acciones </th>
										</tr>
									</thead>
								</table>
							</div>
						</div>
						<div class="tab-pane" id="ptab5">
							<div class="table-responsive">
								<table class="table table-striped-old table-bordered table-hover display" id="tblLegales" cellspacing="0" width="100%">
									<thead>
										<tr>
											<th></th>
											<th class="all">Activo </th>
											<th class="all" data-priority="1" style="width: 22%;"> Nombre </th>
											<th class="min-tablet-l text-center">Encabezado</th>
											<th class="min-tablet-l text-center">Pie de página</th>
											<th class="min-tablet-l text-center" data-priority="2" style="width: 20%;"> Acciones </th>
										</tr>
									</thead>
								</table>
							</div>
						</div>
					</div>
				<div>
			</div>
			<div class="bottom">
				<button type="button" class="btn btn-primary hide addPost" onclick="AgregarPostYPaginas()"> Agregar </button>
				<button type="button" class="btn btn-primary  addPagina" onclick="AgregarPostYPaginas('pagina')"> Agregar </button>
				<button type="button" style="display: none;" class="btn btn-danger" id="btnEliminarSeleccionados"> Eliminar seleccionados </button>
				<?php
					if( isset($_GET['import']) ){
				?>
				<button type="button" class="btn btn-info" id="btnImportarP" onclick="ImportarPlantilla()"> Importar Plantilla </button>
				<?php
					}
				?>
			</div>
			<input type="hidden" id="cid" value="<?php echo Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id; ?>">
			<input type="hidden" id="rutabibliotecascliente" value="<?php echo URL::route('SysWebPAterrizajeBibliotecaImagenesClientes', array('')); ?>/">
			<input type="hidden" id="hdnRutaImagenes" value="<?php echo URL::route('SysWebPAterrizajeGenTemplateImagenes'); ?>"> 
		</div>
	</div>
</div><!--/row end-->
<?php $__env->stopSection(); ?>

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

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

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

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

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

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

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

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

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

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

<?php echo HTML::script('bootstrap-datetimepicker/js/moment-with-locales.js'); ?>

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

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

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

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

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

<script type="text/javascript">
	function barraProgreso(elemento){
		var contadorWrapper = (elemento=="T")?$(".text-count-wrapper-t"):$(".text-count-wrapper-d");
		var barra = (elemento=="T")?$("#progresoTitle"):$("#progresoDescripcion");
		//var total = (elemento=="T")?60:160;
		var total = (elemento=="T")?60:250;
		//var porcentaje = (elemento=="T")?(40*100)/total:(120*100)/total;
		var porcentaje = (elemento=="T")?(40*100)/total:(80*100)/total;
		var letrasEscritas = parseInt( contadorWrapper.find(".text-count").html() );
		var color = "progress-bar-danger";
		var porcentajeEscrito = 100;
		if( letrasEscritas <= total ){
			porcentajeEscrito = (letrasEscritas*100)/total;
			color = (porcentajeEscrito < porcentaje)?"progress-bar-warning":"progress-bar-success";
		}
		barra.removeClass("progress-bar-success progress-bar-warning progress-bar-danger").addClass(color).css("width", porcentajeEscrito+"%");
		
	}
</script>
<script type="text/javascript">
	function Eliminar(id, tipo){
		var id = id;
		var tipo = tipo;
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<form id='frmEliminar'> \
					<h2> ¿Seguro que desea eliminar? </h2> \
						<input type='hidden' name='idWeb' value='"+id+"'> \
				</form> \
			</div> \
		</div>";
		BootstrapDialog.show({
			title: "Eliminar registro",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			closeByBackdrop: false,
			cssClass: "ModalEliminar mdAvatar",
			onshown: function(dialogItself){
				$("body").addClass("modal-open");
			},
			buttons: [{
				id: "btnEliminar",
				label: "Eliminar",
				cssClass: "btn-danger btn-block btn-lg",
				action: function(dialogItself){
					NProgress.start();
					$("#btnEliminar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Eliminando');
					$.post(
						"<?php echo URL::route('SysWebSWebEliminarPostPlantilla'); ?>",
						{ idWeb: id, tipo: tipo },
						function(data){
							NProgress.done();
							$("#btnEliminar").prop("disabled", false).html("Eliminar");
							if(data.success){
								new PNotify({ title: "!Felicidades!", text: data.mensaje, type: "success" });
								dialogItself.close();
								if(tipo == "pagina" || tipo == "paginaClon"){
									var table = $("#tblPaginasxCliente").DataTable();
									table.ajax.reload(null, false);
									var tableClon = $("#tblPaginasxClienteClon").DataTable();
									tableClon.ajax.reload(null, false);
								}
								else{
									var table = $("#tblPostxPlantilla").DataTable();
									table.ajax.reload(null, false);
								}
							}
							else{
								NProgress.done();
								if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
								$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
							}
						},
						"json"
					);
				}
			}],
			onhidden: function(dialogItself){
				$("body").removeClass("modal-open");
			}
		});
	}
	function vistaPrevia(id, tipo){
		var id = id;
		var tipo = tipo;
		if(tipo ==  "post"){
			var idheader = $("#tblPostxPlantilla tr#"+id+" td:nth-child(4)").find("#lsHeader").val();
			var idfooter = $("#tblPostxPlantilla tr#"+id+" td:nth-child(6)").find("#lsFooter").val();
			var idsidebar = $("#tblPostxPlantilla tr#"+id+" td:nth-child(5)").find("#lsSidebar").val();
			var fecha_publicacion = $("#tblPostxPlantilla tr#"+id+" td:nth-child(7)").find("#fecha_p"+id).val();
		}
		else if(tipo == "paginaClon"){
			var idheader = $("#tblPaginasxClienteClon tr#"+id+" td:nth-child(4)").find("#lsHeader").val();
			var idfooter = $("#tblPaginasxClienteClon tr#"+id+" td:nth-child(5)").find("#lsFooter").val();
		}
		else{
			var idheader = $("#tblPaginasxCliente tr#"+id+" td:nth-child(4)").find("#lsHeader").val();
			var idfooter = $("#tblPaginasxCliente tr#"+id+" td:nth-child(5)").find("#lsFooter").val();
		}
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<div class='viewports'>\
					<ul class='viewlist' >\
						<li id='liTi' class='480px' style=' title='Vista previa en teléfonos inteligentes'>\
							<i class='fa fa-mobile'></i>\
						</li>\
						<li id='liT' class='800px' style=' title='Vista previa tablets y iPads'>\
							<i class='fa fa-tablet'></i>\
						</li>\
						<li id='liC' class='1280px' style=' title='Vista previa computadoras'>\
							<i class='fa fa-laptop'></i>\
						</li>\
					</ul>\
				</div>\
				<div class='iframe-container'> \
					<iframe id='VistaPreviaIframe' src='#' name='VistaPreviaIframe'></iframe> \
				</div> \
			</div> \
		</div>";
		BootstrapDialog.show({
		title: "Vista previa",
		type: BootstrapDialog.TYPE_PRIMARY,
		size: BootstrapDialog.SIZE_WIDE,
		message: mensaje,
		draggable: true,
		cssClass: "VistaPrevia modal-desktop",
		onshown: function(dialogRefs){
			dialogRefs.getModalBody().find(".iframe-container").isLoading({
                text:       "La vista previa está cargando...",
                position:   "overlay"
			});
			dialogRefs.getModalBody().find('.glyphicon').removeClass("glyphicon-refresh glyphicon-spin").addClass("fa fa-spinner fa-pulse fa-fw i-cargador")
			var ruta = "<?php echo URL::route('SysWebSWebPaginasxClienteVerIframe'); ?>";
			var obj = dialogRefs.getModalBody();
			if(tipo == "post"){
				dialogRefs.getModalBody().find("#btnGuardar").addClass("hide");
			}else{
				dialogRefs.getModalBody().find("#btnGuardar").removeClass("hide");
			}
			var iframe = obj.find("#VistaPreviaIframe");
			var doc = obj.find("#VistaPreviaIframe")[0].contentWindow.document;
			doc.open();
			doc.write("");
			doc.close();
			ObtenerComplementosVistaPrevia(id, ruta, idheader, idfooter, idsidebar, tipo, obj, null)
			dialogRefs.getModalBody().find("#liC").click(function (){
				$(this).closest(".VistaPrevia").removeClass("modal-movil modal-tablet modal-desktop portrait").addClass("modal-desktop");
				dialogRefs.getModalBody().find("#VistaPreviaIframe").removeAttr("style");
				ObtenerComplementosVistaPrevia(id, ruta, idheader, idfooter, idsidebar, tipo, obj, null)
			})
			dialogRefs.getModalBody().find("#liTi").click(function (){
				$(this).closest(".VistaPrevia").removeClass("modal-movil modal-tablet modal-desktop portrait").addClass("modal-movil portrait");
				ObtenerComplementosVistaPrevia(id, ruta, idheader, idfooter, idsidebar, tipo, obj, true)
				dialogRefs.getModalBody().find("#VistaPreviaIframe").removeAttr("style");
			})
			dialogRefs.getModalBody().find("#liT").click(function (){
				$(this).closest(".VistaPrevia").removeClass("modal-movil modal-tablet modal-desktop portrait").addClass("modal-tablet portrait");
				dialogRefs.getModalBody().find("#VistaPreviaIframe").css("margin-left","-1%");
				ObtenerComplementosVistaPrevia(id, ruta, idheader, idfooter, idsidebar, tipo, obj, true)
			})
		},
		buttons: [{
			id: "btnCerrar",
			label: "Cerrar",
			cssClass: "btn-default",
			action: function(dialogItself){
				dialogItself.close();
			}
		}]
		});
	}
	function Configuarcion(id, tipo, publicar, msj){
		var id = id;
		var tipo = tipo;
		var publicar = publicar;
		var html_sidebar = "";
		var html_msj = '<div class="form-group">\
			<div class="alert alert-danger mensaje-info alert-dismissable ">\
				<h4 class="text-center" style="font-weight:500; margin-bottom: 0;">'+msj+'</h4>\
			</div>\
		</div>';
		var msj = (msj == undefined)?"":html_msj;
		var nombreInicial = "";
		if(tipo == "post"){
			nombreInicial = $("#tblPostxPlantilla tr#"+id+" td:nth-child(3)").text();
		}
		else if(tipo == "PagClon"){
			nombreInicial = $("#tblPaginasxClienteClon tr#"+id+" td:nth-child(3)").text();
		}
		else{
			if(tipo == "paginaTienda"){
				tipo = null;
				nombreInicial = $("#tblPaginasxClienteTienda tr#"+id+" td:nth-child(3)").text(); 
			}
			else{
				if($("#ptab5.active").length > 0){
					nombreInicial = $("#tblLegales tr#"+id+" td:nth-child(3)").text(); 
				}
				else{
					nombreInicial = $("#tblPaginasxCliente tr#"+id+" td:nth-child(3)").text(); 
				}
			}
		}
		if(tipo == "post"){
			var tituloC = "Configuración de Entrada";
			var cont = 0;
			<?php if($EntradaSlugs == ""): ?>
				var html_slug = '<input name="url" type="text" id="txtUrl" class="form-control"  value="" style="padding-left: 1px !important;font-family: Open Sans,sans-serif; font-size: 15px;padding-top: 4px !important;">';
			<?php else: ?>
				<?php foreach($EntradaSlugs as $entrada): ?>
				var idE = '<?php echo $entrada->id; ?>';
				if(id == idE){
					cont++;
					var html_slug = '<input name="url" type="text" id="txtUrl" class="form-control"  value="<?php echo $entrada->slug; ?>" style="padding-left: 1px !important;font-family: Open Sans,sans-serif; font-size: 15px;padding-top: 3px !important;">';
				}
				else{
					if(cont == 0){
						var html_slug = '<input name="url" type="text" id="txtUrl" class="form-control"  value="" style="padding-left: 1px !important;font-family: Open Sans,sans-serif; font-size: 15px;padding-top: 4px !important;">';
					}
				}
				<?php endforeach; ?>
			<?php endif; ?>
			var html_fijo = '<div class="form-group">\
				<label class="col-sm-3 control-label"> Fijar entrada </label>\
				<div class="col-sm-9">\
					<div class="checkbox">\
						<label for="fijo">\
						<input name="fijo" type="checkbox" value="1" id="fijo"> \
						<span class="custom-checkbox" style="margin-left: -25px;"></span> Mantener post fijo en la página.\
						</label>\
					</div>\
					<span class="text-danger" id="errfijo"> </span>\
				</div>\
			</div>';
		}
		else{
			var tituloC = "Configuración de Página";
			html_fijo = "";
			var cont = 0;
			<?php if($PaginaSlugs == ""): ?>
				var html_slug = '<input name="url" type="text" id="txtUrl" class="form-control"  value="" style="padding-left: 1px !important;font-family: Open Sans,sans-serif; font-size: 15px;padding-top: 4px !important;">';
			<?php else: ?>
				<?php foreach($PaginaSlugs as $pagina): ?>
				var idP = '<?php echo $pagina->id; ?>';
				if(id == idP){
					cont++;
					var html_slug = '<input name="url" type="text" id="txtUrl" class="form-control"  value="<?php echo $pagina->slug; ?>" style="padding-left: 1px !important;font-family: Open Sans,sans-serif; font-size: 15px;padding-top: 3px !important;">';
				}
				else{
					if(cont == 0){
						var html_slug = '<input name="url" type="text" id="txtUrl" class="form-control"  value="" style="padding-left: 1px !important;font-family: Open Sans,sans-serif; font-size: 15px;padding-top: 4px !important;">';
					}
				}
				<?php endforeach; ?>
			<?php endif; ?>
			if($("#tblPaginasxCliente tr#"+id+" td:nth-child(3)").text() == "Blog"){
				html_sidebar = '<div class="form-group">\
					<label class="col-sm-3 control-label">\
						Barra lateral del blog\
					</label>\
					<div class="col-sm-9">\
						<select class="selectpicker form-control" name="sidebar" id="sidebar">\
							<option value=""> Ninguno </option>\
								<?php foreach($sidebars as $sidebar): ?> \
									<option value="<?php echo $sidebar->id; ?>" <?php if(count($idSidebar) > 0): ?> <?php if($idSidebar[0]->seccion_sidebar_id == $sidebar->id): ?> selected <?php endif; ?> <?php endif; ?>> <?php echo $sidebar->nombre; ?> </option>\
								<?php endforeach; ?> \
						</select>\
					</div>\
				</div>'
			}
		}
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<form class="form-horizontal row-border" id="frmConfiguracion"> \
					'+msj+'\
					<div class="form-group">\
						<label class="col-sm-3 control-label text-right">Título</label>\
						<div class="col-sm-9">\
							<input type="text" class="form-control" value="" name="tituloP" id="tituloP">\
							<span class="text-danger" id="errtituloP"></span>\
							<input type="hidden" name="idConf" id="idConf" value="'+id+'" class="form-control">\
							<input type="hidden" name="tipoC" id="tipoC" value="'+tipo+'" class="form-control">\
							<input type="hidden" name="publicar" id="publicar" value="'+publicar+'" class="form-control">\
							<div class="progress" style="margin-top: 5px;">\
								<div id="progresoTitle" class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">\
									<span class="sr-only">0% de progreso</span>\
								</div>\
							</div>\
						</div>\
					</div>\
					<div class="form-group">\
						<label class="col-sm-3 control-label text-right">Descripción</label>\
						<div class="col-sm-9">\
							<textarea class="form-control" rows="4" name="descripcionP" id="descripcionP"></textarea>\
							<span class="text-danger" id="errdescripcionP"></span>\
							<div class="progress" style="margin-top: 5px;">\
								<div id="progresoDescripcion" class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">\
									<span class="sr-only">0% de progreso</span>\
								</div>\
							</div>\
						</div>\
					</div>\
					<div class="form-group">\
						<label class="col-sm-3 control-label text-right">Palabras clave</label>\
						<div class="col-sm-9">\
							<input type="text" class="form-control" value="" name="keywordP" id="keywordP">\
						</div>\
					</div>\
					<div class="form-group">\
						<label class="col-sm-3 control-label"> Imágen destacada </label>\
						<div class="col-sm-9">\
							<?php if(Auth::user()->avatar != " " && File::exists(public_path()."/SysWeb/Usuarios/".Auth::user()->id."/Avatar/".Auth::user()->avatar)){$imgPagina = asset("SysWeb/Usuarios/".Auth::user()->id."/Avatar/".Auth::user()->avatar)."?v=".date("H:i:s");}else{$imgPagina = "https://via.placeholder.com/250x300?text=N/D";}?>\
							<img class="img-responsive img-thumbnail" src="<?php echo $imgPagina; ?>" id="imgOgImage" style="cursor: pointer; height: 200px;">\
							<input type="hidden" name="ImageLogo" value="" id="ImageLogo">\
							<span class="text-danger" id="errImageLogo"></span>\
						</div>\
					</div>\
					'+html_sidebar+'\
					<div class="form-group">\
						<label class="col-sm-3 control-label"> Indexación de búsquedas </label>\
						<div class="col-sm-9">\
							<div class="checkbox">\
								<label for="index">\
									<input name="index" type="checkbox" value="1" id="index"> \
									<span class="custom-checkbox" style="margin-left: -25px;"></span> Evitar que los rastreadores web de la mayoría de motores de búsqueda indexen la página.\
								</label>\
							</div>\
							<span class="text-danger" id="errindex"> </span>\
						</div>\
					</div>\
					<div class="form-group">\
						<label class="col-sm-3 control-label"> Seguimiento de página </label>\
						<div class="col-sm-9">\
							<div class="checkbox">\
								<label for="follow">\
									<input name="follow" type="checkbox" value="1" id="follow"> \
									<span class="custom-checkbox" style="margin-left: -25px;"></span> No seguir los enlaces de esta página.\
								</label>\
							</div>\
							<span class="text-danger" id="errfollow"> </span>\
						</div>\
					</div>\
					'+html_fijo+'\
					<div class="form-group">\
						<label class="col-sm-3 control-label"> Ruta </label>\
						<div class="col-sm-9">\
							<div class="input-group">\
								<?php if($Configuraciones->formato_url == "hs"){$formato_url = "http://";}else if($Configuraciones->formato_url == "hc"){$formato_url = "http://www.";}else if($Configuraciones->formato_url == "hss"){$formato_url = "https://";}else{$formato_url = "https://www.";}?>\
								<span class="input-group-addon ruta-slug" id="basic-addon1" style="padding-right: 0;"><?php echo $formato_url.$Configuraciones->nombre_dominio."/"; ?></span>\
								'+html_slug+'\
								<div class="input-group-btn">\
									<button data-toggle="dropdown" class="btn btn-warning dropdown-toggle btn-url" style="padding: 7px 12px;" type="button"><i class="fa fa-pencil-square-o"></i></button>\
								</div>\
							</div>\
							<span class="text-danger" id="errurl"></span>\
						</div>\
					</div>\
					<div class="form-group">\
						<label class="col-sm-3 control-label"> Agregar al Mapa del sitio </label>\
						<div class="col-sm-9">\
							<div class="checkbox">\
								<label for="index">\
									<input name="enMapaDeSitio" type="checkbox" value="1" id="enMapaDeSitio" checked> \
									<span class="custom-checkbox" style="margin-left: -25px;"></span> Si, quiero que esté en el mapa del sitio.\
								</label>\
							</div>\
							<span class="text-danger" id="errenMapaDeSitio"> </span>\
						</div>\
					</div>\
					<div class="form-group">\
						<label class="col-sm-3 control-label">\
							Configuracion &lt;&#x2F;head&gt; y &lt;&#x2F;body&gt;\
						</label>\
						<div class="col-sm-9">\
							<select class="selectpicker form-control" name="conf_seo" id="conf_seo">\
								<option selected disabled>Selecione una opción </option>\
								<option value="P"> Configuración individual  (Solo se tomarán encuenta las configuraciones de esta página) </option>\
								<option value="G"> Configuración general  (Solo se tomará encuenta la configuración general) </option>\
								<option value="C"> Configuración combinada (individual + general) </option>\
							</select>\
							<span class="text-danger" id="errmsgr_icon"> </span>\
						</div>\
					</div>\
					<div class="form-group">\
						<label class="col-sm-3 control-label text-right">Fragmento de código antes del cierre de la etiqueta &lt;&#x2F;head&gt;</label>\
						<div class="col-sm-9">\
							<textarea class="form-control" rows="4" name="htmlHead"  id="htmlHead" style="margin-bottom: 15px;"></textarea>\
						</div>\
					</div>\
					<div class="form-group">\
						<label class="col-sm-3 control-label text-right">Fragmento de código antes del cierre de la etiqueta &lt;&#x2F;body&gt; </label>\
						<div class="col-sm-9">\
							<textarea class="form-control" rows="4" name="htmlBody" id="htmlBody"></textarea>\
						</div>\
					</div>\
					<div class="form-group"> \
						<label class="col-sm-3 control-label"> ¿Desactivar Chat en esta página? </label> \
						<div class="col-sm-9"> \
							<div class="checkbox" style="padding-left: 0px;"> \
								<label> \
									<input name="chat_wh_inactivo" type="checkbox" value="1"> \
									<span class="custom-checkbox"></span> Si, no deseo mostrar el chat en esta página... \
								</label> \
							</div> \
							<span class="text-danger" id="errchat_wh_inactivo"></span> \
						</div> \
					</div> \
					<div class="form-group">\
						<label class="col-sm-3 control-label"> Activar mensaje de notificación de uso de cookies/privacidad </label>\
						<div class="col-sm-9">\
							<div class="checkbox" style="padding-left: 0px; margin-top: 15px;">\
								<label>\
									<input name="ntf-activo" id="ntf-activo" type="checkbox" <?php if($Configuraciones->sitio_notificacion_activa == 0 ): ?> disabled  <?php endif; ?>>\
									<span class="custom-checkbox"></span> Activar mensaje en esta página.\
								</label>\
							</div>\
						</div>\
					</div>\
					<?php if($Configuraciones->html_preloader != '' ): ?> \
					<div class="form-group"> \
						<label class="col-sm-3 control-label"> ¿Desactivar Pre-Cargador en esta página? </label> \
						<div class="col-sm-9"> \
							<div class="checkbox">\
								<label for="index">\
									<input name="sin_preloader" type="checkbox" value="1" id="index"> \
									<span class="custom-checkbox" style="margin-left: -25px;"> \
									</span> Si, no deseo mostrar el Pre-Cargador en esta página... \
								</label> \
							</div> \
							<span class="text-danger" id="errindex"> </span> \
						</div> \
					</div> \
					<?php endif; ?> \
					<?php if( $Configuraciones->conversionAPIFB != '' ): ?> \
					<div class="form-group"> \
						<label class="col-sm-3 control-label"> ¿Usar los datos de la API de conversión de FB de configuración generale de sitio web? </label> \
						<input type="hidden" name="conversionAPIFB" value=\'\'> \
						<div class="col-sm-9"> \
							<div class="radio-inline"> \
								<label> \
									<input type="radio" checked value="1" id="rdConfGeneralesFACS" name="ConfGeneralesFAC"> \
									<span class="custom-radio" ></span> Si, deseo usar los mismos \
								</label> \
							</div> \
							<div class="radio-inline"> \
								<label> \
									<input type="radio" value="0" id="rdConfGeneralesFACN" name="ConfGeneralesFAC"> \
									<span class="custom-radio"></span> No, deseo usar otros para esta página \
								</label> \
							</div> \
							<br> \
						</div> \
					</div> \
					<div class="dvConfGeneralesFAC" style="display: none;"> \
						<div class="form-group"> \
							<label class="col-sm-3 control-label text-right"> Pixel ID </label> \
							<div class="col-sm-9"> \
								<input type="text" name="pixelIDFAC" class="form-control"> \
								<span class="text-danger" id="errpixelIDFAC"> </span> \
							</div> \
						</div> \
						<div class="form-group"> \
							<label class="col-sm-3 control-label text-right"> Pixel Token </label> \
							<div class="col-sm-9"> \
								<input type="text" name="pixelTokenFAC" class="form-control"> \
								<span class="text-danger" id="errpixelTokenFAC"> </span> \
							</div> \
						</div> \
					</div> \
					<div class="form-group"> \
						<label class="col-sm-3 control-label"> ¿Marcar evento(s) de conversión de FB en esta página al ingresar? </label> \
						<div class="col-sm-9"> \
							<!-- <div class="checkbox" style="padding-left: 0px;"> \
								<label> \
									<input name="convertirVisita" type="checkbox" value="1" checked> \
									<span class="custom-checkbox"></span> Si, Deseo que se marque la visita con la API de Conversión de Facebook \
								</label> \
							</div> \
							<span class="text-danger" id="errconvertirVisita"> </span> --> \
							<div class="radio-inline"> \
								<label> \
									<input type="radio" checked value="1" id="rdMarcarEventoFACEntradaS" name="marcarEventoEntradaFAC"> \
									<span class="custom-radio" ></span> Si, Deseo que se marque(n) evento(s) con la API de Conversión de Facebook \
								</label> \
							</div> \
							<div class="radio-inline"> \
								<label> \
									<input type="radio" value="0" id="rdMarcarEventoFACEntradaN" name="marcarEventoEntradaFAC"> \
									<span class="custom-radio"></span> No, deseo marcar ningún evento \
								</label> \
							</div> \
							<br> \
						</div> \
					</div> \
					<div class="dvMarcarEventoFAC"> \
						<div class="form-group"> \
							<label class="col-sm-3 control-label"> ¿Que evento deseas marcar? </label> \
							<div class="col-sm-9"> \
								<select class="selectpicker form-control" name="eventoFAC" id="eventoFAC" multiple title="Selecciona uno o más eventos..."> \
									<option value="PageView" selected>Pagina vista</option> \
									<option value="ViewContent">Contenido visto</option> \
									<option value="Search">Buscar</option> \
									<option value="Purchase">Comprar</option> \
									<option value="AddPaymentInfo">Agregada la información de pago</option> \
									<option value="Subscribe">Suscrito</option> \
									<option value="StartTrial">Período de prueba iniciado</option> \
									<option value="CompleteRegistration">Registro completado</option> \
									<option value="Contact">Contacto</option> \
									<option value="Schedule">Agendar</option> \
								</select> \
							</div> \
						</div> \
					</div> \
					<?php endif; ?> \
					<!-- <div class="form-group"> \
						<label class="col-sm-3 control-label text-right">Identificador de página de FB</label> \
						<div class="col-sm-9"> \
							<input type="text" class="form-control" name="identificadorFb" id="identificadorFb" value=""> \
						</div> \
					</div> --> \
					<input type="hidden" name="identificadorFb" value=""> <!-- Agregado para evitar conflictos en publicación (Eliminar si se vuelve a activar este chat) --> \
					<div id="configMessenger" style="display: none;">\
						<div class="form-group">\
							<label class="col-sm-3 control-label">\
								Ícono de messenger\
							</label>\
							<div class="col-sm-9">\
								<select class="selectpicker form-control" name="msgr_icon">\
									<option data-icon="icon02" value="icon02"> Facebook </option>\
									<option data-icon="icon03" value="icon03"> Messenger </option>\
									<option data-icon="icon01" value="icon01"> Chats </option>\
								</select>\
								<span class="text-danger" id="errmsgr_icon">  </span>\
							</div>\
						</div>\
						<div class="form-group">\
							<label class="col-sm-3 control-label">\
								Tamaño del botón\
							</label>\
							<div class="col-sm-9">\
								<label class="radio-inline">\
									<input type="radio" value="S" id="rdS" name="msgr_size" checked>\
									<span class="custom-radio"></span> Pequeño\
								</label>\
								<label class="radio-inline">\
									<input type="radio" value="M" id="rdM" name="msgr_size">\
									<span class="custom-radio"></span> Mediado\
								</label>\
								<label class="radio-inline">\
									<input type="radio" value="L" id="rdL" name="msgr_size">\
									<span class="custom-radio"></span> Grande\
								</label>\
								<span class="text-danger" id="errmsgr_size">  </span>\
							</div>\
						</div>\
						<div class="form-group">\
							<label class="col-sm-3 control-label">\
								Típo de botón\
							</label>\
							<div class="col-sm-9">\
								<label class="radio-inline">\
									<input type="radio" value="IM" id="rdIM" name="msgr_type" checked>\
									<span class="custom-radio"></span> Ícono y texto\
								</label>\
								<label class="radio-inline">\
									<input type="radio" value="I" id="rdI" name="msgr_type">\
									<span class="custom-radio"></span> Sólo ícono\
								</label>\
								<label class="radio-inline">\
									<input type="radio" value="A" id="rdA" name="msgr_type">\
									<span class="custom-radio"></span> Adaptable\
								</label>\
								<span class="text-danger" id="errmsgr_type">  </span>\
							</div>\
						</div>\
						<div id="mensajeMessenger">\
							<div class="form-group">\
								<label class="col-sm-3 control-label"> Mensaje </label>\
								<div class="col-sm-9">\
									<input type="text" value="" id="msgr_text" class="form-control"	name="msgr_text">\
									<span class="text-danger" id="errmsgr_text"> </span>\
								</div>\
							</div>\
						</div>\
					</div>\
					<div class="form-group">\
						<label class="col-sm-3 control-label">\
							Ventana emergente\
						</label>\
						<div class="col-sm-9">\
							<label class="radio-inline">\
								<input type="radio" value="NA" id="rdNAV" name="ventana_emergente" checked>\
								<span class="custom-radio"></span> Sin ventana\
							</label>\
							<label class="radio-inline">\
								<input type="radio" value="EV" id="rdEV" name="ventana_emergente">\
								<span class="custom-radio"></span> Al intentar salir\
							</label>\
							<label class="radio-inline">\
								<input type="radio" value="SV" id="rdSV" name="ventana_emergente">\
								<span class="custom-radio"></span> Porcentaje de pantalla recorrida\
							</label>\
							<span class="text-danger" id="errventana_emergente"> </span>\
						</div>\
					</div>\
					<div id="confVentanaEmergenteEV" style="display: none;">\
						<div class="form-group">\
							<label class="col-sm-3 control-label">\
								Porcentaje ventana recorrida en móviles\
							</label>\
							<div class="col-sm-9">\
								<input type="text" name="porcentaje_ventana_m" id="porcentaje_ventana_m" class="form-control"></input>\
								<span class="text-danger" id="errporcentaje_ventana_m"> </span>\
								<div class="alert alert-info" style="margin-top: 10px;">\
									El intento de salida no funciona en móviles debido a ello te pedimos que configures el porcentaje de pantalla recorrida para mostrar el formulario.\
							</div>\
						</div>\
					</div>\
				</div>\
				<div id="confVentanaEmergenteSV" style="display: none;">\
						<div class="form-group">\
							<label class="col-sm-3 control-label">\
								Porcentaje ventana recorrida\
							</label>\
							<div class="col-sm-9">\
								<input type="text" name="porcentaje_ventana" id="porcentaje_ventana" class="form-control"></input>\
								<span class="text-danger" id="errporcentaje_ventana"> </span>\
							</div>\
						</div>\
					</div>\
					<div id="confVentanaEmergente" style="display: none;">\
						<div class="form-group">\
							<label class="col-sm-3 control-label">\
								Intervalo de días para mostrar\
							</label>\
							<div class="col-sm-9">\
								<input type="text" name="intervalo_dias_ventana" id="intervalo_dias_ventana" class="form-control"></input>\
								<span class="text-danger" id="errintervalo_dias_ventana">  </span>\
								<div class="alert alert-info" style="margin-top: 10px;">\
									Los visitantes que cerraron la ventana emergente y no realizaron la acción la ventana emergente se mostrará de nuevo en el intervalo de días que especifíques.\
								</div>\
							</div>\
						</div>\
						<div class="form-group">\
							<label class="col-sm-3 control-label">\
								Ventana emergente a vincular\
							</label>\
							<div class="col-sm-9">\
								<select class="form-control selectpicker" id="slVentanaEmergente" name="ventana_emergente_x_cliente">\
									<option value=""> Seleccione una ventana emergente... </option>\
									<?php foreach($ventanasEmergentes as $ventanaEmergente): ?> \
										<option value="<?php echo $ventanaEmergente->id; ?>"> <?php echo $ventanaEmergente->nombre; ?> </option>\
									<?php endforeach; ?> \
								</select>\
								<span class="text-danger" id="errventana_emergente_x_cliente"> </span>\
							</div>\
						</div>\
					</div>\
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: tituloC,
			type: BootstrapDialog.TYPE_PRIMARY,
			size: BootstrapDialog.SIZE_WIDE,
			message: mensaje,
			closable:false,
			draggable: true,
			closeByBackdrop: false,
			cssClass: "ModalConfiguracion",
			onshow: function(dialogItself){
				$("body").addClass("modal-open");
				var dominio = "<?php echo $Configuraciones->nombre_dominio; ?>";
				<?php if( $Configuraciones->usuario_cpanel != '' && $Configuraciones->usuario_ftp != ''): ?>
					$.post(
						"<?php echo URL::route('SysWebSWebConfiguraciones1'); ?>",
						{accion: "verificarDNS", dominio: dominio},
						function(data){
							if( !data.success ){
								dialogItself.getModalBody().find("#publicar").val('');
							}
						},
						"json"
					);
				<?php endif; ?>
			},
			onshown: function(dialogRefs){
				$.post(
					"<?php echo URL::route('SysWebSWebPaginasxTemaSEO'); ?>",
					{idPagina:id, tipo:tipo},
					function(data){
						if(data.length == 0){
							dialogRefs.getModalBody().find("#tituloP").val(nombreInicial)
						}
						else{
							dialogRefs.getModalBody().find("#tituloP").val(data.titulo)
						}
						dialogRefs.getModalBody().find("#descripcionP").text(data.descripcion);
						//CONTAR LETRAS -----------------------------------
						dialogRefs.getModalBody().find("#tituloP").textcounter({
							type: "character",
							min: 40,
							max: 120,
							countContainerClass: "text-count-wrapper-t",
							counterText: "Caracteres contados: %d",
							minimumErrorText: "40 son los caracteres mínimos recomendados",
							maximumErrorText: "Ha excedido la cantidad de caracteres recomendados",
							countSpaces: true,
							countDown: false,
							countDownText: "Le restan %d caracteres",
							countOverflowText: "La cantidad de caracteres excede los %d",
							init: function(el){
								barraProgreso("T");
							}
						});
						dialogRefs.getModalBody().find("#tituloP").on("keyup click blur focus change paste", function(e){
							barraProgreso("T");
						});
						dialogRefs.getModalBody().find("#descripcionP").textcounter({
							type: "character",
							min: 50,
							max: 255,
							countContainerClass: "text-count-wrapper-d",
							counterText: "Caracteres contados: %d",
							minimumErrorText: "20 son los caracteres mínimos recomendados",
							maximumErrorText: "Ha excedido la cantidad de caracteres recomendados",
							countSpaces: true,
							countDown: false,
							countDownText: "Le restan %d caracteres",
							countOverflowText: "La cantidad de caracteres excede los %d",
							init: function(el){
								barraProgreso("D");
							}
						});
						dialogRefs.getModalBody().find("#descripcionP").on("keyup click blur focus change paste", function(e){
							barraProgreso("D");
						});
						//------------------------------------------------
						dialogRefs.getModalBody().find("#keywordP").val(data.meta_keywords);
						var entradaId = '<?php echo $EntradaFija; ?>'
						if(entradaId != ""){
							if(entradaId != id){
								dialogRefs.getModalBody().find("#fijo").prop("disabled",true);
							}
						}
						if(data.imagen != "" ){
							dialogRefs.getModalBody().find("#ImageLogo").val(data.imagen);
							dialogRefs.getModalBody().find("#ImageLogo").prev().attr("src",data.imagen);
						}
						if(Object.keys(data).length > 0){
							if(data.seccion_sidebar_id != "" || data.seccion_sidebar_id != undefined){
								dialogRefs.getModalBody().find("#sidebar").val(data.seccion_sidebar_id);
							}
						}
						dialogRefs.getModalBody().find("#identificadorFb").val(data.id_facebook);
						dialogRefs.getModalBody().find("#htmlHead").text(data.codigoHead);
						dialogRefs.getModalBody().find("#htmlBody").text(data.codigoBody);
						if(data.index == 1){
							dialogRefs.getModalBody().find("#index").prop("checked",true);
						}
						if(data.enMapaDeSitio == 0){
							dialogRefs.getModalBody().find("#enMapaDeSitio").prop("checked", false);
						}
						if(Object.keys(data).length > 0){
							dialogRefs.getModalBody().find("#txtUrl").prop("readonly",true);
							dialogRefs.getModalBody().find("#txtUrl").val(data.slug);
							dialogRefs.getModalBody().find(".btn-url").prop("disabled",true);
						}
						else{
							dialogRefs.getModalBody().find(".btn-url").click(function(){
								dialogRefs.getModalBody().find("#txtUrl").prop("readonly",false);
							});
							if(dialogRefs.getModalBody().find("#txtUrl").val() == ""){
								dialogRefs.getModalBody().find("#tituloP").stringToSlug({
									setEvents: 'blur',
										callback: function(text) {
										dialogRefs.getModalBody().find("#txtUrl").val(text);
									}
								});
							}
							if(dialogRefs.getModalBody().find("#txtUrl").val() == ""){
								dialogRefs.getModalBody().find(".btn-url").prop("disabled",false);
								dialogRefs.getModalBody().find("#txtUrl").prop("readonly",true);
								dialogRefs.getModalBody().find(".btn-url").click(function(){
									if($(this).find(".fa").hasClass("fa-pencil-square-o")){
										$(this).find(".fa").removeClass("fa-pencil-square-o").addClass("fa-check");
										dialogRefs.getModalBody().find("#txtUrl").prop("readonly",false);
									}
									else{
										$(this).find(".fa").removeClass("fa-check").addClass("fa-pencil-square-o");
										dialogRefs.getModalBody().find("#txtUrl").prop("readonly",true);
									}
									dialogRefs.getModalBody().find("#txtUrl").stringToSlug({
										setEvents: 'blur',
										callback: function(text) {
											dialogRefs.getModalBody().find("#txtUrl").val(text);
										}
									});
								});
							}
							else{
								dialogRefs.getModalBody().find(".btn-url").prop("disabled",true);
								dialogRefs.getModalBody().find("#txtUrl").prop("readonly",true);
							}
						}
						if(data.follow == 1){
							dialogRefs.getModalBody().find("#follow").prop("checked",true);
						}
						if(data.fijo == 1){
							dialogRefs.getModalBody().find("#fijo").prop("checked",true);
						}
						if(data.mensaje_cookies_activo == 1){
							dialogRefs.getModalBody().find("#ntf-activo").prop("checked",true);
						}
						if(data.chat_wh_inactivo == 1){
							dialogRefs.getModalBody().find('[name="chat_wh_inactivo"]').prop("checked", true);
						}
						if(data.sin_preloader == 1){
							dialogRefs.getModalBody().find('[name="sin_preloader"]').prop("checked", true);
						}
						if( data.conversionAPIFB != undefined || data.conversionAPIFB != null ){
							dialogRefs.getModalBody().find('[name="conversionAPIFB"]').val(data.conversionAPIFB);
							dialogRefs.getModalBody().find('[name="ConfGeneralesFAC"]').click(function(e){
								var rdCGFAC = $(this).val();
								if( rdCGFAC == 0 ){
									dialogRefs.getModalBody().find(".dvConfGeneralesFAC").show("slow");
								}
								else{
									dialogRefs.getModalBody().find(".dvConfGeneralesFAC").hide("slow");
								}
							});
							dialogRefs.getModalBody().find('[name="marcarEventoEntradaFAC"]').click(function(e){
								if( $(this).val() == 1 ){
									dialogRefs.getModalBody().find(".dvMarcarEventoFAC").show("slow");
								}
								else{
									dialogRefs.getModalBody().find(".dvMarcarEventoFAC").hide("slow");
								}
							});
							var conversionAPIFB = dialogRefs.getModalBody().find('[name="conversionAPIFB"]').val();
							if( conversionAPIFB != "" || conversionAPIFB != undefined ){
								conversionAPIFB = JSON.parse(conversionAPIFB);
								if( parseInt( conversionAPIFB.ConfGeneralesFAC ) == 0 ){
									dialogRefs.getModalBody().find('[name="pixelIDFAC"]').val( conversionAPIFB.pixelID );
									dialogRefs.getModalBody().find('[name="pixelTokenFAC"]').val( conversionAPIFB.pixelToken );
									dialogRefs.getModalBody().find("#rdConfGeneralesFACN").trigger("click");
								}
								if( conversionAPIFB.hasOwnProperty("convertirVisita") ){
									if( parseInt( conversionAPIFB.convertirVisita ) == 0 ){
										dialogRefs.getModalBody().find('[name="convertirVisita"]').trigger("click");
									}
								}
								if( conversionAPIFB.hasOwnProperty("marcarEventoEntrada") ){
									if( parseInt( conversionAPIFB.marcarEventoEntrada ) == 0 ){
										dialogRefs.getModalBody().find('[name="marcarEventoEntradaFAC"]').trigger("click");
									}
									if( conversionAPIFB.hasOwnProperty("eventos") ){
										dialogRefs.getModalBody().find("#eventoFAC").selectpicker("deselectAll");
										dialogRefs.getModalBody().find("#eventoFAC").selectpicker("val", conversionAPIFB.eventos);
										/*$.each(conversionAPIFB.eventos, function(i, evento){
											dialogRefs.getModalBody().find("#eventoFAC").selectpicker("val", evento);
										});*/
									}
								}
							}
						}
						dialogRefs.getModalBody().find("select[name=msgr_icon]").val(data.mssg_icon);
						dialogRefs.getModalBody().find(".selectpicker").selectpicker("refresh");
						dialogRefs.getModalBody().find("msgr_text").val(data.mssg_text);

						dialogRefs.getModalBody().find("#porcentaje_ventana").val(data.porcentaje_ventana);
						dialogRefs.getModalBody().find("#intervalo_dias_ventana").val(data.dias_ventana);
						if(data.configuraciones_seo !=""){
							dialogRefs.getModalBody().find("#conf_seo").find("option:selected").removeAttr("selected");
							dialogRefs.getModalBody().find("#conf_seo").val(data.configuraciones_seo);
							dialogRefs.getModalBody().find('#conf_seo').selectpicker('val', data.configuraciones_seo);
							dialogRefs.getModalBody().find(".selectpicker").selectpicker("refresh");
						}
						if(data.id_facebook != undefined && data.id_facebook != ""){
							$("#configMessenger").show("slow");
						}
						else{
							$("#configMessenger").hide("slow");
						}
						if(data.mssg_size == "S"){
							dialogRefs.getModalBody().find("input[type=radio][name=msgr_size]").prop("checked", false);
							dialogRefs.getModalBody().find('#rdS').prop("checked", true);
						}
						else if(data.mssg_size == "M"){
							dialogRefs.getModalBody().find("input[type=radio][name=msgr_size]").prop("checked", false);
							dialogRefs.getModalBody().find('#rdM').prop("checked", true);
						}
						else{
							dialogRefs.getModalBody().find("input[type=radio][name=msgr_size]").prop("checked", false);
							dialogRefs.getModalBody().find('#rdL').prop("checked", true);
						}
						if(data.mssg_type == "IM"){
							dialogRefs.getModalBody().find("input[type=radio][name=msgr_type]").prop("checked", false);
							dialogRefs.getModalBody().find('#rdIM').prop("checked", true);
						}
						else if(data.mssg_type == "I"){
							dialogRefs.getModalBody().find("input[type=radio][name=msgr_type]").prop("checked", false);
							dialogRefs.getModalBody().find('#rdI').prop("checked", true);
						}
						else{
							dialogRefs.getModalBody().find("input[type=radio][name=msgr_type]").prop("checked", false);
							dialogRefs.getModalBody().find('#rdA').prop("checked", true);
						}
						if(data.ventana_emergente == "EV"){
							dialogRefs.getModalBody().find("input[type=radio][name=ventana_emergente]").removeAttr("checked");
							dialogRefs.getModalBody().find('#rdEV').prop("checked", true);
							$("#confVentanaEmergenteEV, #confVentanaEmergente").show("slow");
							dialogRefs.getModalBody().find("#porcentaje_ventana_m").val(data.porcentaje_ventana);
						}
						else if(data.ventana_emergente == "SV"){
							dialogRefs.getModalBody().find("input[type=radio][name=ventana_emergente]").removeAttr("checked");
							dialogRefs.getModalBody().find('#rdSV').prop("checked", true);
							$("#confVentanaEmergenteSV, #confVentanaEmergente").show("slow");
						}else{
							dialogRefs.getModalBody().find("input[type=radio][name=ventana_emergente]").removeAttr("checked");
							dialogRefs.getModalBody().find('#rdNAV').prop("checked", true);
							$("#confVentanaEmergenteEV, #confVentanaEmergenteSV, #confVentanaEmergente").hide("slow");
						}
						if( data.ventana_emergente !=  "NA" &&  data.ventana_emergente != undefined){
							dialogRefs.getModalBody().find("#slVentanaEmergente").val(data.ventanas_emergentes_x_clientes_id);
							dialogRefs.getModalBody().find(".selectpicker").selectpicker("refresh");
						}
					},
					"json"
				);
				dialogRefs.getModalBody().find(".selectpicker").selectpicker();
				dialogRefs.getModalBody().find("#identificadorFb").focusout(function(){
					if( $(this).val() != "" ){
						$("#configMessenger").show("slow");
					}
					else{
						$("#configMessenger").hide("slow");
						$("input[type=radio][name=msgr_type][value=IM]").prop("checked", true);
						$("#msgr_text").val("");
					}
				});
				dialogRefs.getModalBody().find("#porcentaje_ventana, #porcentaje_ventana_m, #intervalo_dias_ventana").TouchSpin({
					verticalbuttons: true,
					verticalupclass: "glyphicon glyphicon-plus",
					verticaldownclass: "glyphicon glyphicon-minus",
					initval: 0
				});
				dialogRefs.getModalBody().find("input[type=radio][name=ventana_emergente]").click(function(){
					if( $(this).val() == "NA" ){
						$("#confVentanaEmergenteEV, #confVentanaEmergenteSV, #confVentanaEmergente").hide("slow");
					}
					else if( $(this).val() == "EV" ){
						$("#confVentanaEmergenteSV").hide("slow");
						$("#confVentanaEmergenteEV, #confVentanaEmergente").show("slow");
					}
					else if( $(this).val() == "SV" ){
						$("#confVentanaEmergenteEV").hide("slow");
						$("#confVentanaEmergenteSV, #confVentanaEmergente").show("slow");
					}
				});
				dialogRefs.getModalBody().find("#imgOgImage").click(function(e){
					var mensaje = '<div class="col-md-12"> \
						<div class="row"> \
							<div class="col-md-7"> \
								<label> Selecciona una imágen de las bibliotecas de imágenes </label> \
								<div style="height: 465px; overflow: auto;" id="Biblioteca"> \
									<select id="slBiblioteca" style="visibility: hidden;"></select> \
								</div> \
							</div> \
							<div class="col-md-5"> \
								<div class="row"> \
									<div class="col-md-12"> \
										<label> Ó Sube tu imágen (Esta se almacenará en tu biblioteca y podras utilizarla cuantas veces quieras) </label> \
										<form action="#" class="dropzone" id="flImagen"> \
											<div class="fallback"> \
												<input name="file" type="file"> \
											</div> \
										</form> \
									</div> \
									<div class="col-md-12" style="padding-top: 10px;"> \
										<div class="form-group"> \
											<label> Ó escriba la ruta de la imagen </label> \
											<input type="text" class="form-control" id="txtImagen"></input> \
										</div> \
										<div class="form-group"> \
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearImagen"> Usar imágen </button> \
										</div> \
									</div> \
								</div> \
							</div> \
						</div> \
					</div>';
					BootstrapDialog.show({
						title: "Imágen Para el Logo",
						type: BootstrapDialog.TYPE_DEFAULT,
						size: BootstrapDialog.SIZE_WIDE,
						message: mensaje,
						draggable: true,
						cssClass: "ModalBiblioteca",
						onshown: function(dialogRef){
							dialogRef.getModalBody().find("#flImagen").dropzone({
								url: $("#hdnRutaImagenes").val(),
								maxFiles: 1,
								acceptedFiles: "image/jpeg,image/png",
								success: function (file, response) {
									if(response.success){
										var value = response.imagen;
										var img = new Image();
										img.src = value;
										img.onload = function(){
											if(img.height != 0){
												dialogRefs.getModalBody().find("#imgOgImage").attr("src", value);
												dialogRefs.getModalBody().find("#ImageLogo").val(value);
												dialogRef.getModalBody().find("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
												dialogRef.close();
												$.isLoading("hide"); NProgress.done();
											}
											else{
												new PNotify({ title: "Error", text: "La imágen no pudo ser cargada, por favor vuelve a intentarlo", type: "error" });
												dialogRef.getModalBody().find("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
												dialogRef.close();
												$.isLoading("hide"); NProgress.done();
											}
										}
										img.onerror = function(){
											new PNotify({ title: "Error", text: "La imágen no pudo ser cargada, por favor vuelve a intentarlo", type: "error" });
											dialogRef.getModalBody().find("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
											dialogRef.close();
											$.isLoading("hide"); NProgress.done();
										};
									}
									else{
										dialogRef.close();
										new PNotify({ title: "Error", text: "Ha ocurrido un error, por favor notificalo a soporte!", type: "error" });
									}
								},
								init: function() {
									this.on("addedfile", function(file){
										var dropzone = this;
										if (this.files.length > 1) {
											new PNotify({ title: "Error", text: "No puedes subir más de 1 archivo", type: "error" });
											$.each(this.files, function(i, file){
												dropzone.removeFile(file);
											});
										}
									});
									this.on("maxfilesexceeded", function(file){
										new PNotify({ title: "Error", text: "No puedes subir más de 1 archivo", type: "error" });
										dialogRef.getModalBody().find("#modalCambiarImagen").modal("hide");
										$.isLoading("hide"); NProgress.done();
									});
									this.on("processing", function(file){
										$.isLoading({ text: "Cargando..." }); NProgress.start();
										dialogRef.getModalBody().find("#btnCrearImagen").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Procesando...');
									});
								}
							}).on("thumbnail", function(file, dataUri) {
								console.log(dataUri);
							});
							$.get(
								$("#rutabibliotecascliente").val()+$("#cid").val(),
								function(data){
									if(data.success){
										dialogRef.getModalBody().find("#slBiblioteca").html("").append('<option value=""></option>');
										$.each(data.biblioteca, function(index, val){
											dialogRef.getModalBody().find("#slBiblioteca").append("<option data-img-src='"+val.ruta+"' value='"+val.id+"'>");
										});
										dialogRef.getModalBody().find("#slBiblioteca").imagepicker({hide_select: true, show_label: true});
										var i = 0;
										$(".image_picker_selector").find("div.thumbnail").each(function(){
											$(this).prepend('<a class="text-danger" href="javascript:EliminarImagenBiblioteca('+data.biblioteca[i].id+')" title="Eliminar imágen de biblioteca"> <i class="fa fa-trash"> </i> </a>');
											i = i + 1;
										});
										$(".image_picker_selector").find("[title]").each(function(){ $(this).tooltip(); });
									}
									else{
										dialogRef.getModalBody().find("#slBiblioteca").hide();
										dialogRef.getModalBody().find("#Biblioteca").append('<div id="dvWrBiblioteca" class="alert alert-warning" role="alert"> Aún no tienes ningúna imágen almacenada en tu biblioteca </div>');
									}
								},
								"json"
							);
							dialogRef.getModalBody().find("#btnCrearImagen").click(function(e){
								$.isLoading({ text: "Cargando..." }); NProgress.start();
								dialogRef.getModalBody().find("#btnCrearImagen").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
								if(	dialogRef.getModalBody().find("#txtImagen").val() == "" &&	dialogRef.getModalBody().find("#slBiblioteca").val() == ""){
									$.isLoading("hide"); NProgress.done();
									new PNotify({ title: "Error", text: "Debes seleccionar una imágen de la biblioteca, subir una imágen o ingresar la ruta de la imágen que deseas almacenar", type: "error" });
								}
								else{
									if(dialogRef.getModalBody().find("#txtImagen").val() != "" ){
										var value =	dialogRef.getModalBody().find("#txtImagen").val();
									}
									else{
										var value = dialogRef.getModalBody().find("#slBiblioteca option:selected").attr("data-img-src");
									}
									var img = new Image();
									img.src = value;
									img.onload = function(){
										if(img.height != 0){
											dialogRefs.getModalBody().find("#imgOgImage").attr("src", value);
											dialogRefs.getModalBody().find("#ImageLogo").val(value);
											dialogRef.getModalBody().find("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
											dialogRef.close();
											$.isLoading("hide"); NProgress.done();
										}
										else{
											new PNotify({ title: "Error", text: "La imágen no pudo ser cargada, por favor vuelve a intentarlo", type: "error" });
											dialogRef.getModalBody().find("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
											dialogRef.close();
											$.isLoading("hide"); NProgress.done();
										}
									};
									img.onerror = function(){
										new PNotify({ title: "Error", text: "La imágen no pudo ser cargada, por favor vuelve a intentarlo", type: "error" });
										dialogRef.getModalBody().find("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
										dialogRef.close();
										$.isLoading("hide"); NProgress.done();
									};
								}
							});
						},
					});
				});
			},
			buttons: [{
				id: "btnGuardarConfiguracion",
				label: "Guardar",
				cssClass: "btn-success btn-block btn-lg",
				action: function(dialogItself){
					NProgress.start();
					$("#btnGuardarConfiguracion").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Guardando');
					if( dialogItself.getModalBody().find('[name="conversionAPIFB"]').length > 0 ){
						/*CONFIGURACIÓN DE JSON DE FAC*/
						//var convertirVisitaFAC = (dialogItself.getModalBody().find('[name="convertirVisita"]').is(":checked"))?1:0;
						var conversionAPIFB = {
							ConfGeneralesFAC: dialogItself.getModalBody().find('[name="ConfGeneralesFAC"]:checked').val(),
							//convertirVisita: convertirVisitaFAC,
						};
						if(
							dialogItself.getModalBody().find('[name="ConfGeneralesFAC"]:checked').val() == 0 &&
							( dialogItself.getModalBody().find('[name="pixelIDFAC"]').val() != "" && dialogItself.getModalBody().find('[name="pixelTokenFAC"]').val() != "" )
						){
							conversionAPIFB.ConfGenerales = dialogItself.getModalBody().find('[name="ConfGeneralesFAC"]:checked').val();
							conversionAPIFB.pixelID = dialogItself.getModalBody().find('[name="pixelIDFAC"]').val();
							conversionAPIFB.pixelToken = dialogItself.getModalBody().find('[name="pixelTokenFAC"]').val();
						}
						var marcarEventoEntrada = dialogItself.getModalBody().find('[name="marcarEventoEntradaFAC"]:checked').val();
						if( marcarEventoEntrada == 1 ){
							var eventos = dialogItself.getModalBody().find("#eventoFAC").selectpicker("val");
							conversionAPIFB.marcarEventoEntrada = 1;
							conversionAPIFB.eventos = eventos;
						}
						conversionAPIFB = JSON.stringify(conversionAPIFB);
						dialogItself.getModalBody().find('[name="conversionAPIFB"]').val( conversionAPIFB );
						/*CONFIGURACIÓN DE JSON DE FAC*/
					}
					$.post(
						"<?php echo URL::route('SysWebSWebPaginasxTemaGuardarSEO'); ?>",
						$("#frmConfiguracion").serialize(),
						function(data){
							$("#btnGuardarConfiguracion").prop("disabled", false).html("Guardar");
							if(data.success){
								new PNotify({ title: "Realizado", text: "Datos Completados Exitosamente", type: "success" });
								dialogItself.close();
								NProgress.done();
								var table = (tipo == "post")?$("#tblPostxPlantilla").DataTable():$("#tblPaginasxCliente").DataTable();
								table.ajax.reload(null, false);
								var tableClon = $("#tblPaginasxClienteClon").DataTable();
								tableClon.ajax.reload(null, false);
								var tableTienda = $("#tblPaginasxClienteTienda").DataTable();
								tableTienda.ajax.reload(null, false);
								var tableTienda = $("#tblLegales").DataTable();
								tableTienda.ajax.reload(null, false);
							}
							else{
								NProgress.done();
								if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); $.isLoading("hide"); NProgress.done();}
								$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
							}
						},
					"json"
					);
				}
			}],
			onhidden: function(dialogItself){
				$("body").removeClass("modal-open");
			}
		});
	}
	function PublicarPagina(param, id, tipo){
		if(tipo == "post"){
			var titulo = "Publicar entrada";
			var msj = "¿Seguro que desea publicar el entrada?";
			var msj2 = "Antes de publicar la entrada asegurate de haber personalizado el contenido de esta entrada con tu información";
		}
		else{
			var titulo = "Publicar página";
			var msj = "¿Seguro que desea publicar la página?";
			var msj2 = "Antes de publicar la página asegurate de haber personalizado el contenido de esta página con tu información";
		}
		if(param){
			var mensaje = "<div class='row'> \
				<div class='col-xs-12'> \
					<form id='frmPublicar'> \
						<h3> "+msj+" </h3> \
						<div class='alert alert-info'> \
							<h4 class='text-center'> "+msj2+" </h4> \
						</div> \
					</form> \
				</div> \
			</div>";
			BootstrapDialog.show({
				title: titulo,
				type: BootstrapDialog.TYPE_PRIMARY,
				size: BootstrapDialog.SIZE_NORMAL,
				message: mensaje,
				draggable: true,
				cssClass: "ModalPublicar",
				onshow: function(dialogItself){
					var dominio = "<?php echo $Configuraciones->nombre_dominio; ?>";
					<?php if( $Configuraciones->usuario_cpanel != '' && $Configuraciones->usuario_ftp != ''): ?>
						$.post(
							"<?php echo URL::route('SysWebSWebConfiguraciones1'); ?>",
							{accion: "verificarDNS", dominio: dominio},
							function(data){
								if( data.success ){
									$("#btnPblicar").prop("disabled", false);
								}
								else{
									$("#btnPblicar").prop("disabled", true);
									var alert = '<div class="alert alert-warning"> \
										<h4 class="text-center"> Esta página por el momento no puede ser publicada porque la propagación de tus DNS no se ha completado. </h4> \
									</div>';
									dialogItself.getModalBody().find("#frmPublicar").append(alert);
								}
							},
							"json"
						);
					<?php endif; ?>
				},
				buttons: [{
					id: "btnPblicar",
					label: "Publicar",
					cssClass: "btn-success btn-block btn-lg",
					action: function(dialogItself){
						NProgress.start();
						$("#btnPblicar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Publicando');
						$.post(
							"<?php echo URL::route('SysWebSWebPublicarDespublicarPaginasxCliente'); ?>",
							{ idWeb: id, publicar:true, tipo:tipo },
							function(data){
								$("#btnPblicar").prop("disabled", false).html("Eliminar");
								NProgress.done();
								if(data.success){
									new PNotify({ title: "!Felicidades!", text: data.mensaje, type: "success" });
									dialogItself.close();
									var table = $("#tblPaginasxCliente").DataTable();
									table.ajax.reload(null, false);
									var table = $("#tblPostxPlantilla").DataTable();
									table.ajax.reload(null, false);
									var tableClon = $("#tblPaginasxClienteClon").DataTable();
									tableClon.ajax.reload(null, false);
									var tableTienda = $("#tblPaginasxClienteTienda").DataTable();
									tableTienda.ajax.reload(null, false);
									var tableTienda = $("#tblLegales").DataTable();
									tableTienda.ajax.reload(null, false);
								}
								else{
									dialogItself.close();
									Configuarcion(id, tipo, "publicar", data.mensaje);
									$("#tblPaginasxCliente").find("#toggle_"+id).toggles({
										on: false
									});
									$("#tblPaginasxCliente").find("#toggle_"+id).length
									var table = $("#tblPaginasxCliente").DataTable();
									table.ajax.reload(null, false);
								}
							},
							"json"
						);
					}
				}]
			});
		}
		else{
			var nombre = (tipo =="post")?"entrada":"página";
			var mensaje = "<div class='row'> \
					<div class='col-xs-12'> \
						<form id='frmDespublicar'> \
							<h2> ¿Seguro que desea despublicar la "+nombre+"? </h2> \
							<input type='hidden' name='idP' value='"+id+"'> \
						</form> \
					</div> \
				</div>";
			var titulo = (tipo =="post")?"Despublicar Entrada":"Despublicar Página";
			BootstrapDialog.show({
				title: titulo,
				type: BootstrapDialog.TYPE_DANGER,
				size: BootstrapDialog.SIZE_NORMAL,
				message: mensaje,
				draggable: true,
				cssClass: "ModalDesPublicar mdAvatar",
				buttons: [{
					id: "btnDesPublicar",
					label: "Despublicar",
					cssClass: "btn-danger btn-block btn-lg",
					action: function(dialogItself){
						NProgress.start();
						NProgress.done();
						$("#btnDesPublicar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Despublicando');
						$.post(
							"<?php echo URL::route('SysWebSWebPublicarDespublicarPaginasxCliente'); ?>",
							{ idWeb: id , tipo:tipo},
							function(data){
								$("#btnDesPublicar").prop("disabled", false).html("Eliminar");
								if(data.success){
									new PNotify({ title: "!Felicidades!", text: data.mensaje, type: "success" });
									dialogItself.close();
									var actualizar = (tipo=="post")?$("#tblPostxPlantilla"):$("#tblPaginasxCliente");
									if(tipo == null){
										var actualizar = $("#tblPaginasxClienteClon");
									}
									actualizar.find("#toggle_"+id).toggles({
										on: false
									});
									var table = $("#tblPaginasxCliente").DataTable();
									table.ajax.reload(null, false);
									var table = $("#tblPaginasxClienteClon").DataTable();
									table.ajax.reload(null, false);
									var table = $("#tblPostxPlantilla").DataTable();
									table.ajax.reload(null, false);
									var table = $("#tblLegales").DataTable();
									table.ajax.reload(null, false);
								}
								else{
									if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
									$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
								}
							},
							"json"
						);
					}
				}]
			});
		}
	}
 	function AgregarPostYPaginas(tipo){
		var tipo = tipo;
		var html_sdide = "<div class='form-group complementos'> \
			<label for='slTipoSidebar'>Seleccione el tipo de barra lateral :</label> \
			<select class='form-control' id='slTipoSidebar' name='slTipoSidebar'> \
				<option selected disabled>Seleccione una opción</option> \
			</select> \
			<span class='text-danger' id='errslTipoSidebar'> </span> \
		</div>";
		html_sdide = (tipo == "pagina")?"":html_sdide;
		var titulo = (tipo == "pagina")?"Agregar Página":"Agregar entrada";
		var headTitulo = (tipo == "pagina")?"página":"entrada";
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<form id='frmAgregarPost'> \
					<div class='form-group'> \
						<label> Nombre: </label> \
						<input type='text' class='form-control' name='nombrepost' id='nombre-post'> \
						<input type='hidden' class='form-control' name='tipo' value='"+tipo+"'> \
						<span class='text-danger' id='errnombrepost'> </span> \
					</div> \
					<div class='form-group ask' style='margin-bottom: 30px;'> \
						<label class='checkbox-inline' style='display: block; padding-left: 0;'> ¿Que secciones del sitio quisieras usar para esta "+headTitulo+"? </label> \
					</div> \
					<div class='form-group complementos'> \
						<label for='slTipoHeader'>Seleccione el tipo de Encabezado :</label> \
						<select class='form-control selectpicker' id='slTipoHeader' name='slTipoHeader'> \
							<option selected disabled>Seleccione una opción</option> \
						</select> \
						<span class='text-danger' id='errslTipoHeader'> </span> \
					</div> \
					"+html_sdide+" \
					<div class='form-group complementos'> \
						<label for='slTipoFooter'>Seleccione el tipo de Pie de página :</label> \
						<select class='form-control selectpicker' id='slTipoFooter' name='slTipoFooter'> \
							<option selected disabled>Seleccione una opción</option> \
						</select> \
						<span class='text-danger' id='errslTipoFooter'> </span> \
					</div> \
				</form> \
			</div> \
		</div>";
		BootstrapDialog.show({
			title: titulo,
			type: BootstrapDialog.TYPE_PRIMARY,
			message: mensaje,
			draggable: true,
			closeByBackdrop: false,
			cssClass: "ModalAgregarPost",
			onshow: function(dialogRef){
				var ventana = dialogRef.getModalBody();
				ventana.find(".selectpicker").selectpicker();
				$("body").addClass("modal-open");
				dialogRef.getModalBody().find("#default-plantilla").click(function(){
					dialogRef.getModalBody().find(".complementos").addClass("hide");
				});
				dialogRef.getModalBody().find("#new-plantilla").click(function(){
					dialogRef.getModalBody().find(".complementos").removeClass("hide");
				});
				$.post(
					"<?php echo URL::route('SysWebSWebMostrarComplementosPaginas'); ?>",
					{idCliente:true},
					function(data){
						$.each(data.SeccionHeader, function(i, header) {
							var html = '<option value="'+header.id+'">'+header.nombre+'</option>';
							dialogRef.getModalBody().find("#slTipoHeader").append(html);
							$("#slTipoHeader").selectpicker("refresh");
						});	
						$.each(data.SeccionFooter, function(index, footer) {
							var html = '<option value="'+footer.id+'">'+footer.nombre+'</option>';
							dialogRef.getModalBody().find("#slTipoFooter").append(html);
							$("#slTipoFooter").selectpicker("refresh");
						});
						if(tipo != "pagina"){
							$.each(data.SeccionSidebar, function(indice, side) {
								var html = '<option value="'+side.id+'">'+side.nombre+'</option>';
								dialogRef.getModalBody().find("#slTipoSidebar").append(html);
							});
						}	
					},
					"json"
				);
            },
			buttons: [{
				id: "btnAgregarPost",
				label: "Agregar",
				cssClass: "btn-success btn-block btn-lg",
				action: function(dialogItself){
					$.isLoading({ text: "Creando..." }); NProgress.start();
					$("#btnAgregarPost").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Creando');
					$.post(
						"<?php echo URL::route('SysWebSWebPostYPaginasAgregar'); ?>",
						$("#frmAgregarPost").serialize(),
						function(data){
							$("#btnAgregarPost").prop("disabled", false).html("Agregar");
							if(data.success){
								$.isLoading("hide"); NProgress.done();
								new PNotify({ title: "!Felicidades!", text: data.mensaje, type: "success" });
								var urlEdicion =(tipo == "pagina")? "<?php echo URL::route('SysWebSWebPaginasxTemaEditarV2', array(0)); ?>" : "<?php echo URL::route('SysWebSWebPostxPlantillaEditarV2', array(0)); ?>";
								urlEdicion = urlEdicion.replace("0", data.idS);
								setTimeout( function(){ window.location.href = urlEdicion; }, 1000 );
								dialogItself.close();
								var table = (tipo == "pagina")?$("#tblPaginasxClienteClon").DataTable():$("#tblPostxPlantilla").DataTable();
								table.ajax.reload(null, false);
							}
							else {
								$.isLoading("hide"); NProgress.done();
								if(data.mensaje != ''){new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
								$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
							}
						},
						"json"
					);
				}
			}],
			onhidden: function(dialogItself){
				$("body").removeClass("modal-open");
			}
		});
	}
	function Clonar(id, tipo){
		var id = id;
		var tipo = tipo;
		var titulo = (tipo =="pagina")?"Clonar página":"Clonar entrada";
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<form id='frmClonar'> \
					<div class='form-group'> \
						<label> Nombre: </label> \
						<input type='text' class='form-control' name='nombre' id='nombreClon'> \
						<span class='text-danger' id='errnombre'> </span> \
					</div> \
				</form> \
			</div> \
		</div>";
		BootstrapDialog.show({
			title: titulo,
			type: BootstrapDialog.TYPE_PRIMARY,
			message: mensaje,
			draggable: true,
			cssClass: "ModalAgregarPost",
			buttons: [{
				id: "btnClonar",
				label: "Clonar",
				cssClass: "btn-success btn-block btn-lg",
				action: function(dialogItself){
					if($(".ModalAgregarPost").find("#nombreClon").val() != ""){
						NProgress.start();
						$("#btnClonar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Clonando');
						$.post(
							"<?php echo URL::route('SysWebSWebPostxPlantillaClonar'); ?>",
							{ idWeb: id, tipo: tipo, nombre: $(".ModalAgregarPost").find("#nombreClon").val() },
							function(data){
								$("#btnClonar").prop("disabled", false).html("Clonar");
								NProgress.done();
								if(data.success){
									new PNotify({ title: "!Felicidades!", text: data.mensaje, type: "success" });
									if(tipo == "pagina" || tipo == "paginaClon"){
										var table = $("#tblPaginasxCliente").DataTable();
										table.ajax.reload(null, false);
										var tableClon = $("#tblPaginasxClienteClon").DataTable();
										tableClon.ajax.reload(null, false);
									}
									else{
										var table = $("#tblPostxPlantilla").DataTable();
										table.ajax.reload(null, false);
									}
									dialogItself.close();
								}
								else{
									NProgress.done();
									if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
									$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
								}
							},
							"json"
						);
					}
					else{
						$(".ModalAgregarPost").find("#errnombre").html("Este campo es obligatorio");
					}
				}
			}]
		});	
	}
	function GuardarC(id ,activo, tipo) {
		var id = id;
		var activo = activo;
		var tipo = tipo;
		var fecha_publicacion = "";
		if(tipo == "pagina"){
			var idheader = $("#tblPaginasxCliente tr#"+id+" td:nth-child(4)").find("#lsHeader").val();
			var idfooter = $("#tblPaginasxCliente tr#"+id+" td:nth-child(5)").find("#lsFooter").val();
			var idsidebar = "";
		}
		else if(tipo == "paginaTienda"){
			tipo = "pagina";
			var idheader = $("#tblPaginasxClienteTienda tr#"+id+" td:nth-child(4)").find("#lsHeader").val();
			var idfooter = $("#tblPaginasxClienteTienda tr#"+id+" td:nth-child(5)").find("#lsFooter").val();
			var idsidebar = "";	
		}
		else if(tipo == "paginaClon"){
			var idheader = $("#tblPaginasxClienteClon tr#"+id+" td:nth-child(4)").find("#lsHeader").val();
			var idfooter = $("#tblPaginasxClienteClon tr#"+id+" td:nth-child(5)").find("#lsFooter").val();
		}
		else{
			var idheader = $("#tblPostxPlantilla tr#"+id+" td:nth-child(4)").find("#lsHeader").val();
			var idfooter = $("#tblPostxPlantilla tr#"+id+" td:nth-child(6)").find("#lsFooter").val();
			var idsidebar = $("#tblPostxPlantilla tr#"+id+" td:nth-child(5)").find("#lsSidebar").val();
			fecha_publicacion = $("#tblPostxPlantilla tr#"+id+" td:nth-child(7)").find("#fecha_p"+id).val();
		}
		if($("#ptab5.active").length > 0){
			var idheader = $("#tblLegales tr#"+id+" td:nth-child(4)").find("#lsHeader").val();
			var idfooter = $("#tblLegales tr#"+id+" td:nth-child(5)").find("#lsFooter").val();
		}
		var ruta = "<?php echo URL::route('SysWebSWebPostxPlantillaGuardar'); ?>";
		$.isLoading({ text: "Cargando..." }); NProgress.start();
		$.post(
			ruta,
			{ idPost: id, idheader: idheader, idfooter: idfooter, idsidebar: idsidebar, complementos: true, activo: activo, tipo: tipo, fecha_publicacion: fecha_publicacion},
			function(data){
				$.isLoading("hide"); NProgress.done();
				if(data.success){
					new PNotify({ title: "!Felicidades!", text: data.mensaje, type: "success" });
				}
				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(""); } });
				}
				if(tipo == "pagina"){
					var table = $("#tblPaginasxCliente").DataTable();
					table.ajax.reload(null, false);
				}
				else if(tipo == "paginaClon"){
					var table = $("#tblPaginasxClienteClon").DataTable();
					table.ajax.reload(null, false);
				}
				else if(tipo == "paginaTienda"){
					var table = $("#tblPaginasxClienteClon").DataTable();
					table.ajax.reload(null, false);
				}
				else{
					var table = $("#tblPostxPlantilla").DataTable();
					table.ajax.reload(null, false);
				}
				var table = $("#tblLegales").DataTable();
				table.ajax.reload(null, false);
			},
			"json"
		);
	}
	function ObtenerComplementosVistaPrevia(id, ruta, idheader, idfooter, idsidebar, tipo, obj, movil) {
		var id = id;
		var ruta = ruta;
		var idheader = idheader;
		var	idfooter = idfooter;
		var idsidebar = idsidebar;
		var tipo = tipo;
		var obj = obj
		var movil = movil;
		$.post(
			ruta,
			{ idPa: id, idheader:idheader, idfooter:idfooter, idsidebar:idsidebar, tipo:tipo, mobile:movil},
			function(data){
				$(".VistaPrevia").find(".iframe-container").isLoading( "hide" );
				if(data.success){
					var iframe = obj.find("#VistaPreviaIframe");
					var doc = iframe[0].contentWindow.document;
					doc.open();
					doc.write("<!DOCTYPE HTML>"+data.codigoHTML);
					doc.close();
				}
				else{
					if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
					$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
				}
			},
			"json"
		);
	}
	function AtivarSitio(accion){
		var accion = accion;
		if(accion){
			var titulo = "Activar Sitio";
			var tipo = 1;
			var btn_name = "Poner en linea";
			var html  = "<h4> Antes activar el sitio asegurese que cumpla con los siguientes requisitos </h2> \
			<div class='ckbox ckbox-primary' style='margin-top: 20px;'>\
				<input type='checkbox' id='chA' class='chAceptar'>\
				<label for='chA' style='font-weight: 500;'>\
					Modificar y publicar las páginas legales.\
				</label> \
			</div> \
			<div class='ckbox ckbox-primary'>\
				<input type='checkbox' id='chA' class='chAceptar'>\
				<label for='chA' style='font-weight: 500;'>\
					Modificar y publicar la página inicio.\
				</label> \
			</div>"
		}
		else{
			var titulo = "Desactivar sitio";
			var tipo = 0;
			var html ="<h2 class='text-center' style='margin-top: 15px;'> Estas seguro que deseas desactivar el sitio web </h2>";
			var btn_name = "Desactivar";
		}
		var mensaje = "<div class='row'> \
				<div class='col-xs-12'> \
					<form id='frmActivar'> \
						"+html+"\
					</form> \
				</div> \
			</div>";
		BootstrapDialog.show({
			title: titulo,
			type: (tipo)?BootstrapDialog.TYPE_PRIMARY:BootstrapDialog.TYPE_DANGER,
			size: BootstrapDialog.SIZE_NORMAL,
			message: mensaje,
			draggable: true,
			closeByBackdrop: false,
			cssClass: "ModalDesPublicar",
			onshown:function(dialogRefs){
				$("body").addClass("modal-open");
				accion?$("#btnEstado").prop("disabled", true):$("#btnEstado").prop("disabled", false);
				dialogRefs.getModalBody().find(".chAceptar").click(function(){
					var activo = 0;
					dialogRefs.getModalBody().find(".chAceptar").each(function(){
						if($(this).is(":checked")){
							activo++
						}
					})
					if(activo == 2){
						$("#btnEstado").prop("disabled", false);
					}
					else{
						$("#btnEstado").prop("disabled", true);
					}
				})
			},
			buttons: [{
				id: "btnEstado",
				label: btn_name,
				cssClass: "btn-success btn-block btn-lg",
				action: function(dialogItself){
					NProgress.start();
					var btn_text = accion?" Activando...":" Desactivando...";
					$("#btnEstado").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i>'+btn_text);
					$.post(
							"<?php echo URL::route('SysWebSWebCambiarEstadoSitio'); ?>",
							{accion: accion},
							function(data){
								NProgress.done();
								$("#btnEstado").prop("disabled", false).html(btn_name);
								if(data.success){
									new PNotify({ title: "!Felicidades!", text: data.mensaje, type: "success" });
									dialogItself.close();
									tipo?$("#toggle_online").toggles({ on: true}):$("#toggle_online").toggles({ on: false});
									tipo?$(".txt-online").text("Sitio en linea"):$(".txt-online").text("= Modo construcción ");
								}
								else{
									($(".ModalDesPublicar").find(".paginas-faltantes") != 0 )?$(".ModalDesPublicar").find(".paginas-faltantes").remove():'';
									var html_paginas ='<div class="form-group paginas-faltantes" style="margin-bottom: 0;"> \
										<div class="alert alert-danger mensaje-pagina alert-dismissable" style="margin-bottom: 0;"> \
											<h4 class="txt-pagina" style="font-weight:500; margin-bottom: 0;">Falta publicar las siguientes páginas: </h4> \
										</div>\
									</div>';
									$(".ModalDesPublicar").find(".ckbox:last").after(html_paginas);
									$.each(data.paginas, function(i, pagina) {
										$(".ModalDesPublicar").find(".txt-pagina").after('<span class="text-danger" style="display:block; ">  <b> *'+pagina.slug+' </b></span>');
									});
								}
							},
							"json"
					);
				}
			}],
			onhidden: function(dialogItself){
				$("body").removeClass("modal-open");
			}
		});
	}
	function AgregarPaginasNuevas(){
		$(".agregar-pagina").click(function(e){
			e.preventDefault();
		})
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<form id='frmAgregarPaginasN'> \
					<div class='form-group'>\
						<label control-label'>\
							Listado de páginas nuevas\
						</label>\
							<?php foreach($plantillas as $plantilla): ?> \
								<?php foreach($plantillasxTema as $paginas): ?> \
									<?php if($paginas->slug == $plantilla): ?>\
										<div class='checkbox'>\
											<label for='<?php echo $plantilla; ?>'>\
												<input name='paginasN' type='checkbox' value='<?php echo $plantilla; ?>' data-pagina='<?php echo $paginas->paginas_tienda; ?>' id='index'> \
												<?php if($paginas->url_vista != ''): ?>\
													<span class='custom-checkbox' style='margin-left: -25px;'></span> <a href='<?php echo $paginas->url_vista; ?>' target='_blank' class='tooltips' 	data-toggle='tooltip' title='<?php echo trim($paginas->descripcion); ?> &#10;&#10;&#10;Haz clic para vista previa' > <?php echo $plantilla; ?>.</a>\
												<?php else: ?>\
													<span class='custom-checkbox' style='margin-left: -25px;'></span> <span href='#' class='tooltips' 	data-toggle='tooltip' title='<?php echo $paginas->descripcion; ?>' > <?php echo $plantilla; ?>.</span>\
												<?php endif; ?>\
											</label>\
										</div>\
										<span class='text-danger' id='errindex'> </span>\
									<?php endif; ?>\
								<?php endforeach; ?> \
							<?php endforeach; ?> \
					<span class='text-danger' id='errChecks'> </span>\
					</div>\
					<div class='form-group ask' style='margin-bottom: 30px;'> \
						<label class='checkbox-inline' style='display: block; padding-left: 0;'> ¿Que secciones del sitio quisieras usar para esta en página? </label> \
					</div> \
					<div class='form-group complementos'> \
						<label for='slTipoHeader'>Seleccione el tipo de Encabezado :</label> \
						<select class='form-control' id='slTipoHeader' name='slTipoHeader'> \
							<option selected disabled>Seleccione una opción</option> \
						</select> \
						<span class='text-danger' id='erridheader'> </span> \
					</div> \
					<div class='form-group complementos'> \
						<label for='slTipoFooter'>Seleccione el tipo de Pie de página :</label> \
						<select class='form-control' id='slTipoFooter' name='slTipoFooter'> \
							<option selected disabled>Seleccione una opción</option> \
						</select> \
						<span class='text-danger' id='erridfooter'> </span> \
					</div> \
				</form> \
			</div> \
		</div>";
		BootstrapDialog.show({
			title: "Agregar Páginas Nuevas",
			type: BootstrapDialog.TYPE_PRIMARY,
			size: BootstrapDialog.SIZE_NORMAL,
			message: mensaje,
			draggable: true,
			cssClass: "ModalDesPublicar",
			onshow: function(dialogRef){
				dialogRef.getModalBody().find(".selectpicker").selectpicker();
				dialogRef.getModalBody().find(".tooltips").tooltip();
				$.post(
					"<?php echo URL::route('SysWebSWebMostrarComplementosPaginas'); ?>",
					{idCliente:true},
					function(data){
						$.each(data.SeccionHeader, function(i, header) {
							var html = '<option value="'+header.id+'">'+header.nombre+'</option>';
							dialogRef.getModalBody().find("#slTipoHeader").append(html);
						});	
						$.each(data.SeccionFooter, function(index, footer) {
							var html = '<option value="'+footer.id+'">'+footer.nombre+'</option>';
							dialogRef.getModalBody().find("#slTipoFooter").append(html);
						});	
					},
					"json"
				);
            },
			buttons: [{
				id: "btnGuardar",
				label: "Guardar",
				cssClass: "btn-success",
				action: function(dialogItself){
					var paginas = Array();
					$('[name="paginasN"]').each(function(){
						if($(this).is(":checked")){
							paginas.push($(this).val())
						}
					});
					if(paginas.length > 0){
						$.isLoading({ text: "Cargando..." }); NProgress.start();
						$("#btnGuardar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i>Guardando');
						$.post(
							"<?php echo URL::route('SysWebSWebAgregarPaginasNuevas'); ?>",
							{ paginas: paginas, idheader:$("#slTipoHeader").val(), idfooter:$("#slTipoFooter").val(), tipo_pagina: $("[name='paginasN']").attr("data-pagina")},
							function(data){
								$.isLoading("hide"); NProgress.done();
								$("#btnGuardar").prop("disabled", false).html('Guardar');
								if(data.success){
									new PNotify({ title: "!Felicidades!", text: data.mensaje, type: "success" });
									setInterval(location.reload(),10000);
									var table = $("#tblPaginasxCliente").DataTable();
									table.ajax.reload(null, false);
									dialogItself.close();
								}
								else{
									if(data.mensaje != ''){new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
									$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
								}
							},
							"json"
						);
					}
					else{
						$("#errChecks").text("Debes seleccionar por lo menos una página");
					}
				}
			}]
		});
	}
	function verificarVinculosNP(){
		//VERIFICACIÓN DE LOS VÍNCULOS QUE ABREN EN UNA NUEVA PESTAÑA
		$(".LNP").off("click").click(function(e){
			e.preventDefault();
			var el = $(this);
			var date = new Date().getTime();
			var newDate = moment(date).add(45, 'm').toDate();
			newDate = moment(newDate).format("MM/DD/YYYY H:mm:ss");
			newDate = window.btoa(unescape(encodeURIComponent( newDate )));
			var url = el.attr("href")+"/"+el.attr("data-id")+"/"+el.attr("data-tipo")+"/"+newDate;
			window.open(url);
		});
	}
	<?php
		if( isset($_GET['import']) ){
	?>
	function ImportarPlantilla(){
		var id = id;
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<form id='frmImportarPlantilla' enctype='multipart/form-data'> \
					<div class='form-group'> \
						<label for='txtNombre'>Nombre a asignar</label> \
						<input type='text' class='form-control' id='txtNombre' name='txtNombre' placeholder='Nombre a asignar...'> \
						<span class='text-danger' id='errtxtNombre'></span> \
					</div> \
					<div class='form-group'> \
						<label for='slTipoDePlantilla'>Tipo de plantilla</label> \
						<select name='slTipoDePlantilla' class='form-control'> \
							<option value='P'>Página</option> \
							<option value='PA' selected>Página agregada</option> \
							<option value='E'>Entrada</option> \
							<option value='TEL'>Tienda en línea</option> \
						</select> \
						<span class='text-danger' id='slTipoDePlantilla'></span> \
					</div> \
					<!-- <div class='form-group'> \
						<label for='slEncabezado'>Encabezado</label> \
						<select name='slEncabezado' class='form-control'> \
						</select> \
						<span class='text-danger' id='slEncabezado'></span> \
					</div> \
					<div class='form-group'> \
						<label for='slPieDePagina'>Pie de página</label> \
						<select name='slPieDePagina' class='form-control'> \
						</select> \
						<span class='text-danger' id='slPieDePagina'></span> \
					</div> \
					<div class='form-group'> \
						<label for='slBarraLateral'>Barra lateral</label> \
						<select name='slBarraLateral' class='form-control'> \
						</select> \
						<span class='text-danger' id='slBarraLateral'></span> \
					</div> --> \
					<div class='form-group'> \
						<label for='flArchivo'>Archivo HTML</label> \
						<input type='file' id='flArchivo' name='flArchivo'> \
						<span class='text-danger' id='errflArchivo'></span> \
					</div> \
				</form> \
			</div> \
		</div>";
		BootstrapDialog.show({
			title: "Importar Plantilla de archivo HTML",
			type: BootstrapDialog.TYPE_DEFAULT,
			message: mensaje,
			draggable: true,
			cssClass: "ModalImportarPlantilla",
			buttons: [{
				id: "btnImportarPlantilla",
				label: "Importar",
				cssClass: "btn-default",
				action: function(dialogItself){
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					$.isLoading("hide"); NProgress.done();
					$("#btnImportarPlantilla").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Importando...');
					var formulario = $("#frmImportarPlantilla");
					var formData = new FormData(document.getElementById("frmImportarPlantilla"));
					$.ajax({
						type: "POST",
						url: "<?php echo URL::route('SysWebSWebPaginasxTemaImportar', array()); ?>",
						data: formData,
						cache: false,
						contentType: false,
						processData: false,
						dataType: "json",
						timeout: 1800000,
						success: function(data){
							$("#btnImportarPlantilla").prop("disabled", false).html("Importar");
							if(data.success){
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								$(".porlets-content").find("table").each(function(e){
									var table = $(this).DataTable();
									table.ajax.reload(null, false);
								});
								dialogItself.close();
							}
							else{
								if(typeof data.MensajeError != "undefined"){ $("#Errs").html(data.MensajeError); $("#MensajeError").show(); }else{ $("#MensajeError").hide(); $("#Errs").html(""); }
								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){
							$("#btnImportarPlantilla").prop("disabled", false).html("Importar");
							new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
						}
					});
				}
			}]
		});
	}
	function ReemplazarCodigo(tipo, idP){
		var id = id;
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<form id='frmImportarPlantilla' enctype='multipart/form-data'> \
					<div class='form-group'> \
						<label for='flArchivo'>Archivo HTML</label> \
						<input type='file' id='flArchivo' name='flArchivo'> \
						<span class='text-danger' id='errflArchivo'></span> \
					</div> \
					<input type='hidden' name='hdnIdP' value='"+idP+"'> \
					<input type='hidden' name='hdnTipo' value='"+tipo+"'> \
				</form> \
			</div> \
		</div>";
		BootstrapDialog.show({
			title: "Reemplazar Plantilla de archivo HTML",
			type: BootstrapDialog.TYPE_DEFAULT,
			message: mensaje,
			draggable: true,
			cssClass: "ModalImportarPlantilla",
			buttons: [{
				id: "btnImportarPlantilla",
				label: "Reemplazar",
				cssClass: "btn-default",
				action: function(dialogItself){
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					$.isLoading("hide"); NProgress.done();
					$("#btnImportarPlantilla").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Reemplazando...');
					var formulario = $("#frmImportarPlantilla");
					var formData = new FormData(document.getElementById("frmImportarPlantilla"));
					$.ajax({
						type: "POST",
						url: "<?php echo URL::route('SysWebSWebPaginasxTemaReemplazar', array()); ?>",
						data: formData,
						cache: false,
						contentType: false,
						processData: false,
						dataType: "json",
						timeout: 1800000,
						success: function(data){
							$("#btnImportarPlantilla").prop("disabled", false).html("Reemplazar");
							if(data.success){
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								$(".porlets-content").find("table").each(function(e){
									var table = $(this).DataTable();
									table.ajax.reload(null, false);
								});
								dialogItself.close();
							}
							else{
								if(typeof data.MensajeError != "undefined"){ $("#Errs").html(data.MensajeError); $("#MensajeError").show(); }else{ $("#MensajeError").hide(); $("#Errs").html(""); }
								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){
							$("#btnImportarPlantilla").prop("disabled", false).html("Reemplazar");
							new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
						}
					});
				}
			}]
		});
	}
	<?php
		}
	?>
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
if(<?php echo $Configuraciones->activo; ?>){
	var activo = true;
	$(".txt-online").text("Sitio en linea");
}
else{
	$(".txt-online").text("= Modo construcción ");
	var activo = false;
}
$(".toggle#toggle_online").toggles({
	width:80,
	height:35,
	click: false,
	on: activo,
	drag: false
});
/*$("#toggle_online").toggles({
	
});*/
$("#toggle_online").on("click", function(event, active) {
	event.preventDefault();
	if(!$(this).find(".toggle-slide").hasClass("active")){
		AtivarSitio(1);
	} 
	else {
		AtivarSitio(0);
	}
});
$(".block-web").find(".close").click(function(){
	$(".block-web").find(".alert-info").removeClass("in");
	$.post(
	"<?php echo URL::route('SysWebSWebDesactivarTexto'); ?>",
	{Guardar:true},
	function(data){
		if(data.success){
			new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
		}
	},
	"json"
)
});
$(".block-web").find(".paginas").click(function(){
	var direc = $(this).find("a").attr("href");
	if( direc == "#ptab2"){
		$(".block-web").find(".addPost").removeClass("hide");
	}
	else {
		$(".block-web").find(".addPost").addClass("hide");
	}
	if(direc == "#ptab1" || direc == "#ptab3"){
		$(".block-web").find(".addPagina").removeClass("hide");
	}
	else{
		$(".block-web").find(".addPagina").addClass("hide");
	}
});
if(!<?php echo $Configuraciones->ventana_vista; ?>){

	var disenho = "<?php echo $disenho; ?>"
	var fontSize = "20px";
	if((disenho != "" || disenho != null) &&  disenho != false){
		var textoB = "Tu sitio ha sido creado con éxito y se encuentra en vivo en el ambiente de edición.\
		Este ambiente te permitirá editar y previsualizar tu sitio en un subdomino al cual solo tu y las personas con que lo compartas tendrán acceso a el.\
		Cuando termines de editar tu sitio y este listo para ser publicado, dirigete a la sección de configuraciones y sigue las instrucciones para ponerlo en vivo"
		var dominio = "<?php echo $Configuraciones->nombre_dominio; ?>";
		dominio = dominio.replace(".","-")+".sumeclientes.space";
		fontSize = "18px";
		var tamanio = "md_disenho";
	}
	else{
		var textoB = "Tu sitio ha sido creado con exito, ya esta en linea con el diseño de página en construcción."
		var dominio = "<?php echo $Configuraciones->nombre_dominio; ?>";
		var tamanio = " ";
	}
	var mensaje = '<div class="row"> \
		<div class="col-xs-12"> \
			<form id="frmInicial"> \
				<div class="form-group text-inicio" style="margin-bottom: 0;"> \
					<h3 class="text-center" style="font-size: '+fontSize+'; margin-bottom: 0;">'+textoB+'</h3><br> \
					<p class="text-center">Has click en el botón para ver el sitio ahora</p> \
					<a href="http://'+dominio+'/" target="_blank" class="btn btn-primary center-block" style="display: block; width:40%;"><i class="fa  fa-external-link" aria-hidden="true"></i>  Ver sitio </a> \
				</div> \
				<div class="form-group text-final " style="display: none; margin-bottom: -30px; font-size: 20px;"> \
					<div class="alert alert-warning"> \
						<h3 class="text-center" style="font-size: 20px;"> \
							Las páginas de tu sitio estan apagadas. Asegurate de personalizarlas con tu contenido (imágenes, textos, colores, etc.) antes de encenderlas, ya que actualmente estará con contenido genérico \
						</h3> \
					</div> \
					<br> \
				</div> \
			</form> \
		</div> \
	</div>';
	BootstrapDialog.show({
		title: "!Felicidades!",
		type: BootstrapDialog.TYPE_PRIMARY,
		closable:false,
		message: mensaje,
		draggable: true,
		cssClass: "ModalInicial "+ tamanio,
		buttons: [{
			id: "btnInicial",
			label: "Siguiente",
			cssClass: "btn-success btn-lg btn-block",
			action: function(dialogItself){
				$(".ModalInicial").find(".text-inicio").hide("slow");
				$(".ModalInicial").find(".text-final").show("slow");
				$(".ModalInicial").find("#btnInicial").text("Finalizar");
				if($(".ModalInicial").find("#btnInicial").text() == "Finalizar"){
					$(this).off("click").on("click", function(){
						dialogItself.close();
						$.post(
							"<?php echo URL::route('SysWebSWebDesactivarVentana'); ?>",
							{Guardar:true},
							function(data){
								if(data.success){
									new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								}
							},
						"json"
						)
					});
				}
			}
		}]
	});
}
var tabla = $("#tblPaginasxCliente").DataTable({
	"processing": true,
	"serverSide": true,
	"pageLength": 25,
	"ordering": false,
	"ajax": "<?php echo URL::route('SysWebSWebPaginasxTema'); ?>",
	preDrawCallback: function (settings) { $.isLoading("hide"); $.isLoading("hide"); $.isLoading("hide"); $.isLoading("hide"); $.isLoading("hide"); },
	columns: [
		{data: null, defaultContent: "", "searchable": false, "orderable": false},
		{data: "activo", name: "activo", "searchable": false, class: "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			$(nTd).text("")
			var html = '<div class="form-group">\
				<div class="control-label">\
					<div id="toggle_'+oData.id+'" class="toggle toggle-danger"></div>\
				</div>\
			</div>';
			$(nTd).append(html);
			/*$(".toggle").toggles({
				drag: false
			});*/
			if(oData.activo == 1){
				$(nTd).find("#toggle_"+oData.id).removeClass("toggle-danger").addClass("toggle-success");
				$(nTd).find("#toggle_"+oData.id).toggles({on: true , click: false});
			}
			else{
				$(nTd).find("#toggle_"+oData.id).removeClass("toggle-success").addClass("toggle-danger");
				$(nTd).find("#toggle_"+oData.id).toggles({on: false, click: false});
			}
			$(nTd).find(".toggle").on("click", function(e, active) {
				e.preventDefault();
				if(!$(nTd).find("#toggle_"+oData.id).find(".toggle-slide").hasClass("active")){
					PublicarPagina(true, oData.id, null);
				} 
				else {
					PublicarPagina(null, oData.id, null);
				}
			});
			}
		},
		{data: "nombre", name: "nombre" },
		{data: "Header", name: "Header", "searchable": false, class: "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			$(nTd).closest("tr").attr("id",oData.id);
			$(nTd).find("#lsHeader").val(oData.seccion_header_id);
			}
		},
		{data: "Footer", name: "Footer", "searchable": false, class: "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			$(nTd).find("#lsFooter").val(oData.seccion_footer_id);
			}
		},
		{data: "acciones", name: "acciones", "searchable": false, "orderable": false, "class": "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			if(oData.principal){
				$(nTd).find(".btn-danger").attr("disabled",true);
			}
			if(oData.activo){
				$(nTd).find(".icons-web-site").parent().attr("disabled",false);
			}
			else{
				$(nTd).find(".icons-web-site").parent().attr("disabled",true);
			}
			$(nTd).find(".pagina-guardar").click(function(){
				var id = oData.id;
				var activo = oData.activo;
				GuardarC(id, activo, "pagina");
			});
			$(nTd).find(".clonar-pagina").click(function(){
				var id = oData.id;
				Clonar(id, "pagina");
			});
			$(nTd).find(".eliminar-pagina").click(function(){
				var id = oData.id;
				Eliminar(id, "pagina");
			});
			$(nTd).find("#btnConfiguraciones"+oData.id).click(function(e){
				e.preventDefault();
				var id = oData.id;
				if(oData.activo == 1){
					Configuarcion(id, "pagina", "publicar");
				}
				else{
					Configuarcion(id, "pagina", "");
				}
			});
			var btnGuardarP = $(nTd).parent().find(".slSecciones");
			(btnGuardarP.attr("data-actualizar")=="false")?$(nTd).find(".pagina-guardar").prop("disabled", true):$(nTd).find(".pagina-guardar").prop("disabled", false);
			}
		},	
	],
	"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();
		$(".slSecciones").change(function(){
			$(this).attr("data-actualizar", true);
			$(this).closest("tr").find(".pagina-guardar").prop("disabled", false);
		});
		verificarVinculosNP();
		$(".slSecciones").selectpicker();
	},
	autoWidth: false,
	responsive: {
		"details": {
			"type": "column",
			"target": 0
		}
	},
	columnDefs: [{
		"data": null,
		"defaultContent": "",
		"className": "control",
		"orderable": false,
		"width": "9%",
		"targets": 0
	}],
	//dom: "<'row'<'col-sm-3'l><'col-sm-3'f><'col-sm-6'p>>" +
	//	"<'row'<'col-sm-12'tr>>" +
	//"<'row'<'col-sm-5'i><'col-sm-7'p>>",
	initComplete: function(){
		var input = $("#tblPaginasxCliente_filter input").unbind();
		$("#tblPaginasxCliente_filter").html('');
		var self = this.api(),
		self = this.api(),
		$searchButton = $('<button class="btn btn-primary tooltips" style="margin-left: 5px;" data-toggle="tooltip" data-original-title="Buscar" data-container="body">').html('<i class="fa fa-search"></i>').click(function(){
			self.search(input.val().trim()).draw();
		}),
		$clearButton = $('<button class="btn btn-default tooltips" style="margin-left: 5px;" data-toggle="tooltip" data-original-title="Limpiar" data-container="body">').html('<i class="fa fa-paint-brush"></i>').click(function(){
			input.val('');
			$searchButton.click(); 
		});
		divInputGroup = $('<div class="input-group div-groupinput dgiPagXCliente">'+
			'<div class="input-group-btn div-groupbutton dgbPagXCliente">'+
			'</div>'+
		'</div>');
		$("#tblPaginasxCliente_filter").append(divInputGroup);
		$(".dgiPagXCliente").prepend(input);
		$(".dgbPagXCliente").append($searchButton, $clearButton);
		$("body").tooltip({selector: "[data-toggle='tooltip']"});
		$("input[type=search]").attr("placeholder", "Buscar...");
		detectarPantalla();
	}
}).on("processing.dt", function(e, settings, processing) {
	if (processing) {
		$.isLoading();
	}
	else{
		$.isLoading("hide");
		window.scrollTo(0, 0);
	}
});
var table = $("#tblPostxPlantilla").DataTable({
	"processing": true,
	"serverSide": true,
	"pageLength": 25,
	"ajax": "<?php echo URL::route('SysWebSWebPostxPlantilla'); ?>",
	preDrawCallback: function (settings) { $.isLoading("hide"); $.isLoading("hide"); $.isLoading("hide"); $.isLoading("hide"); $.isLoading("hide"); },
	columns: [
		{data: null, defaultContent: "", "searchable": false, "orderable": false},
		{data: "activo", name: "activo", "searchable": false, class: "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			$(nTd).text("")
			var html = '<div class="form-group">\
				<div class="control-label">\
					<div id= "toggle_'+oData.id+'"class="toggle toggle-danger"></div>\
				</div>\
			</div>';
			$(nTd).append(html);
			if(oData.activo == 1){
				$(nTd).find("#toggle_"+oData.id).removeClass("toggle-danger").addClass("toggle-success");
				$(nTd).find("#toggle_"+oData.id).toggles({on: true , click: false});
			}
			else{
				$(nTd).find("#toggle_"+oData.id).removeClass("toggle-success").addClass("toggle-danger");
				$(nTd).find("#toggle_"+oData.id).toggles({on: false, click: false});
			}
			$(nTd).addClass("text-center");
			$(nTd).find(".toggle").on("click", function(e, active) {
				e.preventDefault();
				if(!$(nTd).find("#toggle_"+oData.id).find(".toggle-slide").hasClass("active")){
					PublicarPagina(true, oData.id, "post");
				} 
				else {
					PublicarPagina(null, oData.id, "post");
				}
			});
			}
		},
		{data: "nombre", name: "nombre"},
		{data: "Header", name: "Header", "searchable": false, class: "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			$(nTd).closest("tr").attr("id",oData.id);
			$(nTd).find("#lsHeader").val(oData.seccion_header_id);
			}
		},
		{data: "Sidebar", name: "Sidebar", "searchable": false, class: "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			if(oData.seccion_sidebar_id != "" || oData.seccion_sidebar_id !=null);
				$(nTd).find("#lsSidebar").val(oData.seccion_sidebar_id);
			}
		},
		{data: "Footer", name: "Footer","searchable": false, class: "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			$(nTd).find("#lsFooter").val(oData.seccion_footer_id);
			}
		},
		{data: "fecha_publicacion", name: "Fecha creación", "searchable": false,  "class": "text-center",
		"fnCreatedCell":function (nTd, sData, oData, iRow, iCol) {
			$(nTd).html("");
			var html_date = '<div class="form-group">\
				<div class="input-group date" id="datetimepicker'+oData.id+'">\
					<input type="text" class="form-control "  id="fecha_p'+oData.id+'"/>\
					<span class="input-group-addon">\
						<span class="glyphicon glyphicon-calendar"></span>\
					</span>\
				</div>\
			</div>';
			$(nTd).append(html_date);
			if( oData.fecha_publicacion != null){
				var newDate = moment(oData.fecha_publicacion).format("MM/DD/YYYY H:mm:ss");
			}else{
				var newDate = new Date();
			} 
			$(function () {
				$(nTd).find("#datetimepicker"+oData.id).datetimepicker({
					locale:moment.locale("es"),
					defaultDate: moment(newDate).format("MM/DD/YYYY H:mm:ss"),
                });
		 	});
			$(nTd).find(".input-group-addon").on("click", function(e) {
				var coordenadas =$(nTd).find("#datetimepicker"+oData.id).offset();
				$(nTd).find(".bootstrap-datetimepicker-widget").css({"left": coordenadas.left+"px"});
				$(nTd).find(".bootstrap-datetimepicker-widget").css({"top": (coordenadas.top+35)+"px"});
			
			});
			$(window).scroll(function(){
				$(nTd).find(".bootstrap-datetimepicker-widget").remove();
			})
		}
		},
		{data: "acciones", name: "acciones", "searchable": false, "orderable": false, "class": "text-center",
			"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
				if(!oData.activo){
					//$(nTd).find(".btn-warning").attr("disabled", true);	
				}
				$(nTd).find(".post").click(function(){
					var post ="post";
					var id = oData.id;
					if(oData.activo == 1){
						Configuarcion(id, post, "publicar");
					}
					else{
						Configuarcion(id, post, "");
					}
				});
				$(nTd).find(".vista-post").click(function(){
					var post ="post";
					var id = oData.id;
					vistaPrevia(id, post);
					
				});
				$(nTd).find(".post-guardar").click(function(){
					var id = oData.id;
					var activo = oData.activo;
					GuardarC(id, activo, "");
				});
				var btnSaveP = $(nTd).parent().find(".slSecciones");
				(btnSaveP.attr("data-actualizar")=="false")?$(nTd).find(".post-guardar").prop("disabled", true):$(nTd).find(".post-guardar").prop("disabled", false);
			}
		},	
	],
	"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();
		$(".slSecciones").change(function(){
			$(this).attr("data-actualizar", true);
			$(this).closest("tr").find(".post-guardar").prop("disabled", false);
		});
		$(".date").on("dp.change", function (e) {
			$(this).closest("tr").find(".post-guardar").prop("disabled", false);
		});
		verificarVinculosNP();
		$(".slSecciones").selectpicker();
	},
	autoWidth: false,
	responsive: {
		"details": {
			"type": "column",
			"target": 0
		}
	},
	columnDefs: [{
		"data": null,
		"defaultContent": "",
		"className": "control",
		"orderable": false,
		"width": "9%",
		"targets": 0
	}],
	//dom: "<'row'<'col-sm-3'l><'col-sm-3'f><'col-sm-6'p>>" +
	//	"<'row'<'col-sm-12'tr>>" +
	//"<'row'<'col-sm-5'i><'col-sm-7'p>>",
	initComplete: function(){
		var input = $("#tblPostxPlantilla_filter input").unbind();
		$("#tblPostxPlantilla_filter").html('');
		var self = this.api(),
		self = this.api(),
		$searchButton = $('<button class="btn btn-primary tooltips" style="margin-left: 5px;" data-toggle="tooltip" data-original-title="Buscar" data-container="body">').html('<i class="fa fa-search"></i>').click(function(){
			self.search(input.val().trim()).draw();
		}),
		$clearButton = $('<button class="btn btn-default tooltips" style="margin-left: 5px;" data-toggle="tooltip" data-original-title="Limpiar" data-container="body">').html('<i class="fa fa-paint-brush"></i>').click(function(){
			input.val('');
			$searchButton.click(); 
		});
		divInputGroup = $('<div class="input-group div-groupinput dgiPostXPlantilla">'+
			'<div class="input-group-btn div-groupbutton dgbPostXPlantilla">'+
			'</div>'+
		'</div>');
		$("#tblPostxPlantilla_filter").append(divInputGroup);
		$(".dgiPostXPlantilla").prepend(input);
		$(".dgbPostXPlantilla").append($searchButton, $clearButton);
		$("body").tooltip({selector: "[data-toggle='tooltip']"});
		$("input[type=search]").attr("placeholder", "Buscar...");
		detectarPantalla();
	}
}).on("processing.dt", function(e, settings, processing) {
	if (processing) {
		$.isLoading();
	}
	else{
		$.isLoading("hide");
		window.scrollTo(0, 0);
	}
});
var tablaPaginasClon = $("#tblPaginasxClienteClon").DataTable({
	"processing": true,
	"serverSide": true,
	"pageLength": 25,
	"ajax": "<?php echo URL::route('SysWebSWebPaginasxTemaClon'); ?>",
	preDrawCallback: function (settings) { $.isLoading("hide"); $.isLoading("hide"); $.isLoading("hide"); $.isLoading("hide"); $.isLoading("hide"); },
	columns: [
		{data: null, defaultContent: "", "searchable": false, "orderable": false},
		{data: "activo", name: "activo", "searchable": false, class: "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			$(nTd).text("")
			var html = '<div class="form-group">\
				<div class="control-label">\
					<div id= "toggle_'+oData.id+'"class="toggle toggle-danger"></div>\
				</div>\
			</div>';
			$(nTd).append(html);
			if(oData.activo == 1){
				$(nTd).find("#toggle_"+oData.id).removeClass("toggle-danger").addClass("toggle-success");
				$(nTd).find("#toggle_"+oData.id).toggles({on: true , click: false});
			}
			else{
				$(nTd).find("#toggle_"+oData.id).removeClass("toggle-success").addClass("toggle-danger");
				$(nTd).find("#toggle_"+oData.id).toggles({on: false, click: false});
			}
			/*$(".toggle").toggles({
				drag: false
			});*/
			$(nTd).find(".toggle").on("click", function(e, active) {
				e.preventDefault();
				if(!$(nTd).find("#toggle_"+oData.id).find(".toggle-slide").hasClass("active")){
					PublicarPagina(true, oData.id, 'PagClon');
				} 
				else {
					PublicarPagina(null, oData.id, 'PagClon');
				}
			});
			}
		},
		{data: "nombre", name: "nombre" },
		{data: "Header", name: "Header", "searchable": false, class: "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			$(nTd).closest("tr").attr("id",oData.id);
			$(nTd).find("#lsHeader").val(oData.seccion_header_id);
			}
		},
		{data: "Footer", name: "Footer", "searchable": false, class: "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			$(nTd).find("#lsFooter").val(oData.seccion_footer_id);
			}
		},
		{data: "acciones", name: "acciones", "searchable": false, "orderable": false, "class": "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			if(oData.activo){
				//$(nTd).find(".fa-eye").parent().attr("disabled",false);
			}
			else{
				//$(nTd).find(".fa-eye").parent().attr("disabled",true);
			}
			$(nTd).find(".pagina-guardar").click(function(){
				var id = oData.id;
				var activo = oData.activo;
				GuardarC(id, activo, "paginaClon");
			});
			$(nTd).find(".clonar-pagina").click(function(){
				var id = oData.id;
				Clonar(id, "pagina");
			});
			$(nTd).find(".eliminar-pagina").click(function(){
				var id = oData.id;
				Eliminar(id, "pagina");
			});
			$(nTd).find(".vista-paginaClon").click(function(){
				var id = oData.id;
				vistaPrevia(id, "paginaClon");	
			});
			$(nTd).find("#btnConfiguraciones"+oData.id).click(function(e){
				e.preventDefault();
				var id = oData.id;
				if(oData.activo == 1){
					Configuarcion(id, "PagClon", "publicar");
				}
				else{
					Configuarcion(id, "PagClon", "");
				}
			});
			var btnGuardarP = $(nTd).parent().find(".slSecciones");
			(btnGuardarP.attr("data-actualizar")=="false")?$(nTd).find(".pagina-guardar").prop("disabled", true):$(nTd).find(".pagina-guardar").prop("disabled", false);
			}
		},	
	],
	"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();
		$(".slSecciones").change(function(){
			$(this).attr("data-actualizar", true);
			$(this).closest("tr").find(".pagina-guardar").prop("disabled", false);
		});
		verificarVinculosNP();
		$(".slSecciones").selectpicker();	
	},
	autoWidth: false,
	responsive: {
		"details": {
			"type": "column",
			"target": 0
		}
	},
	columnDefs: [{
		"data": null,
		"defaultContent": "",
		"className": "control",
		"orderable": false,
		"width": "9%",
		"targets": 0
	}],
	//dom: "<'row'<'col-sm-3'l><'col-sm-3'f><'col-sm-6'p>>" +
	//	"<'row'<'col-sm-12'tr>>" +
	//"<'row'<'col-sm-5'i><'col-sm-7'p>>",
	initComplete: function(){
		var input = $("#tblPaginasxClienteClon_filter input").unbind();
		$("#tblPaginasxClienteClon_filter").html('');
		var self = this.api(),
		self = this.api(),
		$searchButton = $('<button class="btn btn-primary tooltips" style="margin-left: 5px;" data-toggle="tooltip" data-original-title="Buscar" data-container="body">').html('<i class="fa fa-search"></i>').click(function(){
			self.search(input.val().trim()).draw();
		}),
		$clearButton = $('<button class="btn btn-default tooltips" style="margin-left: 5px;" data-toggle="tooltip" data-original-title="Limpiar" data-container="body">').html('<i class="fa fa-paint-brush"></i>').click(function(){
			input.val('');
			$searchButton.click(); 
		});
		divInputGroup = $('<div class="input-group div-groupinput dgiPagXClienteClon">'+
			'<div class="input-group-btn div-groupbutton dgbPagXClienteClon">'+
			'</div>'+
		'</div>');
		$("#tblPaginasxClienteClon_filter").append(divInputGroup);
		$(".dgiPagXClienteClon").prepend(input);
		$(".dgbPagXClienteClon").append($searchButton, $clearButton);
		$("body").tooltip({selector: "[data-toggle='tooltip']"});
		$("input[type=search]").attr("placeholder", "Buscar...");
		detectarPantalla();
	}
}).on("processing.dt", function(e, settings, processing) {
	if (processing) {
		$.isLoading();
	}
	else{
		$.isLoading("hide");
		window.scrollTo(0, 0);
	}
});
var tablaPaginasTienda = $("#tblPaginasxClienteTienda").DataTable({
	"processing": true,
	"serverSide": true,
	"pageLength": 25,
	"ajax": "<?php echo URL::route('SysWebSWebPaginasxTemaTienda'); ?>",
	preDrawCallback: function (settings) { $.isLoading("hide"); $.isLoading("hide"); $.isLoading("hide"); $.isLoading("hide"); $.isLoading("hide"); },
	columns: [
		{data: null, defaultContent: "", "searchable": false, "orderable": false},
		{data: "activo", name: "activo", "searchable": false, class: "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			$(nTd).text("")
			var html = '<div class="form-group">\
				<div class="control-label">\
					<div id= "toggle_'+oData.id+'"class="toggle toggle-danger"></div>\
				</div>\
			</div>';
			$(nTd).append(html);
			if(oData.activo == 1){
				$(nTd).find("#toggle_"+oData.id).removeClass("toggle-danger").addClass("toggle-success");
				$(nTd).find("#toggle_"+oData.id).toggles({on: true , click: false});
			}
			else{
				$(nTd).find("#toggle_"+oData.id).removeClass("toggle-success").addClass("toggle-danger");
				$(nTd).find("#toggle_"+oData.id).toggles({on: false, click: false});
			}
			$(nTd).find(".toggle").on("click", function(e, active) {
				e.preventDefault();
				if(!$(nTd).find("#toggle_"+oData.id).find(".toggle-slide").hasClass("active")){
					PublicarPagina(true, oData.id, "paginaTienda");
				} 
				else {
					PublicarPagina(null, oData.id, "paginaTienda");
				}
			});
			<?php if( count($ConfTienda) > 0 ): ?>
				<?php if( $ConfTienda[0]->pasarela == "cnk" ): ?>
					if(oData.tipo_pagina == "EP"){
						$(nTd).closest("tr").css("display", "none");
					}
				<?php elseif( $ConfTienda[0]->pasarela == "epc" ): ?>
					if(oData.tipo_pagina == "CN"){
						$(nTd).closest("tr").css("display", "none");
					}
				<?php elseif( $ConfTienda[0]->pasarela == "tco" ): ?>
					if(oData.tipo_pagina == "CN"){
						$(nTd).closest("tr").css("display", "none");
					}
					if(oData.tipo_pagina == "EP"){
						$(nTd).closest("tr").css("display", "none");
					}
				<?php endif; ?>
			<?php endif; ?>
			}
		},
		{data: "nombre", name: "nombre" },
		{data: "Header", name: "Header", "searchable": false, class: "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			$(nTd).closest("tr").attr("id",oData.id);
			$(nTd).find("#lsHeader").val(oData.seccion_header_id);
			}
		},
		{data: "Footer", name: "Footer", "searchable": false, class: "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			$(nTd).find("#lsFooter").val(oData.seccion_footer_id);
			}
		},
		{data: "acciones", name: "acciones", "searchable": false, "orderable": false, "class": "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			if(oData.principal){
				$(nTd).find(".btn-danger").attr("disabled",true);
			}
			if(oData.activo){
				$(nTd).find(".icons-web-site").parent().attr("disabled",false);
			}
			else{
				$(nTd).find(".icons-web-site").parent().attr("disabled",true);
			}
			$(nTd).find(".pagina-guardar").click(function(){
				var id = oData.id;
				var activo = oData.activo;
				GuardarC(id, activo, "paginaTienda");
			});
			$(nTd).find(".clonar-pagina").click(function(){
				var id = oData.id;
				Clonar(id, "pagina");
			});
			$(nTd).find("#btnConfiguraciones"+oData.id).click(function(e){
				e.preventDefault();
				var id = oData.id;
				if(oData.activo == 1){
					Configuarcion(id, "paginaTienda", "publicar");
				}
				else{
					Configuarcion(id, "paginaTienda", "");
				}
			});
			var btnGuardarP = $(nTd).parent().find(".slSecciones");
			(btnGuardarP.attr("data-actualizar")=="false")?$(nTd).find(".pagina-guardar").prop("disabled", true):$(nTd).find(".pagina-guardar").prop("disabled", false);
			}
		},	
	],
	"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();
		$(".slSecciones").change(function(){
			$(this).attr("data-actualizar", true);
			$(this).closest("tr").find(".pagina-guardar").prop("disabled", false);
		});
		verificarVinculosNP();
		$(".slSecciones").selectpicker();
	},
	autoWidth: false,
	responsive: {
		"details": {
			"type": "column",
			"target": 0
		}
	},
	columnDefs: [{
		"data": null,
		"defaultContent": "",
		"className": "control",
		"orderable": false,
		"width": "9%",
		"targets": 0
	}],
	//dom: "<'row'<'col-sm-3'l><'col-sm-3'f><'col-sm-6'p>>" +
	//	"<'row'<'col-sm-12'tr>>" +
	//"<'row'<'col-sm-5'i><'col-sm-7'p>>",
	initComplete: function(){
		var input = $("#tblPaginasxClienteTienda_filter input").unbind();
		$("#tblPaginasxClienteTienda_filter").html('');
		var self = this.api(),
		self = this.api(),
		$searchButton = $('<button class="btn btn-primary tooltips" style="margin-left: 5px;" data-toggle="tooltip" data-original-title="Buscar" data-container="body">').html('<i class="fa fa-search"></i>').click(function(){
			self.search(input.val().trim()).draw();
		}),
		$clearButton = $('<button class="btn btn-default tooltips" style="margin-left: 5px;" data-toggle="tooltip" data-original-title="Limpiar" data-container="body">').html('<i class="fa fa-paint-brush"></i>').click(function(){
			input.val('');
			$searchButton.click(); 
		});
		divInputGroup = $('<div class="input-group div-groupinput dgiPagXClienteTienda">'+
			'<div class="input-group-btn div-groupbutton dgbPagXClienteTienda">'+
			'</div>'+
		'</div>');
		$("#tblPaginasxClienteTienda_filter").append(divInputGroup);
		$(".dgiPagXClienteTienda").prepend(input);
		$(".dgbPagXClienteTienda").append($searchButton, $clearButton);
		$("body").tooltip({selector: "[data-toggle='tooltip']"});
		$("input[type=search]").attr("placeholder", "Buscar...");
		detectarPantalla();
	}
}).on("processing.dt", function(e, settings, processing) {
	if (processing) {
		$.isLoading();
	}
	else{
		$.isLoading("hide");
		window.scrollTo(0, 0);
	}
});
var tabla = $("#tblLegales").DataTable({
	"processing": true,
	"serverSide": true,
	"pageLength": 25,
	"ordering": false,
	"ajax": "<?php echo URL::route('SysWebSWebPaginasLegalesxTema'); ?>",
	preDrawCallback: function (settings) { $.isLoading("hide"); $.isLoading("hide"); $.isLoading("hide"); $.isLoading("hide"); $.isLoading("hide"); },
	columns: [
		{data: null, defaultContent: "", "searchable": false, "orderable": false},
		{data: "activo", name: "activo", "searchable": false, class: "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			$(nTd).text("")
			var html = '<div class="form-group">\
				<div class="control-label">\
					<div id="toggle_'+oData.id+'" class="toggle toggle-danger"></div>\
				</div>\
			</div>';
			$(nTd).append(html);
			/*$(".toggle").toggles({
				drag: false
			});*/
			if(oData.activo == 1){
				$(nTd).find("#toggle_"+oData.id).removeClass("toggle-danger").addClass("toggle-success");
				$(nTd).find("#toggle_"+oData.id).toggles({on: true , click: false});
			}
			else{
				$(nTd).find("#toggle_"+oData.id).removeClass("toggle-success").addClass("toggle-danger");
				$(nTd).find("#toggle_"+oData.id).toggles({on: false, click: false});
			}
			$(nTd).find(".toggle").on("click", function(e, active) {
				e.preventDefault();
				if(!$(nTd).find("#toggle_"+oData.id).find(".toggle-slide").hasClass("active")){
					PublicarPagina(true, oData.id, null);
				} 
				else {
					PublicarPagina(null, oData.id, null);
				}
			});
			}
		},
		{data: "nombre", name: "nombre" },
		{data: "Header", name: "Header", "searchable": false, class: "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			$(nTd).closest("tr").attr("id",oData.id);
			$(nTd).find("#lsHeader").val(oData.seccion_header_id);
			}
		},
		{data: "Footer", name: "Footer", "searchable": false, class: "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			$(nTd).find("#lsFooter").val(oData.seccion_footer_id);
			}
		},
		{data: "acciones", name: "acciones", "searchable": false, "orderable": false, "class": "text-center",
		"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
			if(oData.principal){
				$(nTd).find(".btn-danger").attr("disabled",true);
			}
			if(oData.activo){
				$(nTd).find(".icons-web-site").parent().attr("disabled",false);
			}
			else{
				$(nTd).find(".icons-web-site").parent().attr("disabled",true);
			}
			$(nTd).find(".pagina-guardar").click(function(){
				var id = oData.id;
				var activo = oData.activo;
				GuardarC(id, activo, "pagina");
			});
			$(nTd).find(".clonar-pagina").click(function(){
				var id = oData.id;
				Clonar(id, "pagina");
			});
			$(nTd).find(".eliminar-pagina").click(function(){
				var id = oData.id;
				Eliminar(id, "pagina");
			});
			$(nTd).find("#btnConfiguraciones"+oData.id).click(function(e){
				e.preventDefault();
				var id = oData.id;
				if(oData.activo == 1){
					Configuarcion(id, "pagina", "publicar");
				}
				else{
					Configuarcion(id, "pagina", "");
				}
			});
			var btnGuardarP = $(nTd).parent().find(".slSecciones");
			(btnGuardarP.attr("data-actualizar")=="false")?$(nTd).find(".pagina-guardar").prop("disabled", true):$(nTd).find(".pagina-guardar").prop("disabled", false);
			}
		},	
	],
	"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();
		$(".slSecciones").change(function(){
			$(this).attr("data-actualizar", true);
			$(this).closest("tr").find(".pagina-guardar").prop("disabled", false);
		});
		verificarVinculosNP();
		$(".slSecciones").selectpicker();
	},
	autoWidth: false,
	responsive: {
		"details": {
			"type": "column",
			"target": 0
		}
	},
	columnDefs: [{
		"data": null,
		"defaultContent": "",
		"className": "control",
		"orderable": false,
		"width": "9%",
		"targets": 0
	}],
	//dom: "<'row'<'col-sm-3'l><'col-sm-3'f><'col-sm-6'p>>" +
	//	"<'row'<'col-sm-12'tr>>" +
	//"<'row'<'col-sm-5'i><'col-sm-7'p>>",
	initComplete: function(){
		var input = $("#tblLegales_filter input").unbind();
		$("#tblLegales_filter").html('');
		var self = this.api(),
		self = this.api(),
		$searchButton = $('<button class="btn btn-primary tooltips" style="margin-left: 5px;" data-toggle="tooltip" data-original-title="Buscar" data-container="body">').html('<i class="fa fa-search"></i>').click(function(){
			self.search(input.val().trim()).draw();
		}),
		$clearButton = $('<button class="btn btn-default tooltips" style="margin-left: 5px;" data-toggle="tooltip" data-original-title="Limpiar" data-container="body">').html('<i class="fa fa-paint-brush"></i>').click(function(){
			input.val('');
			$searchButton.click(); 
		});
		divInputGroup = $('<div class="input-group div-groupinput dgiPagLegales">'+
			'<div class="input-group-btn div-groupbutton dgbPagLegales">'+
			'</div>'+
		'</div>');
		$("#tblLegales_filter").append(divInputGroup);
		$(".dgiPagLegales").prepend(input);
		$(".dgbPagLegales").append($searchButton, $clearButton);
		$("body").tooltip({selector: "[data-toggle='tooltip']"});
		$("input[type=search]").attr("placeholder", "Buscar...");
		detectarPantalla();
	}
}).on("processing.dt", function(e, settings, processing) {
	if (processing) {
		$.isLoading();
	}
	else{
		$.isLoading("hide");
		window.scrollTo(0, 0);
	}
});
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>