{% 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 %}