diff --git a/srv/poe_manager/templates/index.html b/srv/poe_manager/templates/index.html
index 5f19071..3c4ddfe 100644
--- a/srv/poe_manager/templates/index.html
+++ b/srv/poe_manager/templates/index.html
@@ -10,7 +10,14 @@
 <div class="row g-3">
     {% for d in devices %}
     <div class="col-6 col-md-4 col-lg-3 col-xl-2">
-        <div class="card text-center p-2"
+        <div class="card text-center p-2 device-card"
+             style="cursor:pointer;"
+             data-mac="{{ d[0] }}"
+             data-name="{{ d[1] }}"
+             data-ip="{{ d[2] }}"
+             data-switch="{{ d[3] }}"
+             data-port="{{ d[4] }}"
+             data-active="{{ d[5] }}"
      {% if last_seen.get(d[0]) %}
          title="{{ last_seen[d[0]] }}"
      {% elif status[d[0]] == 'offline' %}
@@ -19,11 +26,11 @@
             <div class="card-header">{{ d[1] }}</div>
             <div class="card-body">
                 <span class="fw-bold" style="color: 
-                    {% if d[2] == 0 %}gray
+                    {% if d[5] == 0 %}gray
                     {% elif status[d[0]] == 'online' %}green
                     {% else %}red
                     {% endif %};">
-                    {% if d[2] == 0 %}
+                    {% if d[5] == 0 %}
                         Deaktiviert
                     {% else %}
                         {% if status[d[0]] %}{{ status[d[0]]|capitalize }}{% else %}Unbekannt{% endif %}