From fd42eeccdba3a4f3f3b077bf70f1522f88a57fc3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20He=C3=9Fe?= <hesse.daniel93@gmail.com>
Date: Tue, 4 Aug 2026 00:33:52 +0200
Subject: [PATCH] Added ability to change admin password

---
 Dockerfile                       |  3 ---
 src/components/AdminCMSModal.tsx | 21 +++++++++++++++++++++
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index e7dbe96..4583e34 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,5 +1,3 @@
-### `Dockerfile`
-```dockerfile
 # Multi-Stage Dockerfile for Gothic II Mod Website
 FROM node:20-alpine AS builder
 
@@ -33,4 +31,3 @@ COPY --from=builder /app/cms-data.json ./cms-data.json
 EXPOSE 3000
 
 CMD ["node", "dist/server.cjs"]
-```
diff --git a/src/components/AdminCMSModal.tsx b/src/components/AdminCMSModal.tsx
index 55eb7a7..ffc4a71 100644
--- a/src/components/AdminCMSModal.tsx
+++ b/src/components/AdminCMSModal.tsx
@@ -457,6 +457,27 @@ export const AdminCMSModal: React.FC<AdminCMSModalProps> = ({
                       />
                     </div>
                   </div>
+
+                  {/* Security & Admin PIN Section */}
+                  <div className="bg-zinc-950/80 border border-amber-900/60 rounded-xl p-4 mt-6 space-y-3">
+                    <h4 className="text-sm font-serif font-bold text-amber-300 flex items-center gap-2">
+                      <KeyRound className="w-4 h-4 text-amber-400" />
+                      CMS Passwort / Zugangs-PIN
+                    </h4>
+                    <p className="text-xs text-zinc-400">
+                      Hier kannst du das Passwort ändern, das zum Freischalten dieses Modder-Portals benötigt wird. 
+                      Nach dem Klicken auf <strong className="text-amber-200">"Änderungen Live Speichern"</strong> wird das neue Passwort in <code className="text-amber-300 bg-zinc-900 px-1 py-0.5 rounded">cms-data.json</code> übernommen.
+                    </p>
+                    <div className="max-w-xs">
+                      <label className="block text-xs font-mono text-amber-400 mb-1">Neues CMS Passwort</label>
+                      <input
+                        type="text"
+                        value={formData.adminPin || "gothic2026"}
+                        onChange={(e) => setFormData({ ...formData, adminPin: e.target.value })}
+                        className="w-full bg-zinc-900 border border-amber-800/80 rounded px-3 py-2 text-sm font-mono text-amber-200 focus:border-amber-500 focus:ring-1 focus:ring-amber-500"
+                      />
+                    </div>
+                  </div>
                 </div>
               )}