From 2709ab4674d3fbb1896f16c9705ad9cf83cab571 Mon Sep 17 00:00:00 2001
From: Graham McIntie <graham@mcintire.me>
Date: Sat, 14 Feb 2026 16:31:05 -0600
Subject: [PATCH] Fix integration API key field: read from saved credentials
 like NetBox

---
 .../live/org/settings_live.html.heex          | 35 ++++++++++---------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/lib/towerops_web/live/org/settings_live.html.heex b/lib/towerops_web/live/org/settings_live.html.heex
index cbe778d3..d056881f 100644
--- a/lib/towerops_web/live/org/settings_live.html.heex
+++ b/lib/towerops_web/live/org/settings_live.html.heex
@@ -1464,24 +1464,27 @@
                       </h4>
                     </div>
 
-                    <.input
-                      field={@integration_form[:api_key]}
-                      type="password"
-                      label={
-                        if(provider.id == "pagerduty",
+                    <div>
+                      <label class="block text-sm font-semibold text-gray-900 dark:text-white mb-1">
+                        {if(provider.id == "pagerduty",
                           do: "Integration Key (Routing Key)",
                           else: "API Key"
-                        )
-                      }
-                      placeholder={
-                        if(provider.id == "pagerduty",
-                          do: "Enter your PagerDuty integration key",
-                          else: "Enter your #{provider.name} API key"
-                        )
-                      }
-                      autocomplete="off"
-                      value={get_credential(@integrations[provider.id], "api_key")}
-                    />
+                        )}
+                      </label>
+                      <input
+                        type="password"
+                        name="integration[api_key]"
+                        value={get_credential(@integrations[provider.id], "api_key")}
+                        placeholder={
+                          if(provider.id == "pagerduty",
+                            do: "Enter your PagerDuty integration key",
+                            else: "Enter your #{provider.name} API key"
+                          )
+                        }
+                        autocomplete="off"
+                        class="block w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 placeholder-gray-400 focus:border-indigo-500 focus:ring-indigo-500 dark:border-white/10 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500"
+                      />
+                    </div>
                   </div>
 
                   <%= if provider.id == "pagerduty" do %>