1 files changed, 50 insertions, 0 deletions

diff --git a/templates/instances/list.html b/templates/instances/list.html
new file mode 100644
index 0000000..b8b2337
--- /dev/null
+++ b/templates/instances/list.html
@@ -0,0 +1,50 @@
+{% extends "base.html" %}
+{% block content %}
+<div class="page-header">
+    <h1>Server Instances</h1>
+    <a href="/instances/new" class="btn">Create Instance</a>
+</div>
+
+{% if instances.is_empty() %}
+    <div class="card card-muted">
+        <p>No instances yet. Create one to get started.</p>
+    </div>
+{% else %}
+    <div class="instance-grid">
+    {% for inst in instances %}
+        <div class="card {% if inst.is_active %}card-active{% endif %}">
+            {% if inst.is_active %}
+            <div class="active-badge">ACTIVE</div>
+            {% endif %}
+            <h3>{{ inst.name }}</h3>
+            <div class="meta">
+                <span>{{ inst.version }}</span>
+                <span class="tag">{{ inst.server_type }}</span>
+                {% if inst.has_modpack %}
+                <span class="tag">Modded</span>
+                {% endif %}
+            </div>
+            <div class="actions">
+                {% if !inst.is_active %}
+                <form action="/instances/{{ inst.id }}/activate" method="post" style="display:inline">
+                    <button type="submit" class="btn-ok">Activate</button>
+                </form>
+                {% else %}
+                <form action="/instances/deactivate" method="post" style="display:inline">
+                    <button type="submit" class="btn-danger">Deactivate</button>
+                </form>
+                {% endif %}
+                <a href="/instances/{{ inst.id }}/edit" class="btn">Edit</a>
+                <a href="/instances/{{ inst.id }}/backups" class="btn">Backups</a>
+                {% if !inst.is_active %}
+                <form action="/instances/{{ inst.id }}/delete" method="post" style="display:inline"
+                      onsubmit="return confirm('Delete instance {{ inst.name }}? This cannot be undone.')">
+                    <button type="submit" class="btn-danger">Delete</button>
+                </form>
+                {% endif %}
+            </div>
+        </div>
+    {% endfor %}
+    </div>
+{% endif %}
+{% endblock %}