diff --git a/.homeychangelog.json b/.homeychangelog.json
index 450dd10..713328a 100644
--- a/.homeychangelog.json
+++ b/.homeychangelog.json
@@ -642,6 +642,10 @@
   "1.8.6": {
     "en": "Internal optimization.",
     "de": "Interne Optimierung."
+  },
+  "1.9.0": {
+    "en": "Added widget for alarm control panel.",
+    "de": "Widget für Alarmzentrale hinzugefügt."
   }
 
 }
diff --git a/.homeycompose/app.json b/.homeycompose/app.json
index 124b1a8..7e48761 100644
--- a/.homeycompose/app.json
+++ b/.homeycompose/app.json
@@ -1,6 +1,6 @@
 {
   "id": "io.home-assistant.community",
-  "version": "1.8.6",
+  "version": "1.9.0",
   "compatibility": ">=12.2.0",
   "sdk": 3,
   "brandColor": "#0DA6EA",
diff --git a/.vscode/launch.json b/.vscode/launch.json
index cb8b0c2..0f7d3de 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -29,8 +29,8 @@
             "type": "node",
             "request": "attach",
             "restart": true,
-            "name": "Attach HA to Homey23 DEV Docker",
-            "address": "192.168.1.16",
+            "name": "Attach HA to Homey 23 DEV Docker",
+            "address": "192.168.1.42",
             "port": 9229,
             "localRoot": "${workspaceFolder}",
             "remoteRoot": "/app/"
diff --git a/app.js b/app.js
index 3002401..59a93d3 100644
--- a/app.js
+++ b/app.js
@@ -147,6 +147,8 @@ class App extends Homey.App {
 		await this._registerFlowTriggers();
 		await this._registerFlowConditions();
 		await this._registerFlowArguments();
+		// register widgets
+		await this._registerWidgets();
 
 		// App events
 		this.homey.settings.on("set", async (key) =>  {
@@ -1608,7 +1610,64 @@ class App extends Homey.App {
 			}
 		});
 	  }
-	
+	  // WIDGETS ==============================================================================
+	  async _registerWidgets(){
+		this.homey.dashboards.getWidget('alarm_control_panel').registerSettingAutocompleteListener('device', async (query, settings) => {
+		  let devices = [];
+		  let alarm_devices = this.homey.drivers.getDriver('alarm_control_panel').getDevices();
+		  alarm_devices.forEach(device => {
+			  devices.push({
+				name: device.getName(),
+				device_id: device.getData().id,
+				driver_id: 'alarm_control_panel'
+			  })
+		  });
+		  return devices.filter((item) => item.name.toLowerCase().includes(query.toLowerCase()));
+		});
+	  }
+	  
+	  // WIDGET API ============================================================================
+	async apiWidgetUpdate(driver_id, device_id){
+		let device = this.homey.drivers.getDriver(driver_id).getDevices().filter(e=>{ return ( e.getData().id == device_id ) })[0];
+		await device.widgetUpdate( );
+	}
+
+	async apiWidgetPost(driver_id, device_id, body){
+		if (!device_id || !driver_id){
+			throw new Error("Device not set in widget settings");
+		}
+		try{
+			let device = this.homey.drivers.getDriver(driver_id).getDevices().filter(e=>{ return ( e.getData().id == device_id ) })[0];
+			await device.widgetPost( body );
+		}
+		catch(error){
+			try{
+				let message = JSON.parse(error.message)
+				throw new Error(message.message);
+			}
+			catch(error){
+				throw new Error(error.message);
+			}
+		}
+	}
+	async apiWidgetGet(driver_id, device_id, command){
+		if (!device_id || !driver_id){
+			throw new Error("Device not set in widget settings");
+		}
+		try{
+			let device = this.homey.drivers.getDriver(driver_id).getDevices().filter(e=>{ return ( e.getData().id == device_id ) })[0];
+			await device.widgetGet( command );
+		}
+		catch(error){
+			try{
+				let message = JSON.parse(error.message)
+				throw new Error(message.message);
+			}
+			catch(error){
+				throw new Error(error.message);
+			}
+		}
+	}
 }
 
 module.exports = App;
\ No newline at end of file
diff --git a/app.json b/app.json
index 8d1c453..8216a20 100644
--- a/app.json
+++ b/app.json
@@ -1,7 +1,7 @@
 {
   "_comment": "This file is generated. Please edit .homeycompose/app.json instead.",
   "id": "io.home-assistant.community",
-  "version": "1.8.6",
+  "version": "1.9.0",
   "compatibility": ">=12.2.0",
   "sdk": 3,
   "brandColor": "#0DA6EA",
@@ -9962,6 +9962,41 @@
       ]
     }
   ],
+  "widgets": {
+    "alarm_control_panel": {
+      "name": {
+        "en": "Alarm control panel",
+        "de": "Alarmzentrale",
+        "nl": "Alarmbedieningspaneel"
+      },
+      "settings": [
+        {
+          "id": "device",
+          "type": "autocomplete",
+          "title": {
+            "en": "Gerät",
+            "de": "Device"
+          }
+        }
+      ],
+      "height": 226,
+      "api": {
+        "apiWidgetUpdate": {
+          "method": "GET",
+          "path": "/widget_update"
+        },
+        "apiWidgetPost": {
+          "method": "POST",
+          "path": "/widget_post"
+        },
+        "apiWidgetGet": {
+          "method": "GET",
+          "path": "/widget_get"
+        }
+      },
+      "id": "alarm_control_panel"
+    }
+  },
   "capabilities": {
     "alarm_control_panel_alarm": {
       "type": "boolean",
diff --git a/drivers/alarm_control_panel/device.js b/drivers/alarm_control_panel/device.js
index e2dcece..58daae1 100644
--- a/drivers/alarm_control_panel/device.js
+++ b/drivers/alarm_control_panel/device.js
@@ -87,6 +87,7 @@ class AlarmControlPanelDevice extends BaseDevice {
                 if ((features & 32) == 32) {
                     modes.push( this.homey.app.manifest.capabilities.alarm_control_panel_mode.values.find(u => u.id === 'armed_vacation') );
                 }
+                modes.push( this.homey.app.manifest.capabilities.alarm_control_panel_mode.values.find(u => u.id === 'disarmed') );
                 await this.setCapabilityEnumList("alarm_control_panel_mode", modes);
 
                 if ((features & 8) != 8 && this.hasCapability('alarm_control_panel_alarm_trigger')){
@@ -113,6 +114,8 @@ class AlarmControlPanelDevice extends BaseDevice {
 
             try{
                 await this.setCapabilityValue("alarm_control_panel_mode", data.state);
+                // Realtime event - Widget update 
+                await this.widgetUpdate();
             }
             catch(error){
                 this.log("Error setting alarm_control_panel_mode" + error.message);
@@ -139,6 +142,9 @@ class AlarmControlPanelDevice extends BaseDevice {
     // Capabilities ===========================================================================================
     async _onCapabilityAlarmControlPanelMode( value, opts ) {
         let code = this.getSetting('code');
+        if (opts.code){
+            code = opts.code;
+        }
         let service = '';
         switch (value){
             case 'disarmed':
@@ -183,6 +189,29 @@ class AlarmControlPanelDevice extends BaseDevice {
         await this._onCapabilityAlarmControlPanelMode( args.mode, {});
     }
 
+    // Widget Actions
+    async widgetUpdate(){
+        // Redefinition: Trigger Widget update by sending a realtime event
+        let modes = [];
+        try{
+            modes = await this.getCapabilityEnumList("alarm_control_panel_mode");
+        }
+        catch(error){}
+        await this.homey.api.realtime("alarm_control_panel_state_changed", {driver_id:'alarm_control_panel', device_id: this.getData().id, 
+            mode: this.getCapabilityValue("alarm_control_panel_mode"),
+            modes: modes 
+        } );
+    }
+
+    async widgetPost(body){
+        // Redefinition: Process HTTP POST from Widget
+        switch (body.command){
+            case 'set_alarm_control_panel_mode':
+                await this._onCapabilityAlarmControlPanelMode( body.mode, {code: body.code});
+                break;
+        }
+    }
+    
 }
 
 module.exports = AlarmControlPanelDevice;
\ No newline at end of file
diff --git a/drivers/basedevice.js b/drivers/basedevice.js
index f5bdb55..107c59f 100644
--- a/drivers/basedevice.js
+++ b/drivers/basedevice.js
@@ -234,6 +234,27 @@ class BaseDevice extends Homey.Device {
         }catch(error){}
     }
 
+    async getCapabilityEnumList(capability){
+        let values = [];
+        if (this.hasCapability(capability)){
+            try{
+                let capabilityOptions =  this.getCapabilityOptions(capability);
+                if (capabilityOptions.values){
+                    values = capabilityOptions.values;
+                }                          
+            }
+            catch(error){
+                this.log("getCapabilityEnumList(): Error getting capabilityOptions: "+error.message);
+                // Read capability definition if no options are set
+                let capabilityDef = Capability.getCapability(capability);
+                if (capabilityDef.values){
+                    values = capabilityDef.values;
+                }          
+            }
+        }
+        return values;
+    }
+
     async onInitDevice(){
         // Init device on satrtup with latest data to have initial values before HA sends updates
         this.homey.clearTimeout(this.timeoutInitDevice);
@@ -1348,6 +1369,17 @@ class BaseDevice extends Homey.Device {
     //             }
     //         });
     //   }
+
+    // Widget functions ===========================================================================================
+    async widgetUpdate(){
+        // Redefine in subclass. Trigger widget update by sending a realtime event
+    }
+    async widgetPost(body){
+        // Redefine in subclass. Process HTTP POST message in the device
+    }
+    async widgetGet(command){
+        // Redefine in subclass. Process HTTP GET message in the device
+    }
 }
 
 module.exports = BaseDevice;
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/api.js b/widgets/alarm_control_panel/api.js
new file mode 100644
index 0000000..b923e7e
--- /dev/null
+++ b/widgets/alarm_control_panel/api.js
@@ -0,0 +1,14 @@
+'use strict';
+
+module.exports = {
+
+    async apiWidgetUpdate({ homey, query }) {
+        return await homey.app.apiWidgetUpdate( query.driver_id, query.device_id );
+    },
+    async apiWidgetPost({ homey, query, body }) {
+        return await homey.app.apiWidgetPost( query.driver_id, query.device_id, body );
+    },
+    async apiWidgetGet({ homey, query }) {
+        return await homey.app.apiWidgetGet( query.driver_id, query.device_id, query.command );
+    }
+};
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/preview-dark.png b/widgets/alarm_control_panel/preview-dark.png
new file mode 100644
index 0000000..e42e0e5
Binary files /dev/null and b/widgets/alarm_control_panel/preview-dark.png differ
diff --git a/widgets/alarm_control_panel/preview-light.png b/widgets/alarm_control_panel/preview-light.png
new file mode 100644
index 0000000..4b70a1b
Binary files /dev/null and b/widgets/alarm_control_panel/preview-light.png differ
diff --git a/widgets/alarm_control_panel/public/0.svg b/widgets/alarm_control_panel/public/0.svg
new file mode 100644
index 0000000..5941a52
--- /dev/null
+++ b/widgets/alarm_control_panel/public/0.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/1.svg b/widgets/alarm_control_panel/public/1.svg
new file mode 100644
index 0000000..2abbb46
--- /dev/null
+++ b/widgets/alarm_control_panel/public/1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10,7V9H12V17H14V7H10M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/2.svg b/widgets/alarm_control_panel/public/2.svg
new file mode 100644
index 0000000..7b4c3d4
--- /dev/null
+++ b/widgets/alarm_control_panel/public/2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9,7V9H13V11H11A2,2 0 0,0 9,13V17H11L15,17V15H11V13H13A2,2 0 0,0 15,11V9A2,2 0 0,0 13,7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/3.svg b/widgets/alarm_control_panel/public/3.svg
new file mode 100644
index 0000000..155a905
--- /dev/null
+++ b/widgets/alarm_control_panel/public/3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H9V9H13V11H11V13H13V15H9V17H13A2,2 0 0,0 15,15M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/4.svg b/widgets/alarm_control_panel/public/4.svg
new file mode 100644
index 0000000..949380e
--- /dev/null
+++ b/widgets/alarm_control_panel/public/4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9,7V13H13V17H15V7H13V11H11V7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/5.svg b/widgets/alarm_control_panel/public/5.svg
new file mode 100644
index 0000000..07eb202
--- /dev/null
+++ b/widgets/alarm_control_panel/public/5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9,7V13H13V15H9V17H13A2,2 0 0,0 15,15V13A2,2 0 0,0 13,11H11V9H15V7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/6.svg b/widgets/alarm_control_panel/public/6.svg
new file mode 100644
index 0000000..45be895
--- /dev/null
+++ b/widgets/alarm_control_panel/public/6.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V13A2,2 0 0,0 13,11H11V9H15V7H11M11,13H13V15H11V13M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/7.svg b/widgets/alarm_control_panel/public/7.svg
new file mode 100644
index 0000000..4c6a861
--- /dev/null
+++ b/widgets/alarm_control_panel/public/7.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11,17L15,9V7H9V9H13L9,17H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/8.svg b/widgets/alarm_control_panel/public/8.svg
new file mode 100644
index 0000000..4939c01
--- /dev/null
+++ b/widgets/alarm_control_panel/public/8.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11,13H13V15H11V13M11,9H13V11H11V9M11,17H13A2,2 0 0,0 15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H11A2,2 0 0,0 9,9V10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 9,13.5V15C9,16.11 9.9,17 11,17M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/9.svg b/widgets/alarm_control_panel/public/9.svg
new file mode 100644
index 0000000..44aedbf
--- /dev/null
+++ b/widgets/alarm_control_panel/public/9.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M13,17A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11A2,2 0 0,0 9,9V11A2,2 0 0,0 11,13H13V15H9V17H13M13,11H11V9H13V11Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/armed_away.svg b/widgets/alarm_control_panel/public/armed_away.svg
new file mode 100644
index 0000000..5c0eb3f
--- /dev/null
+++ b/widgets/alarm_control_panel/public/armed_away.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/armed_custom_bypass.svg b/widgets/alarm_control_panel/public/armed_custom_bypass.svg
new file mode 100644
index 0000000..e1f0243
--- /dev/null
+++ b/widgets/alarm_control_panel/public/armed_custom_bypass.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/armed_home.svg b/widgets/alarm_control_panel/public/armed_home.svg
new file mode 100644
index 0000000..ccee5c3
--- /dev/null
+++ b/widgets/alarm_control_panel/public/armed_home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/armed_night.svg b/widgets/alarm_control_panel/public/armed_night.svg
new file mode 100644
index 0000000..b82ae0f
--- /dev/null
+++ b/widgets/alarm_control_panel/public/armed_night.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 12A10 10 0 0 0 15 21.54A10 10 0 0 1 15 2.46A10 10 0 0 0 2 12Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/armed_vacation.svg b/widgets/alarm_control_panel/public/armed_vacation.svg
new file mode 100644
index 0000000..7f6fdd0
--- /dev/null
+++ b/widgets/alarm_control_panel/public/armed_vacation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.56 3.91C21.15 4.5 21.15 5.45 20.56 6.03L16.67 9.92L18.79 19.11L17.38 20.53L13.5 13.1L9.6 17L9.96 19.47L8.89 20.53L7.13 17.35L3.94 15.58L5 14.5L7.5 14.87L11.37 11L3.94 7.09L5.36 5.68L14.55 7.8L18.44 3.91C19 3.33 20 3.33 20.56 3.91Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/clear.svg b/widgets/alarm_control_panel/public/clear.svg
new file mode 100644
index 0000000..ba9d8f7
--- /dev/null
+++ b/widgets/alarm_control_panel/public/clear.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/disarmed.svg b/widgets/alarm_control_panel/public/disarmed.svg
new file mode 100644
index 0000000..d10e698
--- /dev/null
+++ b/widgets/alarm_control_panel/public/disarmed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L20.5,21.22L19.23,22.5L17,20.25C15.57,21.57 13.87,22.54 12,23C6.84,21.74 3,16.55 3,11V6.27L1,4.27M12,1L21,5V11C21,13.28 20.35,15.5 19.23,17.41L5.65,3.82L12,1Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/index.css b/widgets/alarm_control_panel/public/index.css
new file mode 100644
index 0000000..ef67597
--- /dev/null
+++ b/widgets/alarm_control_panel/public/index.css
@@ -0,0 +1,140 @@
+#div_panel{
+    display: flex;
+}
+
+#div_commands{
+    display: flow;
+}
+#div_buttons{
+    display: flow;
+    justify-content: center;
+    align-items: flex-start;
+    width:  100%;
+}
+#div_message{
+    display: flex;
+    flex-wrap: nowrap;
+    justify-content: center
+}
+
+[class^="homey-custom-icon"]{
+    margin: 10px;
+    /* --homey-icon-size: var(--homey-icon-size-medium); */
+    width: 30px;
+    height: 30px;
+}
+.icon_command{
+    width: 25px;
+    height: 25px;
+    background-color: var(--homey-icon-color-light);
+}
+.icon_button{
+    width: 30px;
+    height: 30px;
+}
+.inactive{
+    background-color: var(--homey-icon-color-light);
+}
+.selected{
+    background-color: var(--homey-color-highlight);
+}
+.success{
+    background-color: var(--homey-color-success);
+}
+.error{
+    background-color: var(--homey-color-danger);
+}
+
+.text_message{
+    text-align: center;
+    color: var(--homey-icon-color-light);
+}
+
+.text_message_error{
+    text-align: center;
+    color: var(--homey-color-warning);
+}
+
+.div_grid{
+    display: grid;
+    justify-content: center;
+}
+.div_line{
+    display: inline-flex;
+    justify-content: center;
+}
+
+.homey-custom-icon-armed_home {
+    -webkit-mask-image: url('armed_home.svg');
+    mask-image: url('armed_home.svg');
+}
+.homey-custom-icon-armed_away {
+    -webkit-mask-image: url('armed_away.svg');
+    mask-image: url('armed_away.svg');
+}
+.homey-custom-icon-armed_night {
+    -webkit-mask-image: url('armed_night.svg');
+    mask-image: url('armed_night.svg');
+}
+.homey-custom-icon-armed_vacation {
+    -webkit-mask-image: url('armed_vacation.svg');
+    mask-image: url('armed_vacation.svg');
+}
+.homey-custom-icon-armed_custom_bypass {
+    -webkit-mask-image: url('armed_custom_bypass.svg');
+    mask-image: url('armed_custom_bypass.svg');
+}
+.homey-custom-icon-disarmed {
+    -webkit-mask-image: url('disarmed.svg');
+    mask-image: url('disarmed.svg');
+}
+
+.homey-custom-icon-ok {
+    -webkit-mask-image: url('ok.svg');
+    mask-image: url('ok.svg');
+}
+.homey-custom-icon-clear {
+    -webkit-mask-image: url('clear.svg');
+    mask-image: url('clear.svg');
+}
+
+.homey-custom-icon-1 {
+    -webkit-mask-image: url('1.svg');
+    mask-image: url('1.svg');
+}
+.homey-custom-icon-2 {
+    -webkit-mask-image: url('2.svg');
+    mask-image: url('2.svg');
+}
+.homey-custom-icon-3 {
+    -webkit-mask-image: url('3.svg');
+    mask-image: url('3.svg');
+}
+.homey-custom-icon-4 {
+    -webkit-mask-image: url('4.svg');
+    mask-image: url('4.svg');
+}
+.homey-custom-icon-5 {
+    -webkit-mask-image: url('5.svg');
+    mask-image: url('5.svg');
+}
+.homey-custom-icon-6 {
+    -webkit-mask-image: url('6.svg');
+    mask-image: url('6.svg');
+}
+.homey-custom-icon-7 {
+    -webkit-mask-image: url('7.svg');
+    mask-image: url('7.svg');
+}
+.homey-custom-icon-8 {
+    -webkit-mask-image: url('8.svg');
+    mask-image: url('8.svg');
+}
+.homey-custom-icon-9 {
+    -webkit-mask-image: url('9.svg');
+    mask-image: url('9.svg');
+}
+.homey-custom-icon-0 {
+    -webkit-mask-image: url('0.svg');
+    mask-image: url('0.svg');
+}
diff --git a/widgets/alarm_control_panel/public/index.html b/widgets/alarm_control_panel/public/index.html
new file mode 100644
index 0000000..31e2183
--- /dev/null
+++ b/widgets/alarm_control_panel/public/index.html
@@ -0,0 +1,210 @@
+<html id="html">
+
+<head>
+    <link rel="stylesheet" href="index.css" type="text/css">
+</head>
+
+<!-- <body class="homey-widget-small"> -->
+<body id="body" class="homey-widget-full">
+
+    <div id="div_panel">
+        <div id="div_commands" class="div_commands">
+            <div id="armed_home" class="homey-custom-icon-armed_home icon_command" onclick="selectMode('armed_home')"></div>
+            <div id="armed_away" class="homey-custom-icon-armed_away icon_command" onclick="selectMode('armed_away')"></div>
+            <div id="armed_night" class="homey-custom-icon-armed_night icon_command" onclick="selectMode('armed_night')"></div>
+            <div id="armed_vacation" class="homey-custom-icon-armed_vacation icon_command" onclick="selectMode('armed_vacation')"></div>
+            <div id="armed_custom_bypass" class="homey-custom-icon-armed_custom_bypass icon_command" onclick="selectMode('armed_custom_bypass')"></div>
+            <div id="disarmed" class="homey-custom-icon-disarmed icon_command" onclick="selectMode('disarmed')"></div>
+        </div>
+        <div id="div_buttons" class ="div_buttons">
+            <div class ="div_grid">
+                <div class ="div_line">
+                    <div id="1" class="homey-custom-icon-1 icon_button" onclick="addPin('1')"></div>
+                    <div id="2" class="homey-custom-icon-2 icon_button" onclick="addPin('2')"></div>
+                    <div id="3" class="homey-custom-icon-3 icon_button" onclick="addPin('3')"></div>
+                </div>
+                <div class ="div_line">
+                    <div id="4" class="homey-custom-icon-4 icon_button" onclick="addPin('4')"></div>
+                    <div id="5" class="homey-custom-icon-5 icon_button" onclick="addPin('5')"></div>
+                    <div id="6" class="homey-custom-icon-6 icon_button" onclick="addPin('6')"></div>
+                </div>
+                <div class ="div_line">
+                    <div id="7" class="homey-custom-icon-7 icon_button" onclick="addPin('7')"></div>
+                    <div id="8" class="homey-custom-icon-8 icon_button" onclick="addPin('8')"></div>
+                    <div id="9" class="homey-custom-icon-9 icon_button" onclick="addPin('9')"></div>
+                </div>
+                <div class ="div_line">
+                    <div id="clear" class="homey-custom-icon-clear icon_button inactive" onclick="clearPin()"></div>
+                    <div id="0" class="homey-custom-icon-0 icon_button" onclick="addPin('0')"></div>
+                    <div id="ok" class="homey-custom-icon-ok icon_button" onclick="sendCommand()"></div>
+                </div>
+            </div>
+            <div id="div_message" class ="div_message">
+                <span id="text_message" class="homey-text-regular text_message"></span>
+            </div>
+        </div>
+    </div>
+
+    <script type="text/javascript">
+        let current_mode = '';
+        let pin = '';
+        const MODES = [
+            {
+                "id": "disarmed",
+                "title": {
+                "en": "Disarmed",
+                "de": "Entsichert",
+                "nl": "Ontgrendeld"
+                }
+            },
+            {
+                "id": "armed_home",
+                "title": {
+                "en": "Armed at home",
+                "de": "Gesichert zu Hause",
+                "nl": "Thuis beveiligd"
+                }
+            },
+            {
+                "id": "armed_away",
+                "title": {
+                "en": "Armed away",
+                "de": "Gesichert unterwegs",
+                "nl": "Veilig onderweg"
+                }
+            },
+            {
+                "id": "armed_night",
+                "title": {
+                "en": "Armed at night",
+                "de": "Gesichert nachts",
+                "nl": "Veilig nacht"
+                }
+            },
+            {
+                "id": "armed_vacation",
+                "title": {
+                "en": "Armed at vacation",
+                "de": "Gesichert im Urlaub",
+                "nl": "Veilig op vakantie"
+                }
+            },
+            {
+                "id": "armed_custom_bypass",
+                "title": {
+                "en": "Armed custom bypass",
+                "de": "Gesichert benutzerdefiniert",
+                "nl": "Veilig aangepast"
+                }
+            }
+        ];
+
+        const sleep = (delay) => new Promise((resolve) => setTimeout(resolve, delay))
+
+        async function onHomeyReady(Homey) {
+            Homey.ready({ height: 226 });
+
+            console.log('instanceId: ', Homey.getWidgetInstanceId());
+            console.log('settings', Homey.getSettings());
+            // await Homey.setHeight(document.getElementById('body').offsetHeight + 5);
+
+            // Realtime event for changed car data
+            Homey.on('alarm_control_panel_state_changed', ({driver_id, device_id, mode, modes})=> setMode(driver_id, device_id, mode, modes));
+            // initial data reading
+            await widgetUpdate();
+        }
+
+        function setMode(driver_id, device_id, mode, modes){
+            console.log("Mode changed: "+mode, "driver_id: "+driver_id, "device_id: "+device_id);
+            console.log("Settings: ", Homey.getSettings());
+            if (driver_id != 'alarm_control_panel' || !Homey.getSettings() || !Homey.getSettings().device || device_id != Homey.getSettings().device.device_id){
+                return;   
+            } 
+            selectMode(mode);
+            // hide non active modes
+            // console.log(modes);
+            MODES.forEach(element => {
+                if (modes.find(m => m.id == element.id) != undefined){
+                    // console.log("found: "+element.id);
+                    document.getElementById(element.id).style.display = 'flex';
+                }
+                else{
+                    document.getElementById(element.id).style.display = 'none';
+                    // console.log("not found: "+element.id);
+                }                    
+            })
+        }
+
+        function selectMode(mode){
+            console.log("Mode selected: "+mode)
+            current_mode = mode;
+            MODES.forEach(element => {
+                if (element.id == mode){
+                    document.getElementById(element.id).classList.add('selected');
+                }
+                else{
+                    document.getElementById(element.id).classList.remove('selected');
+                }
+            })
+        }
+
+        async function clearPin(){
+            pin = '';
+            document.getElementById('clear').classList.add('success');
+            await sleep(200);
+            document.getElementById('clear').classList.remove('success');
+            document.getElementById('clear').classList.add('inactive');
+        }
+
+        async function addPin(number){
+            pin = pin + number;
+            document.getElementById(number).classList.add('selected');
+            await sleep(200);
+            document.getElementById(number).classList.remove('selected');
+            document.getElementById('clear').classList.remove('inactive');
+        }
+
+        async function sendCommand(){
+            try{
+                console.log("request API: POST /widget_post");
+                
+                if (!Homey.getSettings() || !Homey.getSettings().device || !Homey.getSettings().device.device_id || !Homey.getSettings().device.driver_id){
+                    throw new Error("Device not set in widget settings");
+                }
+                let device_id = Homey.getSettings().device.device_id;
+                let driver_id = Homey.getSettings().device.driver_id;
+                let result = await Homey.api('POST', '/widget_post?driver_id='+driver_id+'&device_id='+device_id, { 
+                    command: 'set_alarm_control_panel_mode',
+                    mode: current_mode,
+                    code: pin
+                });
+                document.getElementById('text_message').innerText = '';
+                document.getElementById('text_message').classList.remove('text_message_error');
+                document.getElementById('ok').classList.add('success');
+                await sleep(1000);
+                document.getElementById('ok').classList.remove('success');
+            }
+            catch(error){
+                console.log(error);
+                document.getElementById('text_message').innerText = error.message;
+                document.getElementById('text_message').classList.add('text_message_error');
+                document.getElementById('ok').classList.add('error');
+                await sleep(1000);
+                document.getElementById('ok').classList.remove('error');
+                await widgetUpdate();
+            }
+            pin = '';
+        }
+
+        async function widgetUpdate(){
+            if (Homey.getSettings() && Homey.getSettings().device && Homey.getSettings().device.device_id && Homey.getSettings().device.driver_id){
+                // Get widget data by triggering realtime event for assigned device
+                let device_id = Homey.getSettings().device.device_id;
+                let driver_id = Homey.getSettings().device.driver_id;
+                await Homey.api('GET', '/widget_update?driver_id='+driver_id+'&device_id='+device_id);
+            }
+        }
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/public/ok.svg b/widgets/alarm_control_panel/public/ok.svg
new file mode 100644
index 0000000..ec74fe7
--- /dev/null
+++ b/widgets/alarm_control_panel/public/ok.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z" /></svg>
\ No newline at end of file
diff --git a/widgets/alarm_control_panel/widget.compose.json b/widgets/alarm_control_panel/widget.compose.json
new file mode 100644
index 0000000..81b2bbd
--- /dev/null
+++ b/widgets/alarm_control_panel/widget.compose.json
@@ -0,0 +1,32 @@
+{
+    "name": {
+        "en": "Alarm control panel",
+        "de": "Alarmzentrale",
+        "nl": "Alarmbedieningspaneel"
+      },
+    "settings": [
+        {
+            "id": "device",
+            "type": "autocomplete",
+            "title": {
+                "en": "Gerät",
+                "de": "Device"
+            }
+        }
+    ],
+    "height": 226,
+    "api": {
+        "apiWidgetUpdate": {
+            "method": "GET",
+            "path": "/widget_update"
+        },
+        "apiWidgetPost": {
+            "method": "POST",
+            "path": "/widget_post"
+        },
+        "apiWidgetGet": {
+            "method": "GET",
+            "path": "/widget_get"
+        }
+    }
+  }
\ No newline at end of file