2 files changed, 48 insertions, 26 deletions
diff --git a/jimbrella/templates/admin/index.html b/jimbrella/templates/admin/index.html
new file mode 100644
index 0000000..7a62a14
--- /dev/null
+++ b/jimbrella/templates/admin/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>JI Umbrella</title>
+        <link rel="stylesheet" href="static/jimbrella.css" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+    </head>
+    <body>
+        <h1>JI Umbrella Overview</h1>
+        <div id="container">
+            <!--Takes up full width of container-->
+            <div class="banner-container">
+                {% if overdue %}
+                    <div class="banner overdue">
+                        <h2 class="banner-heading">Overdue</h2>
+                        <table>
+                            <tr>
+                                <td>#</td>
+                                <td>Tenant</td>
+                                <td>Phone</td>
+                                <td>Lent</td>
+                            </tr>
+                        {% for umb in overdue %}
+                            <tr>
+                                <td>{{ umb.serial }}</td>
+                                <td>{{ umb.tenant_name }}</td>
+                                <td>{{ umb.tenant_phone }}</td>
+                                <td>{{ umb.lent_time_ago_str }} ago</td>
+                            </tr>
+                        {% endfor %}
+                        </table>
+                    </div>
+                {% endif %}
+            </div>
+            <!--Tiles displaying minimal data-->
+            <div class="tile-container">
+                <div class="tile lent">
+                    <h2 class="tile-heading">Lent</h2>
+                    <strong class="big">{{ lent|length }}</strong> / {{ umbrellas|length }}
+                </div>
+                <div class="tile available">
+                    <h2 class="tile-heading">Available</h2>
+                    <strong class="big">{{ available|length }}</strong> / {{ umbrellas|length }}
+                </div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/jimbrella/templates/index.html b/jimbrella/templates/index.html
deleted file mode 100644
index 00036fc..0000000
--- a/jimbrella/templates/index.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>JI Umbrella</title>
-        <link rel="stylesheet" href="static/jimbrella.css" />
-    </head>
-    <body>
-        <div id="container">
-            <h1>JI Umbrella Overview</h1>
-            <table class="overview">
-                <tr>
-                    <td>Total</td>
-                    <td>Available</td>
-                    <td>Lent</td>
-                    <td>Overdue</td>
-                </tr>
-                <tr>
-                    <td>{{ total }}</td>
-                    <td>{{ available }}</td>
-                    <td>{{ lent }}</td>
-                    <td>{{ overdue }}</td>
-                </tr>
-            </table>
-        </div>
-    </body>
-</html>