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

<style type="text/css">
	.pointer{ cursor:pointer; }
	.Separacion{ display: inline-block; padding: 1px; }
</style>
<?php echo HTML::style('image-picker/image-picker.css'); ?>

<style type="text/css">
	.image_picker_image{ height: 260px !important; width: 200px !important; }
</style>
<?php echo HTML::style('WebPro/plugins/dropzone/dropzone.css'); ?>

<?php echo 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>
<?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>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Editar mensaje de campaña </h3> </div>
			<div class="porlets-content">
				<?php echo Form::open(array('route' => array('SysWebEmailMarketingCampanhasEditar', $Campanha->id), 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmEditar')); ?>

					<div class="form-group">
						<label class="col-sm-3 control-label"> Nombre </label>
						<div class="col-sm-9">
							<?php echo Form::text('nombre', $Campanha->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">
							<?php echo Form::text('asunto', $Campanha->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">
							<?php echo Form::select('configuraciones_emails_id', $slConfiguracionesEmails, $Campanha->configuraciones_emails_id, 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">
									<?php echo 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">
										<?php foreach($ListasEmails as $ListaEmail): ?>
										<?php /* <div class="Separacion"> <span class="label label-info"> <?php echo $ListaEmail->nombre; ?> </span> </div> */ ?>
										<div class="col-md-4" id="Lista<?php echo $ListaEmail->id; ?>">
											<p>
												<span class="NombreLista"><?php echo $ListaEmail->nombre; ?></span>
												<span class="text-danger pointer" onclick="EliminarLista(<?php echo $ListaEmail->id; ?>)"><i class="fa fa-trash-o"></i></span>
												<input type="hidden" name="listas_emails_id[]" value="<?php echo $ListaEmail->id; ?>">
											</p>
										</div>
										<?php endforeach; ?>
									</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="<?php echo asset('Cargando/hourglass.gif'); ?>" style="width: 32px; height: 32px;"> Espere mientras se cargan lo campos
							</span>
							<div class="row" id="Campos">
								<?php foreach($Campos as $Campo): ?>
								<?php $label = ($Campo->requerido==1)?'success':'info'; ?>
								<div class="Separacion pointer" onclick="EditarTexto('<?php echo $Campo->slug; ?>')"> <span class="label label-<?php echo $label; ?>"> <?php echo $Campo->nombre; ?></span> </div>
								<?php endforeach; ?>
							</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">
								<?php $Clic = ($Campanha->clic==1)?true:null; ?>
								<?php echo Form::checkbox('clic', 1, $Clic, 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">
							<?php 
								$msj = htmlspecialchars_decode($Campanha->mensaje);
								$msj = preg_replace('/(\"{\")/', '\'{"', $msj);
								$msj = preg_replace('/(}\")/', '}\'', $msj);
							?>
							<?php echo Form::textarea('mensaje', $msj, 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> <?php /* 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">
								<?php $tipo = ($Campanha->tipo=='T')?true:null; ?>
								<?php echo Form::checkbox('tipo', 1, $tipo, 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" <?php if($tipo): ?> style="display: none;" <?php endif; ?>>
						<div class="form-group">
							<label class="col-sm-3 control-label"> Plantilla HTML </label>
							<div class="col-sm-9">
								<?php /* MACRO REALIZADO POR KEVIN MORÁN PUEDE UBICARSE EN /app/start/global.php AL FINAL DEL DOCUMENTO POR SI NECESITA MODIFICARSE */ ?>
								<?php echo Form::slPlantillasMensajesC('color', array('azul' => 'blue', 'verde' => 'green', 'rosado' => 'pink'), $Campanha->color); ?>

								<span class="text-danger" id="errcolor"> </span>
							</div>
						</div>
					</div>
					
					<!--<div class="form-group">
						<label class="col-sm-3 control-label"> Etiquetas asociadas (Opcional) </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>
								<?php foreach($Etiquetas as $indice => $Etiqueta): ?>
								<?php $seleccionada = EtiquetaxCampanha::where('etiquetas_id', '=', $Etiqueta->id)->where('campanhas_id', '=', $Campanha->id)->count(); ?>
								<option value="<?php echo $Etiqueta->id; ?>" <?php if( $seleccionada == 1 ): ?> selected <?php endif; ?> id="op<?php echo $Etiqueta->id; ?>"> <?php echo $Etiqueta->nombre; ?> </option>
								<?php endforeach; ?>
							</select>
							<span class="text-danger" id="erretiquetas"> </span>
							<div id="dvEtiquetas" style="padding-top: 10px;">
								<?php foreach($Etiquetas as $indice => $Etiqueta): ?>
									<?php if( EtiquetaxCampanha::where('etiquetas_id', '=', $Etiqueta->id)->where('campanhas_id', '=', $Campanha->id)->count() == 1 ): ?>
								<span class="label label-info" data-valor="<?php echo $Etiqueta->nombre; ?>">
									<?php echo $Etiqueta->nombre; ?>

								</span> &nbsp;
									<?php endif; ?>
								<?php endforeach; ?>
							</div>
						</div>
					</div>-->

					<?php $Cantidad = EtiquetaxCampanha::where('campanhas_id', '=', $Campanha->id)->count(); ?>
					<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" <?php if($Cantidad == 0): ?> checked <?php endif; ?> value="T" id="suscriptoresTodos" name="suscriptores">
									<span class="custom-radio"></span> Todos los suscriptores
								</label>
							</div>
							<div class="radio-inline">
								<label>
									<input type="radio" <?php if($Cantidad > 0): ?> checked <?php endif; ?> value="S" id="suscriptoresSegmento" name="suscriptores">
									<span class="custom-radio"></span> Segmento de etiquetas
								</label>
							</div>
						</div>
					</div>
					<div id="dvSegmentoEtiquetas" <?php if($Cantidad == 0): ?> style="display: none;" <?php endif; ?> >
						<div class="form-group">
							<label class="col-sm-3 control-label"> Etiquetas asociadas </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>
									<?php foreach($Etiquetas as $indice => $Etiqueta): ?>
									<?php $seleccionada = EtiquetaxCampanha::where('etiquetas_id', '=', $Etiqueta->id)->where('campanhas_id', '=', $Campanha->id)->count(); ?>
									<option value="<?php echo $Etiqueta->id; ?>" <?php if( $seleccionada == 1 ): ?> selected <?php endif; ?> id="op<?php echo $Etiqueta->id; ?>"> <?php echo $Etiqueta->nombre; ?> </option>
									<?php endforeach; ?>
								</select>
								<span class="text-danger" id="erretiquetas"> </span>
								<div id="dvEtiquetas" style="padding-top: 10px;">
									<?php foreach($Etiquetas as $indice => $Etiqueta): ?>
										<?php if( EtiquetaxCampanha::where('etiquetas_id', '=', $Etiqueta->id)->where('campanhas_id', '=', $Campanha->id)->count() == 1 ): ?>
									<span class="label label-info" data-valor="<?php echo $Etiqueta->nombre; ?>">
										<?php echo $Etiqueta->nombre; ?>

									</span> &nbsp;
										<?php endif; ?>
									<?php endforeach; ?>
								</div>
							</div>
						</div>
					</div>

					<div class="bottom">
						<?php echo Form::button('Editar', array('class' => 'btn btn-warning', 'id' => 'btnEditar', 'type' => 'submit')); ?>

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

					</div>
				<?php echo Form::close(); ?>

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

<?php $__env->startSection('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 /* HTML::script('WebPro/plugins/ckeditor-new/ckeditor.js') */ ?>
<?php echo HTML::script('CKEditor/ckeditor-full/ckeditor.js'); ?>

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

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

<?php echo HTML::script('SysWeb/SumeClientes/php.js'); ?>

<?php echo 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(
				"<?php echo 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="EditarTexto(\''+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 EditarTexto(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>
<?php echo $__env->make('GenTemplate.ventana-biblioteca-imagenes-js', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('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; \
			');
		}
	);
});
CKEDITOR.on("instanceReady", function(evt){ if($("#clic").is(":checked")){ DecodificarVinculo(); } });
$("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(
				"<?php echo 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="EditarTexto(\''+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"
			);
		}
	}
});
$("#frmEditar").submit(function(e){
	e.preventDefault();
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	for(instance in CKEDITOR.instances){ CKEDITOR.instances[instance].updateElement(); }
	$("#btnEditar").prop("disabled", true);
	$("#btnEditar").html('<i class="fa fa-spinner fa-spin"></i> Cargando');
	//CONVERSIÓN DE VÍNCULOS
	if($("#clic").is(":checked")){
		CodificarVinculo();
	}
	else{
		DecodificarVinculo();
	}
	$.post(
		"<?php echo URL::route('SysWebEmailMarketingCampanhasEditar', array($Campanha->id)); ?>",
		$("#frmEditar").serialize(),
		function(data){
			$.isLoading("hide"); NProgress.done();
			$("#btnEditar").prop("disabled", false);
			$("#btnEditar").html("Guardar");
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setTimeout( function(){ window.location.href = "<?php echo 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"

	);
});
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>