sorted code

index.html

@@ -16,21 +16,23 @@
             <div class="metric-card">
                 <h2>Network Overview</h2>
                 <div id="network-health">
-                    {% for device in devices %}
-                    <div class="device-status" data-device-id="{{ device.device_id }}">
+                    {%- for device in devices %}
+                    <div class="device-status" data-device-name="{{ device.name }}">
                         <span class="status-indicator"></span>
                         <div class="device-info">
                             <span class="device-name">{{ device.name }}</span>
                             <span class="device-details">{{ device.ip }}</span>
                             <span class="device-type">{{ device.type }} ({{ device.connection_type }})</span>
+                            {% if device.critical %}
+                            <span class="critical-badge">Critical</span>
+                            {% endif %}
                         </div>
                     </div>
-                    {% endfor %}
+                    {%- endfor %}
                 </div>
             </div>
         </div>
-
     </div>
     <script src="{{ url_for('static', filename='app.js') }}"></script>
 </body>
-</html>
+</html></html>