<?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 $__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-9">
							<?php echo Form::textarea('mensaje', $Campanha->mensaje, 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="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 echo HTML::script('WebPro/plugins/ckeditor-new/ckeditor.js'); ?>

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

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

<script type="text/javascript">
	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");
			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 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(); }
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
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();
	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(); }
	$.post(
		"<?php echo URL::route('SysWebEmailMarketingCampanhasEditar', array($Campanha->id)); ?>",
		$("#frmEditar").serialize(),
		function(data){
			$("#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(); ?>