<?php $__env->startSection('CSS'); ?>
<?php echo HTML::style('bootstrap-select/css/bootstrap-select.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: 9999 !important; }*/
	.modal-backdrop { z-index: 1040 !important; }
	.ModalBiblioteca { z-index: 99999 !important; }
	.image_picker_image {
		height: 100px !important;
		width: 119px !important;
		object-fit: contain;
	}
	.panel-title>a {
		color: inherit;
		font-size: 25px;
		font-weight: bold;
		display:block;
	}
	.basic-wizard ul.nav li a {
		color: white;
		background-color: #687174;
		cursor: default;
		opacity: unset;
	}
	.basic-wizard ul.nav li:not(.active) a:hover {
		background-color: #687174;
		opacity: unset !important;
	}
	.basic-wizard ul.nav li.active a {
		cursor: default;
		opacity: unset;
	}
	/*.basic-wizard .next.disabled a {
		display: none !important;
	}
	.basic-wizard .next.disabled button {
		display: block !important;
	}*/
	.caption {
		text-align: center;
	}
	.caption h3 {
		font-weight: bold;
		font-size: 20px;
		word-break: break-word;
	}
	.caption button {
		display: inline-block;
		width: 135px;
		margin-bottom: 3px;
	}
	.caption a {
		display: inline-block;
		width: 135px;
		margin-bottom: 3px;
	}
	.mdAvatar .modal-footer {
		margin-top: 0px;
	}
	.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;
	}
</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 configuraciones de campaña </h3> </div>
			<div class="porlets-content">
				<?php echo Form::open(array('route' => 'SysWebEmailMarketingCampanhasEditarV2', '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"> Listas de suscriptores </label>
						<div class="col-sm-9">
							<?php
								$idsLE = array();
								foreach($ListasEmails as $indice => $ListaEmail){
									$idsLE[] = $ListaEmail->id;
								}
							?>
							<?php echo Form::select('listas_emails_id', $slListasEmails, $idsLE, array('multiple' => 'true', 'class' => 'form-control selectpicker', 'id' => 'listas_emails_id', 'data-live-search' => 'true', 'data-selected-text-format' => 'count', 'title' => 'Seleccione una o más lista de suscriptores...')); ?>

							<input type="hidden" name="listas_emails_ids[]">
							<span class="text-danger" id="errlistas_emails_id"></span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Campos disponibles <i class="fa fa-question-circle-o tooltips" data-toggle="tooltip" data-original-title="Estos campos podrás agregarlos al asunto de tu lista de suscripción"></i> </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" style="padding-left: 12px;"></div>
						</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' => '', 'id' => 'asunto')); ?>

							<span class="text-danger" id="errasunto"> </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('campanhas_id', '=', $Campanha->id)->count() > 0 ){
									$idPCTmp = PlantillaCorreo::select('id')->where('campanhas_id', '=', $Campanha->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"> 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', 'title' => 'Seleccione un perfil...')); ?>

							<span class="text-danger" id="errconfiguraciones_emails_id"> </span>
						</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 </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>
</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/bootstrap-wizard/bootstrap-wizard.min.js'); ?>

<?php /* HTML::script('emojionearea/dist/emojionearea.min.js') */ ?>
<?php echo HTML::script('jQueryValidate/jquery.validate.min.js'); ?>

<?php echo HTML::script('jQueryValidate/additional-methods.min.js'); ?>

<?php echo HTML::script('jQueryValidate/jquery.validationEngine-es.js'); ?>

<?php echo HTML::script('jQueryValidate/messages_es.min.js'); ?>

<?php echo HTML::script('jquery-ezdz/jquery.ezdz.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 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; ?>
$("#listas_emails_id").change(function(){
	if($(this).val()!=""){
		$('[name="listas_emails_ids[]"]').val( $('[name="listas_emails_id"]').val() );
		$.post(
			"<?php echo URL::route('SysWebEmailMarketingCampanhasVerificarCampos'); ?>",
			$("input[name='listas_emails_ids[]']").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"
		);
	}
});
$(".selectpicker").selectpicker({
	container: "body"
}).on("loaded.bs.select", function (e, clickedIndex, isSelected, previousValue){
	$(".selectpicker").trigger("change");
});
$("[name='suscriptores']").click(function(e){
	if($(this).val() == "T"){
		$("#dvSegmentoEtiquetas").hide("slow");
		$("#etiquetas option:selected").removeAttr("selected");
		$("#etiquetas").selectpicker("refresh");
		$("#dvEtiquetas").html("");
		$("#etiquetas").rules("remove");
	}
	else{
		$("#dvSegmentoEtiquetas").show("slow");
		$("#etiquetas").rules("add", {
			required: true,
			minlength: 1
		});
	}
});
$("#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; \
			');
		}
	);
});
$("#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('SysWebEmailMarketingCampanhasEditarV2', array($Campanha->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('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(""); } });
			}
		},
		error: function(jqXHR, textStatus, errorThrown){
			new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
		}
	});
});
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>