From f4a96e23106ad21b204a80108521c30a469f4435 Mon Sep 17 00:00:00 2001
From: Stefan Pejcic <stefan@pejcic.rs>
Date: Sat, 1 Jun 2024 14:39:22 +0200
Subject: [PATCH] Update index.tsx

---
 documentation/src/pages/install/index.tsx | 25 ++++++++++++-----------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/documentation/src/pages/install/index.tsx b/documentation/src/pages/install/index.tsx
index 5f1abf25..60a6f76d 100644
--- a/documentation/src/pages/install/index.tsx
+++ b/documentation/src/pages/install/index.tsx
@@ -70,18 +70,19 @@ const Install: React.FC = () => {
                         <h2>Advanced Install Settings:</h2>
                         <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                             {/* Input fields for advanced install settings */}
-                            {/* Example for hostname */}
-                            <div>
-                                <label htmlFor="hostname">Hostname:</label>
-                                <input
-                                    type="text"
-                                    id="hostname"
-                                    name="hostname"
-                                    value={installOptions.hostname}
-                                    onChange={handleInputChange}
-                                />
-                            </div>
-                            {/* Repeat similar structure for other options */}
+                            {Object.entries(installOptions).map(([key, value]) => (
+                                <div key={key}>
+                                    <label htmlFor={key}>{key.replace(/([A-Z])/g, ' $1').toUpperCase()}:</label>
+                                    <input
+                                        type={typeof value === "boolean" ? "checkbox" : "text"}
+                                        id={key}
+                                        name={key}
+                                        checked={typeof value === "boolean" ? value : undefined}
+                                        value={typeof value === "boolean" ? undefined : value}
+                                        onChange={handleInputChange}
+                                    />
+                                </div>
+                            ))}
                         </div>
                     </div>