diff --git a/management/templates/index.html b/management/templates/index.html
index 35f27479..780e8cb2 100644
--- a/management/templates/index.html
+++ b/management/templates/index.html
@@ -376,9 +376,10 @@
 		var current_panel = null;
 		var switch_back_to_panel = null;
 		function show_panel(panelid) {
-			if (panelid.getAttribute)
+			if (panelid.getAttribute) {
 				// we might be passed an HTMLElement <a>.
 				panelid = panelid.getAttribute('href').substring(1);
+			}
 
 			$('.admin_panel').hide();
 			$('#panel_' + panelid).show();
diff --git a/management/templates/smtp-relays.html b/management/templates/smtp-relays.html
index c2148754..74b3e86d 100644
--- a/management/templates/smtp-relays.html
+++ b/management/templates/smtp-relays.html
@@ -2,15 +2,34 @@
 </style>
 
 <script>
-	function checkfields() {
-		let use_relay = document.getElementById("use_relay").checked
-		let use_auth = document.getElementById("relay_use_auth").checked
+	const use_relay = document.getElementById("use_relay")
+	const relay_host = document.getElementById("relay_host")
+	const relay_use_auth = document.getElementById("relay_use_auth")
+	const relay_auth_user = document.getElementById("relay_auth_user")
+	const relay_auth_pass = document.getElementById("relay_auth_pass")
 
-		document.getElementById("relay_host").disabled = !use_relay
-		document.getElementById("relay_use_auth").disabled = !use_relay
-		document.getElementById("relay_auth_user").disabled = !(use_relay && use_auth)
-		document.getElementById("relay_auth_pass").disabled = !(use_relay && use_auth)
+	api(
+		"/system/smtp/relay",
+		"GET",
+		{},
+		data => {
+
+		}
+	)
+
+	function checkfields() {
+		let relay_enabled = use_relay.checked
+		let auth_enabled = relay_use_auth.checked
+
+		relay_host.disabled = !relay_enabled
+		relay_use_auth.disabled = !relay_enabled
+		relay_auth_auth.disabled = !(relay_enabled && auth_enabled)
+		relay_auth_pass.disabled = !(relay_enabled && auth_enabled)
 	}
+
+	checkfields()
+
+
 </script>
 
 <h2>SMTP Relays</h2>