{% extends "base.html" %}
{% set active_nav = "admin" %}

{% block title %}System Groups - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <a href="/admin" class="text-sm text-muted">&larr; Back to Admin</a>
        <h1 class="page-title">System Groups</h1>
        <p class="page-subtitle">Manage system group memberships</p>
    </div>
</div>

<div class="card">
    <table class="data-table">
        <thead>
            <tr>
                <th>Group Code</th>
                <th>Name</th>
                <th>Description</th>
                <th>Access Scope</th>
                <th>Members</th>
                <th>Status</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% if groups %}
                {% for group in groups %}
                <tr>
                    <td class="text-mono">{{ group.group_code }}</td>
                    <td>{{ group.name }}</td>
                    <td class="text-muted text-sm">{{ group.description or '—' }}</td>
                    <td><span class="badge badge-info">{{ group.access_scope }}</span></td>
                    <td>{{ group.member_count }}</td>
                    <td>
                        {% if group.is_active %}
                        <span class="badge badge-success">Active</span>
                        {% else %}
                        <span class="badge badge-danger">Inactive</span>
                        {% endif %}
                    </td>
                    <td>
                        <a href="/admin/groups/{{ group.group_code }}" class="btn btn-sm btn-secondary">Manage</a>
                    </td>
                </tr>
                {% endfor %}
            {% else %}
                <tr>
                    <td colspan="7" class="text-center text-muted">No system groups found. Run database seed to create them.</td>
                </tr>
            {% endif %}
        </tbody>
    </table>
</div>
{% endblock %}