<div class="container">
	<div class="row">
		<div class="col-sm-6 col-sm-offset-3" style="margin-top: 7px;">
			<div class="input-group">
				<input class="form-control" type="text" id="footer-subscribe-email"
					placeholder="{{ _('Your email address') }}...">
				<span class="input-group-btn">
					<button class="btn btn-default" type="button"
						id="footer-subscribe-button">{{ _("Stay Updated") }}</button>
				</span>
			</div>
		</div>
	</div>
</div>
<script>
	$("#footer-subscribe-button").click(function() {

		if($("#footer-subscribe-email").val()) {
			$("#footer-subscribe-email").attr('disabled', true);
			$("#footer-subscribe-button").html("Sending...")
				.attr("disabled", true);
			erpnext.send_message({
				subject:"Subscribe me",
				sender: $("#footer-subscribe-email").val(),
				message: "Subscribe to newsletter (via website footer).",
				callback: function(r) {
					if(!r.exc) {
						$("#footer-subscribe-button").html("Thank You :)")
							.addClass("btn-success").attr("disabled", true);
					} else {
						$("#footer-subscribe-button").html("Error :( Not a valid id?")
							.addClass("btn-danger").attr("disabled", false);
						$("#footer-subscribe-email").val("").attr('disabled', false);
					}
				}
			});
		}
		else
			frappe.msgprint(frappe._("Please enter email address"))
	});
</script>