<?php $__env->startSection('CSS'); ?>
<style type="text/css">
	@media (max-width: 450px) { .ModalEliminar .modal-dialog { width: auto; } }
	@media (min-width: 451px) { .ModalEliminar .modal-dialog { width: 450px; } }
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('Contenido'); ?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-envelope-o"></i> E-Mail Marketing </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"> Etiquetas para segmentación de listas  </h3> </div>
			<div class="porlets-content">
				<div>
					<form class="form-inline" id="frmAgegarEtiqueta">
						<div class="form-group">
							<label>Nombre</label>
							<input type="text" name="etiqueta" id="etiqueta" class="form-control">
						</div>
						<button type="submit" class="btn btn-primary"> <i class="fa fa-plus"></i> </button>
					</form>
					<span class="text-danger" id="erretiqueta" style="padding-left: 59px;"></span>
				</div>
				<legend> Etiquetas </legend>
				<div id="dvEtiquetas">
					<?php $__empty_1 = true; foreach( $Etiquetas as $Etiqueta ): $__empty_1 = false; ?>
					<span id="spEtiqueta<?php echo $Etiqueta->id; ?>" class="label label-info" data-valor="<?php echo $Etiqueta->nombre; ?>" ondblclick="Editar(<?php echo $Etiqueta->id; ?>)">
						<?php echo $Etiqueta->nombre; ?> &nbsp; <i class="fa fa-times" style="cursor: pointer;" onclick="Eliminar(<?php echo $Etiqueta->id; ?>)"></i>
					</span> &nbsp;
					<?php endforeach; if ($__empty_1): ?>
					<div class="alert alert-warning" id="dvCeroEtiquetas"> No tienes ningúna etiqueta de segmentación de listas agregada </div>
					<?php endif; ?>
				</div>
			</div>
		</div>
	</div>
</div><!--/row end-->
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JS'); ?>
<script type="text/javascript">
	function Eliminar(id){
		var id = id;
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<form id='frmEliminar'> \
					<h2> ¿Seguro que desea eliminar? </h2> \
					<p> Si tienes está etiqueta ligada a alguna secuencia de seguimiento, formulario, página web, campaña se eliminarán los métodos de captura o segmentaciones </p> \
					<input type='hidden' name='idE' value='"+id+"'> \
				</form> \
			</div> \
		</div>";
		BootstrapDialog.show({
			title: "Eliminar registro",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			cssClass: "ModalEliminar",
			buttons: [{
				id: "btnEliminar",
				label: "Eliminar",
				cssClass: "btn-danger",
				action: function(dialogItself){
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					$("#btnEliminar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Eliminando');
					$.post(
						"<?php echo URL::route('SysWebEmailMarketingEtiquetasEliminar'); ?>",
						{idE: id},
						function(data){
							$.isLoading("hide"); NProgress.done();
							$("#btnEliminar").prop("disabled", false).html("Eliminar");
							if(data.success){
								$("#spEtiqueta"+id).remove();
								if($("#dvEtiquetas").find(".label").length == 0){
									$("#dvEtiquetas").append('<div class="alert alert-warning" id="dvCeroEtiquetas"> No tienes ningúna etiqueta de segmentación de listas agregada </div>');
								}
								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"
					);
				}
			}]
		});
	}
	function Editar(id){
		var id = id;
		console.log( id );
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
$("#frmAgegarEtiqueta").submit(function(e){
	e.preventDefault();
	$("#dvCeroEtiquetas").remove();
	$.post(
		"<?php echo URL::route('SysWebEmailMarketingEtiquetasAgregar'); ?>",
		$("#frmAgegarEtiqueta").serialize(),
		function(data){
			if(data.success){
				$("#dvEtiquetas").append(' \
					<span id="spEtiqueta'+data.Etiqueta.id+'" class="label label-info" data-valor="'+data.Etiqueta.nombre+'" ondblclick="Editar('+data.Etiqueta.id+')"> \
						'+data.Etiqueta.nombre+' &nbsp; <i class="fa fa-times" style="cursor: pointer;" onclick="Eliminar('+data.Etiqueta.id+')"></i> \
					</span> &nbsp; \
				');
			}
			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(""); } });
			}
			$("#etiqueta").val("");
		},
		"json"
	);
});
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>