<?php $__env->startSection('CSS'); ?>
<style type="text/css">
	.mdComprarDominio .modal-header {
		background-color: #363b3f !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"> Correo electónico institucional con dominio de Sume Clientes </h3> </div>
			<div class="porlets-content">
				<?php
					$CorreoElectronicoxCliente = CorreoElectronicoxCliente::where('clientes_id', '=', $Cliente->id)->where('tipo', '=', 'CPNC')->first();
					$nCorreos = count($CorreoElectronicoxCliente);
				?>
				<?php echo Form::open(array('route' => 'SysWebEmailMarketingConfPerfilesCorreoInstitucional', 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmAgregar', 'files' => true, 'target' => 'upload_iframe')); ?>

					<div class="alert alert-warning" role="alert">
						Este correo elecrónico es opcional y lo hemos habilitado únicamente para clientes que van comenzando y desean hacer Email Marketing siguiendo las buenas prácticas de no usar correos de dominios gratuitos como Gmail, Yahoo, Hotmail, Outlook, iCloud, etc.
						<br><br>
						Una vez crees este correo electrónico no podrás cambiarlo y recomendamos que lo crees con un nombre que identifique a tu empresa o negocio.
						<?php if( $nCorreos == 0 ): ?>
						<br><br>
						La contraseña se genera automáticamente y podrás verla luego de creado el correo electrónico.
						<?php endif; ?>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Correo electrónico </label>
						<div class="col-sm-9">
							<div class="input-group">
								<?php if( $nCorreos == 1 ): ?>
								<?php $correoElectronico = str_replace('@sume.email', '', $CorreoElectronicoxCliente->correo_electronico); ?>
								<?php echo Form::text('correo_electronico', $correoElectronico,  array('class' => 'form-control', 'placeholder' => 'tuempresa', 'id' => 'correoElectronico', 'autocomplete' => 'off', 'disabled' => 'disabled')); ?>

								<?php else: ?>
								<?php echo Form::text('correo_electronico', '',  array('class' => 'form-control', 'placeholder' => 'tuempresa', 'id' => 'correoElectronico', 'autocomplete' => 'off')); ?>

								<?php endif; ?>
								<div class="input-group-addon">@sume.email</div>
							</div>
							<span class="text-danger" id="errcorreo_electronico"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Correo electrónico de reenvío (Opcional) </label>
						<div class="col-sm-9">
							<?php if( $nCorreos == 1 ): ?>
							<input type="text" class="form-control" placeholder="Correo electrónico de reenvío" autocomplete="off" name="reenvio" value="<?php echo $CorreoElectronicoxCliente->redireccionamiento; ?>">
							<?php else: ?>
							<input type="text" class="form-control" placeholder="Correo electrónico de reenvío" autocomplete="off" name="reenvio" value="">
							<?php endif; ?>
							<span class="text-danger" id="errreenvio"> </span>
						</div>
					</div>
					<?php if( $nCorreos == 1 ): ?>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Contraseña </label>
						<div class="col-sm-9">
							<div class="input-group">
								<span class="input-group-btn">
									<button class="btn btn-default" type="button" id="btnVerContrasenha" data-estado="C"><span class="fa fa-eye"></span></button>
								</span>
								<input type="password" class="form-control" placeholder="Contraseña del correo" autocomplete="off" id="password" name="password" disabled value="<?php echo $CorreoElectronicoxCliente->contrasenha; ?>">
							</div>
							<span class="text-danger" id="errpassword"> </span>
						</div>
					</div>
					<div class="alert alert-info" role="alert">
						Puedes acceder a este correo electrónico usando el siguiente vínculo por medio de nuestro webmail:
						<br><br>
						<a href="https://sume.email" target="_blank">https://sume.email</a>
						<br><br>
						Ahí solo deberás usar tu correo electrónico como usuario y la contraseña encriptada que hemos generado
						<br><br>
						Si deseas usarlo desde un cliente de correo electrónico como Mail for Windows® 10, Windows Live Mail®, Mozilla Thunderbird®, Microsoft Outlook® for Windows® u otros de teléfono puedes <strong><a href="javascript:verInstrucciones()">dar clic acá</a></strong> para ver las configuraciones.
					</div>
					<?php endif; ?>
					<div class="bottom">
						<?php if( $nCorreos == 0 ): ?>
						<input type="hidden" name="accion" value="agregar">
						<?php echo Form::button('Crear', array('class' => 'btn btn-primary', 'id' => 'btnAgregar', 'type' => 'submit')); ?>

						<?php else: ?>
						<input type="hidden" name="accion" value="editarReenviador">
						<input type="hidden" name="idCExC" value="<?php echo $CorreoElectronicoxCliente->id; ?>">
						<?php echo Form::button('Editar reenviador', array('class' => 'btn btn-warning', 'id' => 'btnAgregar', 'type' => 'submit')); ?>

							<?php if( $CorreoElectronicoxCliente->redireccionamiento != '' ): ?>
						<button type="button" id="btnEliminarReenvio" class="btn btn-danger">Eliminar reenviador</button>
							<?php endif; ?>
						<?php endif; ?>
						<?php echo HTML::linkRoute('SysWebEmailMarketingConfPerfiles', 'Regresar', array(), array('class' => 'btn btn-default')); ?>

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

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

<?php $__env->startSection('JS'); ?>
<?php /* HTML::script('WebPro/plugins/ckeditor-new/ckeditor.js') */ ?>
<?php echo HTML::script('Alphanum/jquery.alphanum.min.js'); ?>

<script type="text/javascript">
	<?php if( $nCorreos == 1 ): ?>
	function verInstrucciones(){
		var mensaje = '<div class="row"> \
			<div class="col-xs-12 col-sm-12 col-md-12"> \
				<div class="panel panel-primary" style="border-radius: 4px !important;"> \
					<!-- Default panel contents --> \
					<div class="panel-heading">Parámetros de configuración</div> \
					<!--<div class="panel-body"> </div>--> \
					<!-- Table --> \
					<table class="table"> \
						<tbody> \
							<tr> \
								<td style="width: 20%;"> Nombre de usuario: </td> \
								<td> Su correo electrónico </td> \
							</tr> \
							<tr> \
								<td> Contraseña: </td> \
								<td> Utilice la contraseña encriptada asignada a la cuenta de correo electrónico </td> \
							</tr> \
							<tr> \
								<td> Servidor entrante: </td> \
								<td> \
									mail.sume.email <br> \
									Puerto POP: 995 <br> \
									Puerto IMAP: 993 \
								</td> \
							</tr> \
							<tr> \
								<td> Servidor de correo: </td> \
								<td> \
									mail.sume.email <br> \
									Puerto SMTP: 465 \
								</td> \
							</tr> \
							<tr> \
								<td class="text-center" colspan="2"> \
									IMAP, POP3 y SMTP require authentication. \
								</td> \
							</tr> \
						</tbody> \
					</table> \
					<!--</div>--> \
				</div> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Configuración de correos electrónicos",
			type: BootstrapDialog.TYPE_SUCCESS,
			message: mensaje,
			draggable: true,
			cssClass: "mdComprarDominio"
		});
	}
	<?php endif; ?>
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
<?php if( $nCorreos == 0 ): ?>
$("#correoElectronico").alphanum({
	allow: "-_1234567890",
	disallow: "",
	allowSpace: false,
	allowNumeric: true,
	allowUpper: false,
	allowLower: true,
	allowCaseless: false,
	allowLatin: true,
	allowOtherCharSets: false,
	forceUpper: false,
	forceLower: false,
	maxLength: 35
});
<?php endif; ?>
<?php if( $nCorreos == 1 ): ?>
$("#btnVerContrasenha").click(function(e){
	var boton = $(this);
	var estado = boton.attr("data-estado");
	if( estado == "C" ){
		boton.find("span").removeClass("fa-eye").addClass("fa-eye-slash");
		$("#password").attr("type", "text");
		boton.attr("data-estado", "T");
	}
	else{
		boton.find("span").removeClass("fa-eye-slash").addClass("fa-eye");
		$("#password").attr("type", "password");
		boton.attr("data-estado", "C");
	}
});
$("#btnEliminarReenvio").click(function(e){
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	$("#btnEliminarReenvio").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
	$.post(
		"<?php echo URL::route('SysWebEmailMarketingConfPerfilesCorreoInstitucional', array()); ?>",
		{accion: "eliminarReenviador", idCExC: "<?php echo $CorreoElectronicoxCliente->id; ?>"},
		function(data){
			$.isLoading("hide"); NProgress.done();
			$("#btnEliminarReenvio").prop("disabled", false).html("Eliminar reenviador");
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setTimeout( function(){ window.location.reload(); }, 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(""); } });
			}
		},
		"json"
	);
});
<?php endif; ?>
$("#frmAgregar").submit(function(e){
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	var textoBoton = $("#btnAgregar").html();
	$("#btnAgregar").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
	e.preventDefault();
	$(this).find("input").each(function(){
		$(this).val($(this).val().trim());
	});
	var frmAgregar = new FormData(document.getElementById("frmAgregar"));
	$.ajax({
		type: "POST",
		url: "<?php echo URL::route('SysWebEmailMarketingConfPerfilesCorreoInstitucional', array()); ?>",
		data: frmAgregar,
		cache: false,
		contentType: false,
		processData: false,
		dataType: "json",
		success: function(data){
			$.isLoading("hide"); NProgress.done();
			$("#btnAgregar").html(textoBoton).prop("disabled", false);
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setTimeout( function(){ window.location.reload(); }, 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(); ?>