added external server settings save to the settings page

py_app/app/templates/settings.html

@@ -3,19 +3,38 @@
 {% block title %}Settings{% endblock %}
 
 {% block content %}
-<div class="card">
-    <h3>Manage Users</h3>
-    <ul class="user-list">
-        {% for user in users %}
-        <li data-user-id="{{ user.id }}">
-            <span class="user-name">{{ user.username }}</span>
-            <span class="user-role">Role: {{ user.role }}</span>
-            <button class="btn edit-btn">Edit Rights</button>
-            <button class="btn delete-btn">Delete User</button>
-        </li>
-        {% endfor %}
-    </ul>
-    <button id="create-user-btn" class="btn create-btn">Create User</button>
+<div class="card-container">
+    <div class="card">
+        <h3>Manage Users</h3>
+        <ul class="user-list">
+            {% for user in users %}
+            <li data-user-id="{{ user.id }}">
+                <span class="user-name">{{ user.username }}</span>
+                <span class="user-role">Role: {{ user.role }}</span>
+                <button class="btn edit-btn">Edit Rights</button>
+                <button class="btn delete-btn">Delete User</button>
+            </li>
+            {% endfor %}
+        </ul>
+        <button id="create-user-btn" class="btn create-btn">Create User</button>
+    </div>
+
+    <div class="card">
+        <h3>External Server Settings</h3>
+        <form method="POST" action="{{ url_for('main.save_external_db') }}" class="form-centered">
+            <label for="server_domain">Server Domain/IP Address:</label>
+            <input type="text" id="server_domain" name="server_domain" value="{{ external_settings.get('server_domain', '') }}" required>
+            <label for="port">Port:</label>
+            <input type="number" id="port" name="port" value="{{ external_settings.get('port', '') }}" required>
+            <label for="database_name">Database Name:</label>
+            <input type="text" id="database_name" name="database_name" value="{{ external_settings.get('database_name', '') }}" required>
+            <label for="username">Username:</label>
+            <input type="text" id="username" name="username" value="{{ external_settings.get('username', '') }}" required>
+            <label for="password">Password:</label>
+            <input type="password" id="password" name="password" value="{{ external_settings.get('password', '') }}" required>
+            <button type="submit" class="btn">Save/Update External Database Info Settings</button>
+        </form>
+    </div>
 </div>
 
 <!-- Popup for creating a new user -->