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

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

<?php echo HTML::style('jquery-ezdz/jquery.ezdz.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: 1040 !important; }
	.ModalBiblioteca { z-index: 99999 !important; }
	.image_picker_image {
	    height: 100px !important;
    	width: 119px !important;
    	object-fit: contain;
	}
	.ezdz-dropzone {
		width: 60px !important;
		height: 50px !important;
		display: inline-block;
		margin-right: 3%;
		border: 3px dotted #787878 !important;
	}
	.ezdz-dropzone div {
		/*line-height: 526%;*/
		padding-top: 6%;
		font: bold 34px arial !important;
		color: #787878;
	}
	.ezdz-dropzone.inactivo {
		pointer-events: none;
	}
	.progress-bar-danger2 { background-color: #CC0000;}
</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 parámetros de conf. de secuencia de seguimiento </h3> </div>
			<div class="porlets-content">
				<?php echo Form::open(array('route' => array('SysWebEmailMarketingListasSubscriptoresSecuenciasSeguimientosEditarV2', $ListaEmail->id, $SecuenciaSeguimiento->id), 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmEditar')); ?>

					<div class="form-group">
						<label class="col-sm-3 control-label"> Campos disponibles de tu lista para el asunto <i class="fa fa-question-circle tooltips" data-toggle="tooltip" data-placement="bottom" data-original-title="Estos son los campos de tu lista de suscriptores que podrás agregar en el asunto de este correo"></i> </label>
						<div class="col-sm-9">
							<?php foreach($Campos as $Campo): ?>
							<?php $label = ($Campo->requerido==1)?'success':'info'; ?>
							<div class="Separacion pointer" onclick="AgregarTexto('<?php echo $Campo->slug; ?>')"> <span class="label label-<?php echo $label; ?>"> <?php echo $Campo->nombre; ?> </span> </div>
							<?php endforeach; ?>
						</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', $SecuenciaSeguimiento->asunto,  array('class' => 'form-control', 'placeholder' => '', 'id' => 'asunto')); ?>

							<div class="progress" style="margin-top: 5px;">
								<div id="progresoAsunto" class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
									<span class="sr-only">0% de progreso</span>
								</div>
							</div>
							<span class="text-danger" id="errasunto"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Campos disponibles de tu lista para la pre-cabecera <i class="fa fa-question-circle tooltips" data-toggle="tooltip" data-placement="bottom" data-original-title="Estos son los campos de tu lista de suscriptores que podrás agregar en la pre-cabecera de este correo"></i> </label>
						<div class="col-sm-9">
							<?php foreach($Campos as $Campo): ?>
							<?php $label = ($Campo->requerido==1)?'success':'info'; ?>
							<div class="Separacion pointer" onclick="AgregarTextoPreCabecera('<?php echo $Campo->slug; ?>');"> <span class="label label-<?php echo $label; ?>"> <?php echo $Campo->nombre; ?> </span> </div>
							<?php endforeach; ?>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Pre-cabecera (Opcional) </label>
						<div class="col-sm-9">
							<?php echo Form::text('pre_cabecera', $SecuenciaSeguimiento->preCabecera,  array('class' => 'form-control', 'placeholder' => '', 'id' => 'pre_cabecera')); ?>

							<div class="progress" style="margin-top: 5px;">
								<div id="progresoPreCabecera" class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
									<span class="sr-only">0% de progreso</span>
								</div>
							</div>
							<span class="text-danger" id="errpre_cabecera"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Adjuntar archivo (Opcional) </label>
						<div class="col-sm-9">
							<div style="padding-top: 10px;"></div>
							<input type="file" name="adjunto" class="flInput" style="border: unset; margin-bottom: 10px;" accept="image/png, image/jpeg, application/pdf, application/msword, application/vnd.ms-excel, application/vnd.ms-powerpoint, application/x-rar-compressed, application/zip, application/x-zip-compressed, multipart/x-zip">
							<span class="text-muted" style="display: block;"> Fotmatos soportados "jpg, jpeg, png, pdf, doc*, xls*, ppt*, zip y rar", no mayores a 5MB </span>
							<?php
								$tieneArchivo = false;
								if( PlantillaCorreo::where('secuencias_seguimientos_id', '=', $SecuenciaSeguimiento->id)->count() > 0 ){
									$idPCTmp = PlantillaCorreo::select('id')->where('secuencias_seguimientos_id', '=', $SecuenciaSeguimiento->id)->first()->id;
									if( AdjuntoxPlantilla::where('plantillas_correos_id', '=', $idPCTmp)->count() > 0 ){
										$tieneArchivo = true;
										$idAATmp = AdjuntoxPlantilla::select('archivos_adjuntos_id AS aaId')->where('plantillas_correos_id', '=', $idPCTmp)->first()->aaId;
										$ArchivoAdjunto = ArchivoAdjunto::select('id', 'nombre')->where('id', '=', $idAATmp)->first();
										?>
							<span class="label label-info archivoAdjunto<?php echo $ArchivoAdjunto->id; ?>">
								<?php echo $ArchivoAdjunto->nombre; ?> &nbsp;&nbsp; <i class="fa fa-trash" style="color: #ff634d; cursor: pointer;" onclick="eliminarArchivo(<?php echo $ArchivoAdjunto->id; ?>)"></i>
							</span>
										<?php
									}
								}
							?>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Días despues </label>
						<div class="col-sm-9">
							<?php echo Form::text('dias_despues', $SecuenciaSeguimiento->dias_despues,  array('id' => 'dias_despues')); ?>

							<span class="text-danger" id="errdias_despues"> </span>
							<?php
								$idSS = $SecuenciaSeguimiento->id;
								$nProgramado = DB::table('colas_tareas AS ct')->whereRaw('ct.payload LIKE \'%"SSID":"'.$idSS.'"%\' OR ct.payload LIKE \'%"SSID":'.$idSS.'%\'')->count();
							?>
							<?php if( $nProgramado > 0 ): ?>
								<br>
								<div class="alert alert-info" role="alert">
									Este cambio será aplicado a los suscriptores de tu lista que no tengan una secuencia programada
								</div>
							<?php endif; ?>
						</div>
					</div>
					<?php $Cantidad = EtiquetaxSecuenciaSeguimiento::where('secuencias_seguimientos_id', '=', $SecuenciaSeguimiento->id)->count(); ?>
					<div style="display: none;">
						<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 = EtiquetaxSecuenciaSeguimiento::where('etiquetas_id', '=', $Etiqueta->id)->where('secuencias_seguimientos_id', '=', $SecuenciaSeguimiento->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( EtiquetaxSecuenciaSeguimiento::where('etiquetas_id', '=', $Etiqueta->id)->where('secuencias_seguimientos_id', '=', $SecuenciaSeguimiento->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>
					<div class="bottom">
						<?php /* <button id="btnPreview" type="button" class="btn btn-default tooltips" onclick="PruebaEnvio()" data-toggle="tooltip" data-original-title="Realiza una prueba del envío del mensaje"> <i class="fa fa-eye"></i> </button> */ ?>
						<?php echo Form::button('Editar', array('class' => 'btn btn-warning', 'id' => 'btnEditar', 'type' => 'submit')); ?>

						<?php echo HTML::linkRoute('SysWebEmailMarketingListasSubscriptoresSecuenciasSeguimientos', 'Cancelar', array($ListaEmail->id), 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('TouchSpin/jquery.bootstrap-touchspin.min.js'); ?>

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

<?php echo HTML::script('SysWeb/SumeClientes/php.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('jquery-ezdz/jquery.ezdz.min.js'); ?>

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

<?php echo HTML::script('jQuery-Text-Counter/textcounter.min.js'); ?>

<script type="text/javascript">
	function AgregarTexto(slug){
		var slug = slug;
		slug = "{ "+slug+" }";
		var txtAsunto = $("#asunto");
		var caretPos = txtAsunto[0].selectionStart;
		var textAreaTxt = txtAsunto.val();
		var txtToAdd = slug;
		txtAsunto.val(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos));
	}
	function AgregarTextoPreCabecera(slug){
		var slug = slug;
		slug = "{ "+slug+" }";
		var txtAsunto = $("#pre_cabecera");
		var caretPos = txtAsunto[0].selectionStart;
		var textAreaTxt = txtAsunto.val();
		var txtToAdd = slug;
		txtAsunto.val(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos));
	}
	function barraProgreso(elemento){
		var contadorWrapper = (elemento=="Asunto")?$(".text-count-wrapper-t"):$(".text-count-wrapper-d");
		var barra = (elemento=="Asunto")?$("#progresoAsunto"):$("#progresoPreCabecera");
		var total = (elemento=="Asunto")?100:250;
		var letrasEscritas = parseInt( contadorWrapper.find(".text-count").html() );
		var color = "";
		var porcentajeEscrito = 100;
		if( letrasEscritas <= total ){
			porcentajeEscrito = (letrasEscritas*100)/total;
			if( elemento == "Asunto" ){
				if( letrasEscritas <= 43 ){
					color = "progress-bar-success";
				}
				else if( letrasEscritas >= 44 && letrasEscritas <= 60  ){
					color = "progress-bar-warning";
				}
				else if( letrasEscritas >= 61 && letrasEscritas <= 100 ){
					color = "progress-bar-danger";
				}
			}
			else{
				if( letrasEscritas <= 39 ){
					color = "progress-bar-danger";
				}
				else if( letrasEscritas >= 40 && letrasEscritas <= 70  ){
					color = "progress-bar-warning";
				}
				else if( letrasEscritas >= 71 && letrasEscritas <= 130 ){
					color = "progress-bar-success";
				}
				else if( letrasEscritas >= 131 && letrasEscritas <= 250 ){
					color = "progress-bar-danger2";
				}
			}
		}
		barra.removeClass("progress-bar-success progress-bar-warning progress-bar-danger progress-bar-danger2").addClass(color).css("width", porcentajeEscrito+"%");
	}
	function eliminarArchivo(idA){
		var idA = idA;
		var mensaje = '<form action="#" id="frmCrearCampanha"> \
			<div class="form-group" style="margin-bottom: 0px;"> \
				<label> ¿Seguro que deseas eliminar el archivo adjunto? </label> \
				<div class="alert alert-info" role="alert" style="margin-bottom: 0px;"> \
					Al eliminarlo este archivo dejará de enviarse como adjunto en este correo a los futuros suscriptores \
				</div> \
			</div> \
			<input type="hidden" name="idAA" value="'+idA+'"> \
		</form>';
		BootstrapDialog.show({
			cssClass: "mdAvatar",
			title: "Eliminar de archivo adjunto",
			type: BootstrapDialog.TYPE_WARNING,
			message: mensaje,
			draggable: true,
			buttons: [{
				id: "btnEliminarAA",
				label: "Eliminar",
				cssClass: "btn-warning btn-lg btn-block",
				action: function(dialogItself){
					$('[type="file"]').after('<input type="hidden" name="adjuntoEl" value="'+idA+'">');
					$(".archivoAdjunto"+idA).remove();
					$(".ezdz-dropzone").removeClass("inactivo");
					dialogItself.close();
				}
			}]
		});
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
$(".flInput").each(function(e){
	$(this).ezdz({
		text: "<i class='fa fa-paperclip'></i>",
		validators: {
			maxSize: 5500000
		},
		previewImage: false,
		accept: function(file){
			//$(".ezdz-dropzone").addClass("inactivo");
		}
	});
});
<?php if( $tieneArchivo ): ?>
$(".ezdz-dropzone").addClass("inactivo");
<?php endif; ?>
$("[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; \
			');
		}
	);
});
<?php
	//$minDiasDespues = (SecuenciaSeguimiento::where('listas_emails_id', '=', $ListaEmail->id)->count() == 1)?0:1;
	$minDiasDespues = ($SecuenciaSeguimiento->posicion == 1)?0:1;
?>
$("#dias_despues").TouchSpin({
	min: <?php echo $minDiasDespues; ?>,
	verticalbuttons: true,
	verticalupclass: "glyphicon glyphicon-plus",
	verticaldownclass: "glyphicon glyphicon-minus",
	initval: <?php echo $SecuenciaSeguimiento->dias_despues; ?>

});
$("#dias_despues").numeric();
$('[name="pre_cabecera"]').alphanum({
	allow: "@!¡¿?+{}_",
	disallow: "",
	allowSpace: true,
	allowNewline: false,
	allowNumeric: true,
	allowLatin: true,
	allowOtherCharSets: true,
	maxLength: 250
});
$("#frmEditar").submit(function(e){
	e.preventDefault();
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	$("#btnEditar").prop("disabled", true);
	$("#btnEditar").html('<i class="fa fa-spinner fa-spin"></i> Cargando');
	var formData = new FormData(document.getElementById("frmEditar"));
	$.ajax({
		type: "POST",
		url: "<?php echo URL::route('SysWebEmailMarketingListasSubscriptoresSecuenciasSeguimientosEditarV2', array($ListaEmail->id, $SecuenciaSeguimiento->id)); ?>",
		data: formData,
		cache: false,
		contentType: false,
		processData: false,
		dataType: "json",
		success: function(data){
			$.isLoading("hide"); NProgress.done();
			$("#btnEditar").prop("disabled", false);
			$("#btnEditar").html("Editar");
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebEmailMarketingListasSubscriptoresSecuenciasSeguimientos', array($ListaEmail->id)); ?>"; }, 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(""); } });
			}
		},
		error: function(jqXHR, textStatus, errorThrown){
			new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
		}
	});
});
$("#asunto").textcounter({
	type: "character",
	min: 1,
	max: 100,
	countContainerClass: "text-count-wrapper-t",
	counterText: "Caracteres contados: %d",
	minimumErrorText: "40 son los caracteres mínimos recomendados",
	maximumErrorText: "Ha excedido la cantidad de caracteres recomendados",
	countSpaces: true,
	countDown: false,
	countDownText: "Le restan %d caracteres",
	countOverflowText: "La cantidad de caracteres excede los %d",
	init: function(el){
		barraProgreso("Asunto");
	}
});
$("#asunto").on("keyup click blur focus change paste", function(e){
	barraProgreso("Asunto");
});
$("#pre_cabecera").textcounter({
	type: "character",
	min: 0,
	max: 250,
	countContainerClass: "text-count-wrapper-d",
	counterText: "Caracteres contados: %d",
	minimumErrorText: "20 son los caracteres mínimos recomendados",
	maximumErrorText: "Ha excedido la cantidad de caracteres recomendados",
	countSpaces: true,
	countDown: false,
	countDownText: "Le restan %d caracteres",
	countOverflowText: "La cantidad de caracteres excede los %d",
	init: function(el){
		barraProgreso("preCabecera");
	}
});
$("#pre_cabecera").on("keyup click blur focus change paste", function(e){
	barraProgreso("preCabecera");
});
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>