@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('bootstrap-select/css/bootstrap-select.min.css') }}
<style type="text/css">
	.pointer{ cursor:pointer; }
	.Separacion{ display: inline-block; padding: 1px; }
</style>
{{ HTML::style('image-picker/image-picker.css') }}
<style type="text/css">
	.image_picker_image{ height: 260px !important; width: 200px !important; }
</style>
{{ HTML::style('WebPro/plugins/dropzone/dropzone.css') }}
{{ HTML::style('image-picker/image-picker.css') }}
<style type="text/css">
	.img-biblioteca { height: 100px; }
	.image_picker_image { height: 100px !important; width: 119px !important; }
	.ModalBiblioteca .modal-dialog { width: 75%; }
	.ModalBiblioteca .modal-dialog .modal-footer { display: unset !important; border-top: unset !important; }
	/*.image_picker_image { object-fit: contain; }*/
	.text-count-wrapper-t { display: none; }
	.text-count-wrapper-d { display: none; }
	.modal-backdrop { z-index: 9999 !important; }
	.ModalBiblioteca { z-index: 99999 !important; }
	.image_picker_image {
		height: 100px !important;
		width: 119px !important;
		object-fit: contain;
	}
</style>
@stop


@section('Contenido')
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-envelope-o"></i> E-Mail Marketing </h2>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Crear nuevo mensaje de campaña </h3> </div>
			<div class="porlets-content">
				{{ Form::open(array('route' => 'SysWebEmailMarketingCampanhasAgregar', 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmAgregar')) }}
					<div class="form-group">
						<label class="col-sm-3 control-label"> Nombre </label>
						<div class="col-sm-9">
							{{ Form::text('nombre', '',  array('class' => 'form-control', 'placeholder' => '')) }}
							<span class="text-danger" id="errnombre"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Asunto </label>
						<div class="col-sm-9">
							{{ Form::text('asunto', '',  array('class' => 'form-control', 'placeholder' => '')) }}
							<span class="text-danger" id="errasunto"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Perfil de envío de correos </label>
						<div class="col-sm-9">
							{{ Form::select('configuraciones_emails_id', $slConfiguracionesEmails, null, array('class' => 'form-control selectpicker', 'id' => 'configuraciones_emails_id', 'data-live-search' => 'true')) }}
							<span class="text-danger" id="errconfiguraciones_emails_id"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Listas de suscriptores </label>
						<div class="col-sm-9">
							<div class="row">
								<div class="col-md-3">
									{{ Form::select('campo_personalizado', $slListasEmails, null, array('class' => 'form-control selectpicker', 'id' => 'slListasEmails', 'data-live-search' => 'true')) }}
								</div>
								<div class="col-md-9">
									<div class="row" id="Listas"> </div>
								</div>
							</div>
							<span class="text-danger" id="errlistas_emails_id"></span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Campos disponibles </label>
						<div class="col-sm-9">
							<span style="display: none;" id="CargandoCampos">
								<img src="{{ asset('Cargando/hourglass.gif') }}" style="width: 32px; height: 32px;"> Espere mientras se cargan lo campos
							</span>
							<div class="row" id="Campos"></div>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Evaluar vínculos </label>
						<div class="col-sm-9">
							<label class="checkbox-inline">
								{{ Form::checkbox('clic', 1, null, array('id' => 'clic')) }}
								<span class="custom-checkbox"></span> Medir clics
							</label>
							<span class="text-danger" id="errconfirmacion"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Mensaje </label>
						<div class="col-sm-6">
							{{ Form::textarea('mensaje', null, array('class' => 'form-control ckeditor', 'rows' => '6', 'id' => 'mensaje')) }} <br>
							<span class="text-danger" id="errmensaje"> </span>
						</div>
					</div>
					<div id="hdnmensaje" style="display: none;"></div> {{-- Div utilizado para modificar el mensaje en caso de realizar una evaluación de vínculos --}}
					<div class="form-group">
						<label class="col-sm-3 control-label"> Tipo de mensaje </label>
						<div class="col-sm-9">
							<label class="checkbox-inline">
								{{ Form::checkbox('tipo', 1, null, array('id' => 'tipo')) }}
								<span class="custom-checkbox"></span> Solo texto, no quiero la plantilla HTML
							</label>
							<span class="text-danger" id="errtipo"> </span>
						</div>
					</div>
					<div id="confplantilla">
						<div class="form-group">
							<label class="col-sm-3 control-label"> Plantilla HTML </label>
							<div class="col-sm-9">
								{{-- MACRO REALIZADO POR KEVIN MORÁN PUEDE UBICARSE EN /app/start/global.php AL FINAL DEL DOCUMENTO POR SI NECESITA MODIFICARSE --}}
								{{ Form::slPlantillasMensajesC('color', array('azul' => 'blue', 'verde' => 'green', 'rosado' => 'pink')) }}
								<span class="text-danger" id="errcolor"> </span>
							</div>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Enviar mensaje a </label>
						<div class="col-sm-9">
							<div class="radio-inline">
								<label>
									<input type="radio" checked value="T" id="suscriptoresTodos" name="suscriptores">
									<span class="custom-radio"></span> Todos los suscriptores
								</label>
							</div>
							<div class="radio-inline">
								<label>
									<input type="radio" value="S" id="suscriptoresSegmento" name="suscriptores">
									<span class="custom-radio"></span> Segmento de etiquetas
								</label>
							</div>
						</div>
					</div>
					<div id="dvSegmentoEtiquetas" style="display: none;">
						<div class="form-group">
							<label class="col-sm-3 control-label"> Etiquetas </label>
							<div class="col-sm-9">
								<select class="form-control selectpicker" multiple data-live-search="true" data-selected-text-format="count" id="etiquetas" name="etiquetas[]">
									<option value="0" disabled> Seleccione las etiquetas a asociar... </option>
									@foreach($Etiquetas as $indice => $Etiqueta)
									<option value="{{ $Etiqueta->id }}" id="op{{ $Etiqueta->id }}"> {{ $Etiqueta->nombre }} </option>
									@endforeach
								</select>
								<span class="text-danger" id="erretiquetas"> </span>
								<div id="dvEtiquetas" style="padding-top: 10px;"></div>
							</div>
						</div>
					</div>
					<div class="bottom">
						{{ Form::button('Guardar', array('class' => 'btn btn-primary', 'id' => 'btnAgregar', 'type' => 'submit')) }}
						{{ HTML::linkRoute('SysWebEmailMarketingCampanhas', 'Cancelar', array(), array('class' => 'btn btn-default')) }}
					</div>
				{{ Form::close() }}
		</div>
		
	</div>
</div><!--/row end-->
@stop

@section('JS')
{{ HTML::script('bootstrap-select/js/bootstrap-select.min.js') }}
{{ HTML::script('bootstrap-select/js/i18n/defaults-es_CL.min.js') }}
{{-- HTML::script('WebPro/plugins/ckeditor-new/ckeditor.js') --}}
{{ HTML::script('CKEditor/ckeditor-full/ckeditor.js') }}
{{ HTML::script('CKEditor/ckeditor-full/adapters/jquery.js') }}
{{ HTML::script('image-picker/image-picker.min.js') }}
{{ HTML::script('SysWeb/SumeClientes/php.js') }}
{{ HTML::script('WebPro/plugins/dropzone/dropzone.min.js') }}
<script type="text/javascript">
	CKEDITOR.config.disableObjectResizing = true;
	CKEDITOR.config.extraPlugins = "simplebutton";
	CKEDITOR.config.allowedContent = true;
	function EliminarLista(id){
		var id = id;
		$("#Lista"+id).remove();
		if($("#Listas").find("span.NombreLista").length > 0){
			$("#Campos").html("");
			$("#CargandoCampos").show();
			$.post(
				"{{ URL::route('SysWebEmailMarketingCampanhasVerificarCampos') }}",
				$("input[name='listas_emails_id[]']").serialize(),
				function(data){
					$("#CargandoCampos").hide();
					if(data.success){
						var Campos = '';
						for(i=0;i<data.campos.length;i++){
							if(data.campos[i].requerido==1){ var label = "success"; }else{ var label = "info"; }
							Campos += '<div class="Separacion pointer" onclick="AgregarTexto(\''+data.campos[i].slug+'\')"> <span class="label label-'+label+'">'+data.campos[i].nombre+'</span> </div>';
						}
						$("#Campos").html(Campos);
					}
					else{
						if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
					}
				},
				"json"
			);
		}
		else{
			$("#Campos").html("");
		}
	}
	function AgregarTexto(slug){
		var slug = slug;
		slug = "{ "+slug+" }";
		CKEDITOR.instances.mensaje.insertText(slug);
	}
	function DecodificarVinculo(){
		editor = CKEDITOR.instances.mensaje;
		var mensaje = editor.getData();
		$("#hdnmensaje").html(mensaje);
		$("#hdnmensaje").find("a").each(function(){
			var ruta = $(this).attr("href");
			if( ruta.indexOf("{ clic }") !== -1 ){
				ruta = ruta.replace("-", "/");
				ruta = ruta.replace("{ clic }", "");
				ruta = decode(ruta);
				$(this).attr("href", ruta);
			}
		});
		mensaje = $("#hdnmensaje").html();
		editor.setData(mensaje);
		for(instance in CKEDITOR.instances){ CKEDITOR.instances[instance].updateElement(); }
	}
	function CodificarVinculo(){
		editor = CKEDITOR.instances.mensaje;
		var mensaje = editor.getData();
		$("#hdnmensaje").html(mensaje);
		$("#hdnmensaje").find("a").each(function(){
			var codificado = encode($(this).attr("href"));
			codificado = codificado.replace("/", "-");
			var ruta = "{ clic }"+codificado;
			//var ruta = "{ clic }"+encode($(this).attr("href"));
			$(this).attr("href", ruta);
		});
		mensaje = $("#hdnmensaje").html();
		editor.setData(mensaje);
		for(instance in CKEDITOR.instances){ CKEDITOR.instances[instance].updateElement(); }
	}
	var ckEditor = CKEDITOR.replace(
		"mensaje",
		{
			toolbar: [
				{
					name: "document",
					items: [
						"Source"
					]
				},
				{
					name: "clipboard",
					items: [
						"Cut",
						"Copy",
						"Paste",
						"PasteText",
						"PasteFromWord",
						"-",
						"Undo",
						"Redo"
					]
				},
				{
					name: "editing",
					items: [
						"Scayt"
					]
				},

				{
					name: "basicstyles",
					items: [
						"Bold",
						"Italic",
						"Underline",
						"Strike",
						"-",
						"RemoveFormat"
					]
				},
				{
					name: "paragraph",
					items: [
						"NumberedList",
						"BulletedList",
						"-",
						"Outdent",
						"Indent",
						"-",
						"Blockquote"
					]
				},
				{
					name: "align",
					items: [
						"JustifyLeft",
						"JustifyCenter",
						"JustifyRight",
						"JustifyBlock"
					]
				},
				{
					name: "links",
					items: [
						"Link",
						"Unlink"
					]
				},
				{
					name: "insert",
					items: [
						"Image",
						"Table"
					]
				},
				{
					name: "styles",
					items: [
						"Styles",
						"Format",
						"Font",
						"FontSize"
					]
				},
				{
					name: "colors",
					items: [
						"TextColor",
						"BGColor"
					]
				},
				{
					name: "tools",
					items: [
						"simplebutton",
						"Maximize"
					]
				}
			]
		}
	);
	CKEDITOR.on("dialogDefinition", function(ev){
		var dialogName = ev.data.name;
		var dialogDefinition = ev.data.definition;
		if( dialogName == "image" ){
			var viejoOnShow = dialogDefinition.onShow;
			var nuevoOnShow = function(){
				//CONFIGURO LA SELECCIÓN DE LA IMÁGEN DE LA BIBLIOTECA DE IMÁGENES --------------------------------------------------------------------------------------
				var rutaImagen = $(".cke_dialog").find(".cke_dialog_image_url .cke_dialog_ui_input_text");
				rutaImagen.prop("readonly", true);
				$(".cke_dialog").find(".btnBiblioteca").remove();
				$(".cke_dialog").find(".cke_dialog_image_url .cke_dialog_ui_button").closest(".cke_dialog_ui_hbox_last").append('<a style="margin-top: 14px; margin-left: auto; margin-right: auto; -moz-user-select: none;" href="javascript:void(0)" title="Buscar en biblioteca" hidefocus="true" class="cke_dialog_ui_button btnBiblioteca" role="button"> \
					<span class="cke_dialog_ui_button abierto">Buscar en biblioteca</span> \
				</a>');
				$(".cke_dialog").find(".btnBiblioteca").click(function(e){
					e.preventDefault();
					var boton = $(this);
					boton.addClass("abierto");
					var mensaje = '<div class="col-md-12"> \
						<div class="row"> \
							<div class="col-md-8"> \
								<label> Selecciona una imágen de las bibliotecas de imágenes </label> \
								<div style="height: 465px; overflow: auto;" id="Biblioteca"> \
									<select id="slBiblioteca" style="visibility: hidden;"></select> \
								</div> \
							</div> \
							<div class="col-md-4"> \
								<div class="row"> \
									<div class="col-md-12"> \
										<label> Ó Sube tu imágen (Esta se almacenará en tu biblioteca y podras utilizarla cuantas veces quieras) </label> \
										<form action="#" class="dropzone" id="flImagen"> \
											<div class="fallback"> \
												<input name="file" type="file"> \
											</div> \
										</form> \
									</div> \
									<div class="col-md-12" style="padding-top: 10px;"> \
										<div class="alert alert-warning" role="alert"> \
											<ul> \
												<li> Las imágenes no deben tener un tamaño mayor a 1MB </li> \
												<li> Solo aceptamos imágenes en formato JPG, PNG y GIF </li> \
											</ul> \
										</div> \
									</div> \
									<div class="col-md-12" style=""> \
										<div class="form-group"> \
											<label> Ó escriba la ruta de la imagen </label> \
											<input type="text" class="form-control" id="txtImagen"></input> \
										</div> \
										<div class="form-group"> \
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearImagen"> Usar imágen </button> \
										</div> \
									</div> \
								</div> \
							</div> \
						</div> \
					</div>';
					BootstrapDialog.show({
						title: "Biblioteca de imágenes",
						type: BootstrapDialog.TYPE_DEFAULT,
						message: mensaje,
						draggable: true,
						cssClass: "ModalBiblioteca",
						onshown: function(dialogRef){
							$("#flImagen").dropzone({
								url: $("#hdnRutaImagenes").val(),
								maxFiles: 1,
								acceptedFiles: "image/jpeg,image/png,image/gif",
								maxFilesize: 1,
								success: function(file, response){
									if(response.success){
										var value = response.imagen;
										var img = new Image();
										img.src = value;
										img.onload = function(){
											if(img.height != 0){
												rutaImagen.val(value);
												rutaImagen.trigger("blur");
												$("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
												dialogRef.close();
												$.isLoading("hide"); NProgress.done();
											}
											else{
												new PNotify({ title: "Error", text: "La imágen no pudo ser cargada, por favor vuelve a intentarlo", type: "error" });
												$("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
												dialogRef.close();
												$.isLoading("hide"); NProgress.done();
											}
										}
										img.onerror = function(){
											new PNotify({ title: "Error", text: "La imágen no pudo ser cargada, por favor vuelve a intentarlo", type: "error" });
											$("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
											dialogRef.close();
											$.isLoading("hide"); NProgress.done();
										};
									}
									else{
										dialogRef.close();
										new PNotify({ title: "Error", text: "Ha ocurrido un error, por favor notificalo a soporte!", type: "error" });
									}
								},
								init: function() {
									this.on("addedfile", function(file){
										var dropzone = this;
										if(this.files.length > 1){
											new PNotify({ title: "Error", text: "No puedes subir más de 1 archivo", type: "error" });
											$.each(this.files, function(i, file){
												dropzone.removeFile(file);
											});
										}
									});
									this.on("maxfilesexceeded", function(file){
										new PNotify({ title: "Error", text: "No puedes subir más de 1 archivo", type: "error" });
										$.each(this.files, function(i, file){
											dropzone.removeFile(file);
										});
									});
									this.on("error", function(file, message){
										console.log( message );
										var mensaje = message;
										var borrar = false;
										if( mensaje.indexOf("Max filesize:") !== -1 ){
											borrar = true;
											var texto = "El archivo no debe de tener un tamaño mayor a 1MB";
										}
										else if( mensaje.indexOf("You can't upload files of this type.") !== -1 ){
											borrar = true;
											var texto = "El formato del archivo que intentas cargar no es soportado";
										}
										if( borrar ){
											var dropzone = this;
											$.each(this.files, function(i, file){
												dropzone.removeFile(file);
											});
										}
										new PNotify({ title: "Error", text: texto, type: "error" });
									});
									this.on("processing", function(file){
										$.isLoading({ text: "Cargando..." }); NProgress.start();
										$("#btnCrearImagen").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Procesando...');
									});
								}
							}).on("thumbnail", function(file, dataUri) {
								console.log(dataUri);
							});
							$.get(
								$("#rutabibliotecascliente").val()+$("#cid").val(),
								function(data){
									if(data.success){
										$("#slBiblioteca").html("").append('<option value=""></option>');
										$.each(data.biblioteca, function(index, val){
											$("#slBiblioteca").append("<option data-img-src='"+val.ruta+"' value='"+val.id+"'>");
										});
										$("#slBiblioteca").imagepicker({hide_select: true, show_label: true});
										var i = 0;
										$(".image_picker_selector").find("[title]").each(function(){ $(this).tooltip(); });
									}
									else{
										$("#slBiblioteca").hide();
										$("#Biblioteca").append('<div id="dvWrBiblioteca" class="alert alert-warning" role="alert"> Aún no tienes ningúna imágen almacenada en tu biblioteca </div>');
									}
								},
								"json"
							);
							$("#btnCrearImagen").click(function(e){
								$.isLoading({ text: "Cargando..." }); NProgress.start();
								$("#btnCrearImagen").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
								if( $("#txtImagen").val() == "" && $("#slBiblioteca").val() == ""){
									$.isLoading("hide"); NProgress.done();
									new PNotify({ title: "Error", text: "Debes seleccionar una imágen de la biblioteca, subir una imágen o ingresar la ruta de la imágen que deseas almacenar", type: "error" });
								}
								else{
									if( $("#txtImagen").val() != "" ){
										var value = $("#txtImagen").val();
									}
									else{
										var value = $("#slBiblioteca option:selected").attr("data-img-src");
									}
									var img = new Image();
									img.src = value;
									img.onload = function(){
										if(img.height != 0){
											rutaImagen.val(value);
											rutaImagen.trigger("blur");
											$("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
											dialogRef.close();
											$.isLoading("hide"); NProgress.done();
										}
										else{
											new PNotify({ title: "Error", text: "La imágen no pudo ser cargada, por favor vuelve a intentarlo", type: "error" });
											$("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
											dialogRef.close();
											$.isLoading("hide"); NProgress.done();
										}
									};
									img.onerror = function(){
										new PNotify({ title: "Error", text: "La imágen no pudo ser cargada, por favor vuelve a intentarlo", type: "error" });
										$("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
										dialogRef.close();
										$.isLoading("hide"); NProgress.done();
									};
								}
							});
						},
					});
				});
				//-------------------------------------------------------------------------------------------------------------------------------------------------------
				//-------------------------------------------------------------------------------------------------------------------------------------------------------
				//ASIGNO EL 100% Y DESACTIVO LA EDICIÓN DEL CAMPO DEL ANCHO DE LA IMÁGEN ------------------------------------------------------
				$(".cke_dialog").find(".cke_dialog_ui_labeled_label:contains('Ancho')").parent().find(".cke_dialog_ui_input_text").val("100%");
				$(".cke_dialog").find(".cke_dialog_ui_labeled_label:contains('Alto')").parent().find(".cke_dialog_ui_input_text").val("100%");
				//-----------------------------------------------------------------------------------------------------------------------------
			};
			dialogDefinition.onShow = function(){
				viejoOnShow.call(this, arguments);
				nuevoOnShow.call(this, arguments);
			};
		}
	});
</script>
@include('GenTemplate.ventana-biblioteca-imagenes-js')
@stop

@section('JSOr')
$("[name='suscriptores']").click(function(e){
	if($(this).val() == "T"){
		$("#dvSegmentoEtiquetas").hide("slow");
		$("#etiquetas option:selected").removeAttr("selected");
		$("#etiquetas").selectpicker("refresh");
		$("#dvEtiquetas").html("");
	}
	else{
		$("#dvSegmentoEtiquetas").show("slow");
	}
});
$("#etiquetas").on("changed.bs.select", function(e){
	$("#dvEtiquetas").html("");
	$.each(
		$(this).val(),
		function(key, value){
			$("#dvEtiquetas").append(' \
				<span class="label label-info" data-valor="'+$("#op"+value).html()+'"> \
					'+$("#op"+value).html()+' \
				</span> &nbsp; \
			');
		}
	);
});
$("select").imagepicker({ hide_select : true, show_label  : true });
$("#tipo").click(function(){
	if($("#tipo").is(":checked")){
		$("#confplantilla").hide("slow");
		$("#errcolor").html("");
	}
	else{
		$("#confplantilla").show("slow");
	}
});
$(".selectpicker").selectpicker();
$("#slListasEmails").change(function(){
	if($(this).val()!=""){
		var i = 0;
		var texto = $("#slListasEmails option:selected").text();
		var p = texto.indexOf("(");
		texto = texto.substring(0, p);
		$("#Listas").find("span.NombreLista").each(function(){
			if( texto == $(this).html() ){ i = 1; }
		});
		if(i == 0){
			$("#Campos").html("");
			$("#CargandoCampos").show();
			var input = '<div class="col-md-4" id="Lista'+$(this).val()+'"> \
							<p> \
								<span class="NombreLista">'+texto+'</span> \
								<span class="text-danger pointer" onclick="EliminarLista('+$(this).val()+')"><i class="fa fa-trash-o"></i></span> \
								<input type="hidden" name="listas_emails_id[]" value="'+$(this).val()+'"> \
							</p> \
						</div>';
			$("#Listas").append(input);
			$.post(
				"{{ URL::route('SysWebEmailMarketingCampanhasVerificarCampos') }}",
				$("input[name='listas_emails_id[]']").serialize(),
				function(data){
					$("#CargandoCampos").hide();
					if(data.success){
						var Campos = '';
						for(i=0;i<data.campos.length;i++){
							if(data.campos[i].requerido==1){ var label = "success"; }else{ var label = "info"; }
							Campos += '<div class="Separacion pointer" onclick="AgregarTexto(\''+data.campos[i].slug+'\')"> <span class="label label-'+label+'">'+data.campos[i].nombre+'</span> </div>';
						}
						$("#Campos").html(Campos);
					}
					else{
						if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
					}
				},
				"json"
			);
		}
	}
});
$("#frmAgregar").submit(function(e){
	e.preventDefault();
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	for(instance in CKEDITOR.instances){ CKEDITOR.instances[instance].updateElement(); }
	$("#btnAgregar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Cargando');
	//CONVERSIÓN DE VÍNCULOS
	if($("#clic").is(":checked")){
		CodificarVinculo();
	}
	else{
		DecodificarVinculo();
	}
	$.post(
		"{{ URL::route('SysWebEmailMarketingCampanhasAgregar') }}",
		$("#frmAgregar").serialize(),
		function(data){
			$.isLoading("hide"); NProgress.done();
			$("#btnAgregar").prop("disabled", false).html("Guardar");
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setTimeout( function(){ window.location.href = "{{ URL::route('SysWebEmailMarketingCampanhas') }}"; }, 3000 );
			}
			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($("#clic").is(":checked")){ DecodificarVinculo(); }
			}
		},
		"json"
	);
});
@stop