Display devices and there status

templates/devices.html

@@ -0,0 +1,26 @@
+<div class="relative overflow-x-auto">
+    <table class="lg:w-1/4 sm:w-full text-sm text-left text-gray-500 dark:text-gray-400">
+        <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
+            <tr>
+                <th scope="col" class="px-6 py-3">
+                    Name
+                </th>
+                <th scope="col" class="px-6 py-3">
+                    Status
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for d in devices %}
+            <tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700 cursor-pointer">
+                <th scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
+                    {{d['name']}}
+                </th>
+                <td class="px-6 py-4">
+                    {{d['is_active']}}
+                </td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</div>