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

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

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

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

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">
<style type="text/css">
	.mdAvatar .modal-dialog .modal-content .modal-header{ background-color: #363B3F; }
	.color-head-modal .modal-header { 
		background-color: #363b3f !important; 
	} 
	.modal .nav-tabs > li.active a{
		background-color: #eee;
	}
	.modal .nav-tabs > li.active a:hover,
	.modal .nav-tabs > li.active a:active,
	.modal .nav-tabs > li.active a:focus{
		background-color: #eee !important;
	}
	.tab-content{
		padding: 0px;
	}
	.modal .nav-tabs > li > a{
		margin: 0px;
	}
	.nav-tabs > li > a:hover {
		color: #1b1e24;
	}
	.tab-pasarelas .nav-tabs {
		margin-left: 15px;
	}
	.modal-header .close {
		color: #fff;
		opacity: 0.8;
	}
	.step.paginas{
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		background-color: #687174;
		margin: 1px;
	}
	.aut {
		font-size: 16px;
		cursor: pointer;
		position: absolute;
		right: 45px;
		top: 15px;
	}
	input[type="radio"]:checked + .custom-radio:before{
		font-size: 42px;
	}
	@media (min-width: 768px){
		.ModalIP .modal-dialog{
			width: 750px;
		}
	}
	.tab-mail{
		margin-bottom: 0px;
		overflow: inherit;
	}
	/*.modal table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before{
		display: none;
	}*/
	#chSuscripcion-error {
		padding-left: 15px;
	}
	@media (max-width: 800px) { 
		.block-web ul.divSW > li.active > a, .block-web ul.divSW > li.active > a:hover, .block-web ul.divSW > li.active > a:focus{
			background-color: transparent !important;
			box-shadow: unset;
		}
		ul.divSW li.final{
			display: none;
		}
		ul.divSW li.paginas span {
			display: none;
		}
		ul.divSW li:first-child span::before{
			content: "\e913";
		}
		ul.divSW li.paginas a:not(.stepOne) {
			display: inline-block;
			font: normal normal normal 14px/1 FontAwesome;
			font-size: inherit;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			box-shadow: unset !important;
		}
		ul.divSW li.paginas {
			font-family: 'icomoon' !important;
			display: flex;
			justify-content: center;
			align-items: center;
			overflow: hidden;
			padding: 10px 0px;
		}
		ul.divSW li.active{
			background-color: #fff !important;
		}
		ul.divSW li.active a,
		.modal .nav-tabs > li.active a:hover{
			background-color: transparent !important;
		}
		ul.divSW {
			width: 100%;
			display: flex;
			justify-content: center;
			text-align: center;
		}
		ul.divSW li:first-child a::before{
			content: "\f0d0";
			font-size: 25px;
		}
		ul.divSW li:nth-child(2) a::before{
			content: "\f0ce";
			font-size: 25px;
		}
		ul.divSW li:nth-child(3) a::before{
			content: "\f0c0";
			font-size: 25px;
		}
		ul.divSW  li>a{
			padding: unset !important;
		}
		/*h3.content-header{
			display: flex !important;
			flex-direction: row;
			align-items: center;
			width: 100% !important;
		}*/
		.dvVer{
			width: 36% !important;
		}
		.modal .radio-inline+.radio-inline{
			margin-left: 0px;
		}
		.content-header{
			font-size: 16px;
		}
	}
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('Contenido'); ?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-users" style="font-size: 30px !important;"></i> Gestión de usuarios </h2>
	</div><!--/col-md-12-->
</div><!--/row-->

<div class="row">
	<?php /*
	<div class="col-md-12">
		<nav class="navbar navbar-inverse">
			<ul class="nav navbar-nav">
				<li><a href="<?php echo URL::to('templates'); ?>">Ver todos los Templates</a></li>
				<li><a href="<?php echo URL::to('templates/create'); ?>">Crear un Template</a>
			</ul>
		</nav>
	</div>
	*/ ?>
	<div class="col-md-12">
		<?php if(Session::has('message')): ?>
		<div class="alert alert-info"><?php echo Session::get('message'); ?></div>
		<?php endif; ?>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> 
				<h3 class="content-header"> 
					Usuarios del curso: <b><?php echo $producto->nombre; ?></b>
					<div data-toggle="buttons" class="button-group pull-right">
						<a class="btn-agregar tooltips" data-toggle="tooltip" data-original-title="Agregar"  style="color: rgba(0, 0, 0, 0.3)">
							<i class="fa fa-plus"> </i>
						</a>
						<a class=" tooltips" data-toggle="tooltip" data-original-title="Configuración de automatizaciones"  href="javascript:void(0)" style="color: rgba(0, 0, 0, 0.3)">
							<i class="fa fa-envelope-o tooltips btn-mark"> </i>
						</a>
						<a class=" tooltips" data-toggle="tooltip" data-original-title="Grafico"  href="javascript:void(0)" style="color: rgba(0, 0, 0, 0.3)">
							<i class="fa fa-pie-chart tooltips btn-graf"> </i>
						</a>
						<a class="refresh tooltips" data-toggle="tooltip" data-original-title="Actualizar registros" onclick="Actualizar()" href="javascript:Actualizar()" style="color: rgba(0, 0, 0, 0.3)">
							<i class="fa fa-repeat"> </i>
						</a>
					</div>
					<!--div  class="pull-right">
						<a class=" tooltips" data-toggle="tooltip" data-original-title="Editar correos" target="_blank" href="<?php echo URL::route('SysWebSWebCorreosxUsuario'); ?>" style="color: rgba(0, 0, 0, 0.3); margin-right: 10px;">
							<i class="fa fa-envelope"> </i>
						</a>
					</div-->
				</h3>
			</div>
			<div class="porlets-content">
				<?php
					$Cliente_id = Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id;
				?>
				<div class="table-responsive">
					<table class="table table-striped table-bordered table-hover" id="tblUsuarios">
						<thead>
							<tr>
								<th class=""></th>
								<th class="col-md-3 all "> Nombre de usuario </th>
								<th class="col-md-4 min-tablet-l"> Correo electrónico </th>
								<th class="col-md-2 all"> Porcentaje de progreso </th>
								<th class="col-md-3 text-center min-tablet-l"> Acciones </th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
			<div class="bottom">		
				<?php echo HTML::linkRoute('SysWebGClientesProductos', 'Regresar', array(), array('class' => 'btn btn-default')); ?>

				<button type="button" class="btn btn-primary btn-agregar">Agregar</button>
			</div>
		</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('bootstrap-select/js/bootstrap-select.min.js'); ?>

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

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

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

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

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

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

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
<script type="text/javascript">
	function btnRestablecer(id){
		var id = id;
		var mensaje = '<div class="row"> \
			 <div class="col-xs-12"> \
				<form id="frmReetablecer"> \
					<h4 style="font-size: 22px;"> ¿Seguro que deseas restablecer las restricciones de ip? </h4> \
					<input type="hidden" name="id" value="'+id+'"> \
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Restablecer registro",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			closeByBackdrop: false,
			cssClass: "ModalEliminar mdAvatar",
			onshown: function(dialogItself){
				$("body").addClass("modal-open");
			},
			buttons: [{
				id: "btnRestablecer",
				label: "Restablecer",
				cssClass: "btn-success btn-block btn-lg",
				action: function(dialogItself){
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					$("#btnRestablecer").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Restableciendo');
					$.post(
						"<?php echo URL::route('SysWebGClientesnadaRestablecerRestricionIP'); ?>",
						{idUSW: id},
						function(data){
							$.isLoading("hide"); NProgress.done();
							$("#Restablecer").prop("disabled", false).html("Restablecer");
							if(data.success){
								new PNotify({ title: "Felicidades!", text: data.mensaje, type: "success" });
								dialogItself.close();
								//setTimeout( function(){ window.location.reload(); }, 3000 );
								var table = $("#tblUsuarios").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"
					);
				}
			}],
			onhidden: function(dialogItself){
				$("body").removeClass("modal-open");
			}
		});
	}
	function CambiarContra(id){
		var id = id;
		var mensaje = '<div class="row"> \
			 <div class="col-xs-12"> \
				<form id="frmCambiarContrasenhaUSW"> \
					<div class="form-group"> \
						<label for="contrasenha">Contraseña</label> \
						<input type="text" class="form-control" id="contrasenha" name="contrasenha" placeholder="Nueva contraseña a asignar"> \
					</div> \
					<input type="hidden" name="idUSW" value="'+id+'"> \
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Cambiar contraseña del usuario",
			type: BootstrapDialog.TYPE_WARNING,
			message: mensaje,
			draggable: true,
			closeByBackdrop: false,
			cssClass: "ModalEliminar mdAvatar",
			onshown: function(dialogItself){
				$("body").addClass("modal-open");
			},
			buttons: [{
				id: "btnCambiarContra",
				label: "Cambiar Contraseña",
				cssClass: "btn-success btn-block btn-lg",
				action: function(dialogItself){
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					$("#btnEliminar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Procesando');
					$.post(
						"<?php echo URL::route('SysWebSWebUsuariosCambiarContrasenha'); ?>",
						$("#frmCambiarContrasenhaUSW").serialize(),
						function(data){
							$.isLoading("hide"); NProgress.done();
							$("#btnCambiarContra").prop("disabled", false).html("Cambiar contraseña");
							if(data.success){
								new PNotify({ title: "Felicidades!", text: data.mensaje, type: "success" });
								dialogItself.close();
								//setTimeout( function(){ window.location.reload(); }, 3000 );
								var table = $("#tblUsuarios").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"
					);
				}
			}],
			onhidden: function(dialogItself){
				$("body").removeClass("modal-open");
			}
		});
	}
	function CambiarEstado(id){
		var id = id;
		var mensaje = '<div class="row"> \
			 <div class="col-xs-12"> \
				<form id="frmCambiarEstadoUSW"> \
					<h2> ¿Seguro que desea cambiar el estado del usuario? </h2> \
					<input type="hidden" name="idUSW" value="'+id+'"> \
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Cambiar estado del usuario",
			type: BootstrapDialog.TYPE_INFO,
			message: mensaje,
			draggable: true,
			cssClass: "ModalEliminar mdAvatar",
			closeByBackdrop: false,
			onshown: function(dialogItself){
				$("body").addClass("modal-open");
			},
			buttons: [{
				id: "btnCambiarEstado",
				label: "Cambiar estado",
				cssClass: "btn-success btn-block btn-lg",
				action: function(dialogItself){
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					$("#btnEliminar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Procesando');
					$.post(
						"<?php echo URL::route('SysWebSWebUsuariosCambiarEstado'); ?>",
						$("#frmCambiarEstadoUSW").serialize(),
						function(data){
							$.isLoading("hide"); NProgress.done();
							$("#btnCambiarEstado").prop("disabled", false).html("Cambiar estado");
							if(data.success){
								new PNotify({ title: "Felicidades!", text: data.mensaje, type: "success" });
								dialogItself.close();
								//setTimeout( function(){ window.location.reload(); }, 3000 );
								var table = $("#tblUsuarios").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"
					);
				}
			}],
			onhidden: function(dialogItself){
				$("body").removeClass("modal-open");
			}
		});
	}
	function Actualizar(){
		var table = $("#tblUsuarios").DataTable();
		table.ajax.reload(null, false);
	}
	function VincularUsuariosSW(){
		var idp = "<?php echo $producto->id; ?>";
		var tipo = "<?php echo $producto->tipo; ?>";
		var mensaje = '<div class="row"> \
			 <div class="col-xs-12"> \
				<form id="frmAgregar"> \
					<div class="form-group"> \
						<label for="slUsuariosSw"> Usuarios de sitio web </label> \
						<select class="form-control" data-live-search="true" multiple data-selected-text-format="count" data-actions-box="true" title="Seleccionar usuarios..." id="slUsuariosSw" name="slUsuariosSw[]" disabled> \
							<option value="0" disabled> Seleccionar usuarios... </option> \
						</select> \
						<span class="text-danger" id="erretiquetas"> </span> \
						<div id="dvEtiquetas" style="padding-top: 10px;"></div> \
					</div>\
					<div class="form-group"> \
						<label for="slEtiquetas"> Etiquetas a asignar </label> \
						<select class="form-control selectpicker" data-live-search="true" multiple data-selected-text-format="count" title="Seleccione las etiquetas a asociar..." id="etiquetas" name="etiquetas[]"> \
							<option value="0" disabled> Seleccione las etiquetas a asociar... </option> \
						</select> \
						<span class="text-danger" id="erretiquetas"> </span> \
						<div id="dvEtiquetas" style="padding-top: 10px;"></div> \
					</div>\
					<div class="alert alert-warning alert-errores" style="margin-bottom: 0px; margin-top: 15px; display: none;"></div>\
					<input type="hidden" name="idps" value="'+idp+'">\
					<input type="hidden" name="tipoPS" value="'+tipo+'">\
					<div class="alert alert-info"  style="margin-bottom: 0px;">\
					<p>A/Los usuarios seleccionados se les dará acceso a este contenido digital y se le(s) agregá(n) la/las etiquetas seleccionadas</p>\
					</div>\
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Agregar usuarios a este contenido digital",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			closeByBackdrop: false,
			cssClass: "ModalEliminar mdAvatar",
			onshown: function(dialogItself){
				$("body").addClass("modal-open");
				var modal = dialogItself.getModalBody();
				var etiquetas = <?php echo $etiquetas; ?>;
				var options = "";
				$.each(etiquetas,function(i, etiqueta) {
					options += '<option value="'+etiqueta.id+'">'+etiqueta.nombre+'</option>';
				})
				modal.find("#etiquetas").append(options);
				modal.find("#etiquetas").selectpicker();
				modal.find("#slUsuariosSw").selectpicker({
					container: "body",
					selectAllText: "Sel. todo",
					deselectAllText: "Desel. todo"
				});
				var frmAgregar = new FormData(document.getElementById("frmAgregar"));
				frmAgregar.append('accion','scObtenerET');
				//
				$.ajax({
					type: "POST",
					url: "<?php echo URL::route('SysWebGClientesObtenerUsuarioXEtiqueta'); ?>",
					data: frmAgregar,
					cache: false,
					contentType: false,
					processData: false,
					dataType: "json",
					timeout: 1800000,
					success: function(data){
						if(data.success){
							var opciones = "";
							$.each(data.usuarios,function(i, usuario) {
								opciones += '<option value="'+usuario.usuarios_sitios_web_id+'">'+usuario.nombre_de_usuario+'</option>';
							});
							$("#slUsuariosSw").removeClass("bs-select-hidden");
							$('[data-id="slUsuariosSw"]').parent().remove();
							$("#slUsuariosSw").html(opciones);
							var nodo = $("#slUsuariosSw").clone();
							$("#slUsuariosSw").selectpicker("destroy");
							$('[for="slUsuariosSw"]').after(nodo.prop("outerHTML"));
							modal.find("#slUsuariosSw").selectpicker();
							modal.find("#slUsuariosSw").selectpicker({
								container: "body",
								selectAllText: "Sel. todo",
								deselectAllText: "Desel. todo"
							});
							modal.find("#slUsuariosSw").removeAttr("disabled");
						}
						else{
							if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
							$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
						}
					},
					error: function(jqXHR, textStatus, errorThrown){
						$("input[type='submit']").prop("disabled", false);
						new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
					}
				});
				
				var frmAgregar = new FormData(document.getElementById("frmAgregar"));
				$.ajax({
					type: "POST",
					url: "<?php echo URL::route('SysWebGClientesObtenerUsuarios'); ?>",
					data: frmAgregar,
					cache: false,
					contentType: false,
					processData: false,
					dataType: "json",
					timeout: 1800000,
					success: function(data){
						if(data.success){
							var opciones = "";
							var etps = data.etiquetasPS;
							$.each(data.usuarios,function(i, usuario) {
								opciones += '<option data-et="'+etps.join()+'" value="'+usuario.id+'" data-subtext="'+usuario.correo_electronico+'" >'+usuario.nombre_de_usuario+'</option>';
							});
							$("#slUsuariosSw").removeClass("bs-select-hidden");
							$('[data-id="slUsuariosSw"]').parent().remove();
							$("#slUsuariosSw").html(opciones);
							var nodo = $("#slUsuariosSw").clone();
							$("#slUsuariosSw").selectpicker("destroy");
							$('[for="slUsuariosSw"]').after(nodo.prop("outerHTML"));
							modal.find("#slUsuariosSw").selectpicker();
							modal.find("#slUsuariosSw").selectpicker({
								container: "body",
								selectAllText: "Sel. todo",
								deselectAllText: "Desel. todo"
							});
							modal.find("#slUsuariosSw").on('changed.bs.select', function (e, clickedIndex, isSelected, previousValue) {
								var etiquetas = modal.find("#slUsuariosSw > option[value='"+$(this).val()+"']").attr("data-et");
								if(etiquetas != null && etiquetas != undefined && etiquetas != ''){
									modal.find("#etiquetas").selectpicker('val',etiquetas.split(","));
								}
							});
						}
						else{
							if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
							$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
						}
					},
					error: function(jqXHR, textStatus, errorThrown){
						$("input[type='submit']").prop("disabled", false);
						new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
					}
				});
				

			},
			buttons: [{
				id: "btnAgregarUsuarios",
				label: "Agregar Usuario(s)",
				cssClass: "btn-success btn-block btn-lg",
				action: function(dialogItself){
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					$("#btnAgregarUsuarios").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Cargando');
					var formData = new FormData(document.getElementById("frmAgregar"));
						$.ajax({
							method: "POST",
							url: "<?php echo URL::route('SysWebGClientesAsociarUsuarioXProductos'); ?>",
							data: formData,
							cache: false,
							contentType: false,
							processData: false,
							dataType: "json",
							success: function(data){
								$("#btnAgregarUsuarios").html("Agregar Usuarios");
								$.isLoading("hide"); NProgress.done();
								if( data.success ){
									new PNotify({ title: "Felicidades", text: data.mensaje, type: "success" });
									var table = $("#tblUsuarios").DataTable();
									table.ajax.reload(null, false);
									dialogItself.close();
								}
								else{
									new PNotify({ title: "Error", text: data.mensaje, type: "error" });
								}
							},
							error: function(jqXHR, textStatus, errorThrown){
								console.log("error");
							}
						});
				}
			}],
			onhidden: function(dialogItself){
				$("body").removeClass("modal-open");
			}
		});
	}
	function graficopastel(){
		var mensaje = '<div class="row"> \
						<div class="porlets-content">\
							<div id="Grafica"></div>\
						</div>\
		</div>';
		BootstrapDialog.show({
			title: "Estadísticas de Visualización de Contenido",
			type: BootstrapDialog.TYPE_PRIMARY,
			size: BootstrapDialog.SIZE_NORMAL,
			message: mensaje,
			draggable: true,
			cssClass: "ModalIP color-head-modal",
			closeByBackdrop: false,
			onshow: function(modal){
			var grafica;
				$.get(
					"<?php echo URL::route('SysWebGClientesProductosUsuariosGraficaPastel', array($idp)); ?>",
					function(data){
						var dataDonut = new Array();
						var suma = 0;
						var nivel1=0;
						var nivel2=0;
						var nivel3=0;
						var nivel4=0;
						var nivel5=0;
						$.each(data, function(key, value){
							var porcentaje = parseFloat(value.porcentaje);
							var cantidad = parseInt(value.cantidad);
							suma += cantidad;
							if (porcentaje<20.00){
								nivel1+=cantidad;
							}
							else if(porcentaje>=20.00 && porcentaje<40.00){
								nivel2+=cantidad;
							}
							else if(porcentaje>=40.00 && porcentaje<60.00){
								nivel3+=cantidad;
							}
							else if(porcentaje>=60.00 && porcentaje<80.00){
								nivel4+=cantidad;
							}
							else if(porcentaje>=80.00 && porcentaje<=100.00){
								nivel5+=cantidad;
							}
						});
						dataDonut.push(
							{label: "0% A 20%", value: Math.round((nivel1*100)/suma), color: "#ff0000"},
							{label: "20% A 40%", value: Math.round((nivel2*100)/suma), color: "#e69138"},
							{label: "40% A 60%", value: Math.round((nivel3*100)/suma), color: "#f1c232"},
							{label: "60% A 80%", value: Math.round((nivel4*100)/suma), color: "#6aa84f"},
							{label: "80% A 100%", value: Math.round((nivel5*100)/suma), color: "#66ff33"},
						);
						if( typeof grafica  == "undefined" ){
							grafica = Morris.Donut({
								element: "Grafica",
								data: dataDonut,
								formatter: function (y, data){
									return Math.round(y)+"%";
								}
							});
						}
						else{
							grafica.setData(dataDonut);
						}
					},
					"json"
				);
			}
		});
	}
	function configurarEmailMarketing(){
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<div class="tab-container">\
					<ul class="nav nav-tabs divSW" style="background-color: unset;">\
						<li class="step paginas active">\
							<a href="#CrearAuto" data-toggle="tab"><span> Crear automatización </span> </a>\
						</li>\
						<li class="step paginas">\
							<a href="#ListAuto" data-toggle="tab"><span> Listado de automatización </span></a>\
						</li>\
						<li class="step paginas">\
							<a href="#ExportAuto" data-toggle="tab"><span> Exportar usuarios </span></a>\
						</li>\
					</ul>\
					<div class="tab-content tab-mail" style="padding-left: 0px; padding-right: 0px; margin-top: 15px;">\
						<div class="tab-pane active" id="CrearAuto">\
							<form id="frmCrear"> \
								<div class="center-block" style="float: left; width: 100%; margin-bottom: 15px; margin-top: 15px;"> \
									<div class="col-md-12"> \
										<label class="control-label" style=""> \
											Suscribir a lista <span class="fa fa-question-circle tooltips" title="Solo se registrarán los usuarios que tengan los campos de la lista que selecciones como destino"></span> :\
										</label> \
									</div> \
									<div class="col-md-10"> \
										<select name="slListas" class="form-control"  title="Seleccione una opción" data-live-search="true" data-selected-text-format="count" data-actions-box="true" id="slListas">\
										</select> \
									</div> \
								</div> \
								<div class="center-block" style="float: left; width: 100%; margin-bottom: 15px;"> \
									<div class="col-md-12"> \
										<label class="control-label" style=""> \
											¿Quienes se agregarán? \
										</label> \
									</div> \
									<div class="col-md-12"> \
										<label class="radio-inline">\
											<input type="radio" value="1" id="chSuscripcionSi" name="chSuscripcion">\
											<span class="custom-radio"></span>\
											Los que vieron un contenido\
										</label>\
											<label class="radio-inline">\
											<input type="radio" value="0" id="chSuscripcionNo" name="chSuscripcion">\
											<span class="custom-radio"></span>\
											Porcentaje del total del contenido digital visto \
										</label>\
									</div> \
								</div> \
								<div class="center-block dvVideo" style="float: left; width: 100%; margin-bottom: 15px; display:none;"> \
									<div class="col-md-12"> \
										<label class="control-label" style=""> \
											Seleccione el contenido: \
										</label> \
									</div> \
									<div class="col-md-10"> \
										<select name="slPageCD" class="form-control"  title="Seleccione una opción" data-live-search="true" data-selected-text-format="count" data-actions-box="true" id="slPageCD">\
										</select> \
									</div> \
								</div> \
								<div class="center-block dvPer" style="float: left; width: 100%; margin-bottom: 15px; display:none;"> \
									<div class="col-md-12"> \
										<label class="control-label" style=""> \
											Rango de porcentaje: \
											<hr style="margin-top: 0px; margin-bottom: 5px;">\
										</label> \
									</div> \
									<div class="col-md-5"> \
										<label class="control-label" style=""> \
											Desde: \
										</label> \
										<div class="input-group">\
											<span class="input-group-addon">%</span>\
											<input type="number" name="percentInicio" class="form-control" min="0"> \
										</div>\
									</div> \
									<div class="col-md-5"> \
										<label class="control-label" style=""> \
											Hasta: \
										</label> \
										<div class="input-group">\
											<span class="input-group-addon">%</span>\
											<input type="number" name="percentFin" class="form-control" min="0"> \
										</div>\
									</div> \
									<div class="col-md-12"> \
										<span class="text-danger errPercent"><span>\
									</div> \
								</div> \
								<div class="center-block" style="float: left; width: 100%;"> \
									<div class="col-md-12"> \
										<label class="control-label" style=""> \
											Asignar etiquetas (opcional): \
										</label> \
									</div> \
									<div class="col-md-10"> \
										<select name="slEtiquetas" class="form-control" multiple  title="Seleccione una opción" data-live-search="true" data-selected-text-format="count" id="slEtiquetas">\
										</select> \
									</div> \
								</div> \
								<div class="center-block" style="float: left; width: 100%; margin-top:25px;"> \
									<div class="col-md-12"> \
										<button type="button" id="btnConfiguracion" class="btn btn-success pull-right btn-block btn-lg"><i class="fa fa-save"></i> Guardar configuración</button>\
									</div> \
								</div> \
							</form> \
						</div>\
						<div class="tab-pane" id="ListAuto" style="margin-bottom: 25px;">\
							<table class="table table-bordered table-hover" id="tblAutoPage">\
								<thead>\
									<th></th>\
									<th class="all" style="width: 20%;">Lista</th>\
									<th class="all">Tipo</th>\
									<th class="min-tablet-l">Condición</th>\
									<th class="min-tablet-l">Etiquetas</th>\
									<th class="min-tablet-l">Acciones</th>\
								</thead>\
								<thead></thead>\
							</table>\
						</div>\
						<div class="tab-pane" id="ExportAuto">\
							<form id="frmCrear"> \
								<div class="alert alert-info">Exportar usuarios a una lista de suscriptores que cumplan una o ambas de las siguientes condiciones</div>\
								<div class="form-group pull-left" width="100%"> \
									<label class="col-sm-10 control-label"> Rango de fechas en las que compraron el contenido digital </label> \
									<div class="col-sm-10"> \
										<div class="input-group"> \
											<span class="input-group-addon"> \
												<input type="checkbox" name="chActivarFiltroFecha"> \
												<span class="custom-checkbox"></span> \
											</span> \
											<input type="text" class="form-control" name="filtroFechas" disabled readonly> \
										</div> \
										<span class="text-danger" id="errfiltroFechas"></span> \
									</div> \
								</div> \
								<div class="form-group pull-left" width="100%"> \
									<label class="col-sm-10 control-label"> Rango de porcentaje del total de contenido digital visto (opcional) </label> \
									<!-- div class="col-sm-10"> \
										<div class="input-group"> \
											<span class="input-group-addon"> \
												<input type="checkbox" name="chActivarFiltroPercent"> \
												<span class="custom-checkbox"></span> \
											</span> \
											<input type="number" min="0" step="1" class="form-control" name="filtroPercents" disabled readonly> \
										</div> \
										<span class="text-danger" id="errfiltroPercents"></span> \
									</div --> \
									<div class="col-md-5"> \
										<label class="control-label" style=""> \
											Desde: \
										</label> \
										<div class="input-group">\
											<span class="input-group-addon">%</span>\
											<input type="number" name="percentInicioEx" class="form-control" min="0"> \
										</div>\
									</div> \
									<div class="col-md-5"> \
										<label class="control-label" style=""> \
											Hasta: \
										</label> \
										<div class="input-group">\
											<span class="input-group-addon">%</span>\
											<input type="number" name="percentFinEx" class="form-control" min="0"> \
										</div>\
									</div> \
									<div class="col-md-12"> \
										<span class="text-danger errPercentEx"><span>\
									</div> \
								</div> \
								<div class="center-block" style="float: left; width: 100%; margin-bottom: 15px; margin-top: 15px;"> \
									<div class="col-md-12"> \
										<label class="control-label" style=""> \
											Lista de suscriptores destino: \
										</label> \
									</div> \
									<div class="col-md-10"> \
										<select name="slListasD" class="form-control"  title="Seleccione una opción" data-live-search="true" data-selected-text-format="count" data-actions-box="true" id="slListasD">\
										</select> \
									</div> \
								</div> \
								<div class="center-block" style="float: left; width: 100%;"> \
									<div class="col-md-12"> \
										<label class="control-label" style=""> \
											Asignar etiquetas (opcional): \
										</label> \
									</div> \
									<div class="col-md-10"> \
										<select name="slEtiquetasCD" class="form-control" multiple  title="Seleccione una opción" data-live-search="true" data-selected-text-format="count" id="slEtiquetasCD">\
										</select> \
									</div> \
								</div> \
								<div class="center-block" style="float: left; width: 100%; margin-top: 25px;"> \
									<div class="col-md-12"> \
										<button type="button" id="btnExportar" class="btn btn-success pull-right btn-block btn-lg"><i class="fa fa-external-link-square"></i> Exportar usuarios</button>\
									</div> \
								</div> \
							</form> \
						</div>\
					</div>\
				</div>\
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Configuración Automatizaciones de Email Marketing",
			type: BootstrapDialog.TYPE_PRIMARY,
			size: BootstrapDialog.SIZE_NORMAL,
			message: mensaje,
			draggable: true,
			cssClass: "ModalIP color-head-modal",
			closeByBackdrop: false,
			onshow: function(modal){
				var ventana = modal.getModalBody();
				ventana.find("#slListas").selectpicker();
				ventana.find("#slPageCD").selectpicker();
				ventana.find("#slEtiquetas").selectpicker();
				ventana.find("#slListasD").selectpicker();
				ventana.find("#slEtiquetasCD").selectpicker();
				$.get(
					"<?php echo URL::route('SysWebPAterrizajeListasSuscriptores', array($Cliente_id)); ?>",
					function(data){
						var li = "";
						$.each(data, function(i, val){
							li += '<option value="'+val.id+'" data-tipo="'+val.tipo+'">'+val.nombre+'</option>';
						});
						ventana.find("#slListas").append(li);
						ventana.find("#slListas").selectpicker("refresh");
						ventana.find("#slListasD").append(li);
						ventana.find("#slListasD").selectpicker("refresh");
					},
					"json"
				);
				$.get(
					"<?php echo URL::route('SysWebGClientesListarEtiquetas'); ?>",
					function(data){
						var li = "";
						$.each(data, function(i, val){
							li += '<option value="'+val.id+'">'+val.nombre+'</option>';
						});
						ventana.find("#slEtiquetas").append(li);
						ventana.find("#slEtiquetas").selectpicker("refresh");
						ventana.find("#slEtiquetasCD").append(li);
						ventana.find("#slEtiquetasCD").selectpicker("refresh");
					},
					"json"
				);
				$.post(
					"<?php echo URL::route('SysWebGClientesListarPaginas'); ?>",
					{idE: "<?php echo $estructuraCD->id; ?>" },
					function(data){
						if(data.success){
							var li = "";
							$.each(data.paginas, function(i, pagina){
								li += '<option value="'+pagina.id+'">'+pagina.nombre+'</option>';
							});
							ventana.find("#slPageCD").append(li);
							ventana.find("#slPageCD").selectpicker("refresh");
						}
					},
					"json"
				);
			},
			onshown: function(modal){
				var ventana = modal.getModalBody();
				var id = "<?php echo $Cliente_id; ?>";
				var idP = "<?php echo $producto->id; ?>";
				$(".tooltips").tooltip({
					position: {
						my: "center bottom-5",
						at: "center top",
					},
					tooltipClass: "entry-tooltip-positioner",
				});
				ventana.find('[name="chSuscripcion"]').on("click", function(){
					if(parseInt($(this).val()) == 1){
						$(".dvVideo").show("slow");
						$(".dvPer").hide("slow");
					}
					else{
						$(".dvPer").show("slow");
						$(".dvVideo").hide("slow");
					}
				});
				$('[name="chActivarFiltroFecha"]').click(function(e){
					var checkbox = $(this);
					if( checkbox.is(":checked") ){
						$('[name="filtroFechas"]').prop("disabled", false);
						$('[name="filtroFechas"]').prop("readonly", false);
					}
					else{
						$('[name="filtroFechas"]').prop("readonly", true);
						$('[name="filtroFechas"]').prop("disabled", true);
						$('[name="filtroFechas"]').val("");
					}
				});
				$('[name="chActivarFiltroPercent"]').click(function(e){
					var checkbox = $(this);
					if( checkbox.is(":checked") ){
						$('[name="filtroPercents"]').prop("disabled", false);
						$('[name="filtroPercents"]').prop("readonly", false);
					}
					else{
						$('[name="filtroPercents"]').prop("disabled", true);
						$('[name="filtroPercents"]').prop("readonly", true);
						$('[name="filtroPercents"]').val("");
					}
				});
				$('[name="filtroFechas"]').daterangepicker({
					"ranges": {
						"Hoy": [moment(), moment()],
						"Ayer": [moment().subtract(1, "days"), moment().subtract(1, "days")],
						"Últimos 7 días": [moment().subtract(6, "days"), moment()],
						"Últimos 30 días": [moment().subtract(29, "days"), moment()],
						"Este mes": [moment().startOf("month"), moment().endOf("month")],
						"Último mes": [moment().subtract(1, "month").startOf("month"), moment().subtract(1, "month").endOf("month")]
					},
					"alwaysShowCalendars": true,
					locale: {
						format: "DD/MM/YYYY"
					},
					autoUpdateInput: false,
					"startDate": moment(),
					"endDate": moment()
				},function(start, end, label){
					console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
				});
				$('[name="filtroFechas"]').on("apply.daterangepicker", function(ev, picker){
					$(this).val(picker.startDate.format("DD/MM/YYYY") + " - " + picker.endDate.format("DD/MM/YYYY"));
				});
				$('[name="filtroFechas"]').on("cancel.daterangepicker", function(ev, picker){
					$(this).val("");
				});
				var tabla = $("#tblAutoPage").DataTable({
					"processing": true,
					"serverSide": true,
					"ajax": "<?php echo URL::route('SysWebGClientesListarAutomatizacionesxProducto',array($producto->id)); ?>",
					columns: [
						{data: null, defaultContent: "", "searchable": false, "orderable": false},
						{data: "nombre", name: "nombre", "class": "text-center"},
						{data: "tipo", name: "tipo", "class": "text-center",
							"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
								if (oData.tipo == 'VUV') {
									$(nTd).html("Vieron un contenido");
								}
								else{
									$(nTd).html("Porcentaje del total del contenido digital visto");
								}
							}
						},
						{data: "valor", name: "valor", "class": "text-center",
							"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
								if (oData.tipo == 'PCD') {
									oData.valor = JSON.parse(oData.valor);
									var descripcion = "Desde: "+oData.valor.inicio+"%  "+"Hasta: "+oData.valor.fin+"%";
									$(nTd).html(descripcion);
								}
							}
						},
						{data: "etiquetas", name: "etiquetas", "searchable": false, "orderable": false, "class": "text-center"},
						{data: "acciones", name: "acciones", "searchable": false, "orderable": false, "class": "text-center"}
					],
					"language": {
						"url": "<?php echo asset('DataTables/Spanish.json'); ?>",
						select: {
							rows: {
								_: "Tienes seleccionada %d filas",
								0: "De clic sobre la fila para seleccionarla",
								1: "Solo tiene 1 fila seleccionada"
							}
						}
					},
					"fnDrawCallback": function( oSettings ) {
						$(".tooltips").tooltip();
						$(".table-responsive").find("[title]").tooltip();
					},
					autoWidth: false,
					responsive: {
						"details": {
							"type": "column",
							"target": 0
						}
					},
					columnDefs: [{
						"data": null,
						"defaultContent": "",
						"className": "control",
						"orderable": false,
						/*"width": "9%",*/
						"targets": 0
					}],
				});
				ventana.find("#frmCrear").validate({
					lang: "es",
					onkeyup: false,
					errorClass: "text-danger",
					errorElement: "span",
					ignore: [],
					rules: {
						slListas: {
							required: true
						},
						chSuscripcion: {
							required: true
						}
					},
					messages: {
						slListas: "Este campo es obligatorio",
						chSuscripcion: "Este campo es obligatorio",
					},
					errorPlacement: function(error, element) {
						if($(element).attr("name") == "slListas"){
							error.insertAfter($(element).next(".btn-group"));
						}
						else{
							error.insertAfter($(element).closest(".col-md-12"));
						}
					},
				});
				ventana.find('[name="percentFin"]').on("keyup paste blur change",function(){
					ventana.find(".errPercent").text("");
					if(parseInt(ventana.find('[name="percentFin"]').val()) < parseInt(ventana.find('[name="percentInicio"]').val())){
						ventana.find(".errPercent").text("Rango de porcentaje invalido");
					}
					if(ventana.find('[name="percentInicio"]').val() == ''){
						ventana.find(".errPercent").text("Rango de porcentaje invalido");
					}
				});
				ventana.find('[name="percentInicio"]').on("keyup paste blur change",function(){
					ventana.find(".errPercent").text("");
					if(parseInt(ventana.find('[name="percentFin"]').val()) < parseInt(ventana.find('[name="percentInicio"]').val())){
						ventana.find(".errPercent").text("Rango de porcentaje invalido");
					}
					if(ventana.find('[name="percentInicio"]').val() == ''){
						ventana.find(".errPercent").text("Rango de porcentaje invalido");
					}
				});
				ventana.find('[name="percentFinEx"]').on("keyup paste blur change",function(){
					ventana.find(".errPercentEx").text("");
					if(parseInt(ventana.find('[name="percentFinEx"]').val()) < parseInt(ventana.find('[name="percentInicioEx"]').val())){
						ventana.find(".errPercentEx").text("Rango de porcentaje invalido");
					}
					if(ventana.find('[name="percentInicioEx"]').val() == ''){
						ventana.find(".errPercentEx").text("Rango de porcentaje invalido");
					}
				});
				ventana.find('[name="percentInicioEx"]').on("keyup paste blur change",function(){
					ventana.find(".errPercentEx").text("");
					if(parseInt(ventana.find('[name="percentFinEx"]').val()) < parseInt(ventana.find('[name="percentInicioEx"]').val())){
						ventana.find(".errPercentEx").text("Rango de porcentaje invalido");
					}
					if(ventana.find('[name="percentInicioEx"]').val() == ''){
						ventana.find(".errPercentEx").text("Rango de porcentaje invalido");
					}
				});
				$("#btnConfiguracion").on("click", function(){
					//var ventana = $(".ModalIP")
					if(ventana.find("#frmCrear").valid()){
						var idES = (ventana.find("#slEtiquetas").val() !=null)?ventana.find("#slEtiquetas").val():[];
						var idP = "<?php echo $producto->id; ?>";
						var valor = (parseInt(ventana.find('[name="chSuscripcion"]:checked').val()) == 1)?ventana.find("#slPageCD").val():0;
						var inicio = 0;
						var fin = 0;
						var valido = true;
						if(parseInt(ventana.find('[name="chSuscripcion"]:checked').val()) == 0){
							inicio = parseInt(ventana.find('[name="percentInicio"]').val());
							fin = parseInt(ventana.find('[name="percentFin"]').val());
							if(fin<inicio){
								valido = false;
								ventana.find(".errPercent").text("Rango de porcentaje invalido");
								ventana.find(".errPercent").show();
							}
						}
						if(valido){
							$("#btnConfiguracion").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Aplicando...');
							$.post(
								"<?php echo URL::route('SysWebGClientesAutomatizacionesxProducto'); ?>",
								{ producto: idP, tipo: ventana.find('[name="chSuscripcion"]:checked').val(), inicio: inicio, fin: fin, idL: ventana.find("#slListas").val(), valor: valor, etiquetas: idES, accion: "scGuardar" },
								function(data){
									modal.close();
									$("#btnConfiguracion").prop("disabled", false).html('<i class="fa fa-save"></i> Guardar configuración');
									if(data.success){
										new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
									}
									else{
										if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
									}
								},
								"json"
							);
						}
					}
				});
				$("#btnExportar").on("click", function(){
					var fecha = ventana.find('[name="filtroFechas"]').val();
					var porcentaje = ventana.find('[name="filtroPercents"]').val();
					var lista = ventana.find("#slListasD").val();
					var etiquetas = ventana.find("#slEtiquetasCD").val();
					var inicio = (ventana.find('[name="percentInicioEx"]').val() != '')?parseInt(ventana.find('[name="percentInicioEx"]').val()):0;
					var fin = (ventana.find('[name="percentFinEx"]').val() != '')?parseInt(ventana.find('[name="percentFinEx"]').val()):0;
					$("#btnExportar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Exportando...');
					var valido = true;
					if(fin<inicio){
						valido = false;
						ventana.find(".errPercentEx").text("Rango de porcentaje invalido");
						ventana.find(".errPercentEx").show();
					}
					if(valido){
						$.post(
							"<?php echo URL::route('SysWebGClientesExportarUsuariosCD'); ?>",
							{ producto: idP, fecha: fecha, inicio: inicio, fin: fin, idL: lista, etiquetas:etiquetas },
							function(data){
								//dialogItself.close();
								modal.close();
								$("#btnExportar").prop("disabled", false).html('<i class="fa fa-external-link-square"></i> Exportar usuario');
								if(data.success){
									new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								}
								else{
									if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
								}
							},
							"json"
						);
					}
				})
			},
		});
	}
	function Eliminar(idA){
		$.post(
			"<?php echo URL::route('SysWebGClientesAutomatizacionesxProducto'); ?>",
			{ idA: idA, accion: "scEliminar" },
			function(data){
				if(data.success){
					new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				}
				else{
					if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
				}
				var table = $("#tblAutoPage").DataTable();
				table.ajax.reload(null, false);
			},
			"json"
		);
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
$(".btn-agregar").on("click", function(){
	VincularUsuariosSW();
});
$(".btn-mark").on("click", function(){
	configurarEmailMarketing();
})
$(".btn-graf").on("click", function(){
	graficopastel();
})
var tabla = $("#tblUsuarios").DataTable({
	"processing": true,
	"serverSide": true,
	"pageLength": 10,
	"ordering": true,
	"searching": true,
	"ajax": "<?php echo URL::route('SysWebGClientesProductosUsuarios', array($idp)); ?>",
	columns: [
		{data: null, defaultContent: "", "searchable": false, "orderable": false},
		{data: "nombre_de_usuario", name: "nombre_de_usuario", "searchable": true},
		{data: "correo_electronico", name: "correo_electronico", "searchable": true},
		{data: "porcentaje", name: "porcentaje", "searchable": false, "orderable": true,
			"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
				$(nTd).html(Math.round(oData.porcentaje)+"%");
			}
		},
		{data: "acciones", name: "acciones", "searchable": false, "orderable": false, "class": "text-center"},	
	],
	"language": {
		"url": "<?php echo asset('DataTables/Spanish.json'); ?>",
		select: {
			rows: {
				_: "Tienes seleccionada %d filas",
				0: "De clic sobre la fila para seleccionarla",
				1: "Solo tiene 1 fila seleccionada"
			}
		}
	},
	"fnDrawCallback": function( oSettings ){
		$(".tooltips").tooltip();
	},
	autoWidth: false,
	responsive: {
		"details": {
			"type": "column",
			"target": 0
		}
	},
	columnDefs: [{
		"data": null,
		"defaultContent": "",
		"className": "control",
		"orderable": false,
		/*"width": "9%",*/
		"targets": 0
	}],
});
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>