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

{% block title %}Admin - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">Administration</h1>
        <p class="page-subtitle">System management and configuration</p>
    </div>
</div>

<div class="stats-grid mb-lg">
    <div class="stat-card">
        <div class="stat-value">{{ stats.organizations or 0 }}</div>
        <div class="stat-label">Organizations</div>
    </div>
    <div class="stat-card">
        <div class="stat-value">{{ stats.users or 0 }}</div>
        <div class="stat-label">Active Users</div>
    </div>
    <div class="stat-card">
        <div class="stat-value">{{ stats.orders_today or 0 }}</div>
        <div class="stat-label">TRFs Today</div>
    </div>
    <div class="stat-card">
        <div class="stat-value">{{ stats.pending_releases or 0 }}</div>
        <div class="stat-label">Pending Releases</div>
    </div>
</div>

<div class="flex gap-lg">
    <div class="card" style="flex: 1;">
        <div class="card-header">
            <h2 class="card-title">Quick Links</h2>
        </div>
        <div class="flex flex-col gap-sm">
            <a href="/admin/organizations" class="btn btn-secondary">Manage Organizations</a>
            <a href="/admin/sites" class="btn btn-secondary">Manage Sites</a>
            <a href="/admin/users" class="btn btn-secondary">Manage Users</a>
            <a href="/admin/groups" class="btn btn-secondary">System Groups</a>
            <a href="/admin/audit" class="btn btn-secondary">Audit Log</a>
            <a href="/admin/test-definitions" class="btn btn-secondary">Test Configuration</a>
            <hr style="border: none; border-top: 1px solid var(--border-color); margin: 0.5rem 0;">
            <a href="/tapdb" class="btn btn-ghost">TapDB GUI</a>
            <a href="{{ lims_ui_url }}" class="btn btn-ghost" target="_blank">LIMS ↗</a>
        </div>
    </div>
    
    <div class="card" style="flex: 2;">
        <div class="card-header">
            <h2 class="card-title">Recent Activity</h2>
        </div>
        {% if recent_activity %}
        <div class="table-container">
            <table class="table">
                <thead>
                    <tr>
                        <th>Action</th>
                        <th>User</th>
                        <th>Entity</th>
                        <th>Time</th>
                    </tr>
                </thead>
                <tbody>
                    {% for activity in recent_activity %}
                    <tr>
                        <td>{{ activity.action }}</td>
                        <td>{{ activity.user_email }}</td>
                        <td class="text-mono text-sm">{{ activity.entity_type }}:{{ activity.entity_id[:8] }}</td>
                        <td class="text-muted text-sm">{{ activity.created_at | format_dt(user_preferences) }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% else %}
        <div class="empty-state">
            <p class="text-muted">No recent activity</p>
        </div>
        {% endif %}
    </div>
</div>

<div class="flex gap-lg mt-lg">
    <div class="card" style="flex: 1;">
        <div class="card-header">
            <h2 class="card-title">System Interfaces</h2>
        </div>
        <div class="flex flex-col gap-sm">
            {% for link in interface_links %}
            <a href="{{ link.url }}" class="btn btn-secondary" {% if link.external %}target="_blank"{% endif %}>
                {{ link.label }}{% if link.external %} ↗{% endif %}
            </a>
            {% endfor %}
        </div>
    </div>

    <div class="card" style="flex: 2;">
        <div class="card-header">
            <h2 class="card-title">Library Dependencies</h2>
        </div>
        <div class="table-container">
            <table class="table">
                <thead>
                    <tr>
                        <th>Package</th>
                        <th>Description</th>
                        <th>Version</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    {% for dep in dependency_info %}
                    <tr>
                        <td class="text-mono text-sm">{{ dep.package }}</td>
                        <td>{{ dep.description }}</td>
                        <td class="text-mono text-sm">{{ dep.version }}</td>
                        <td>{{ dep.status }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        <hr style="border: none; border-top: 1px solid var(--border-color); margin: 0.75rem 0;">
        <div class="grid grid-2">
            <div>
                <div class="text-sm text-muted">TapDB Env</div>
                <div class="text-mono text-sm">{{ tapdb_runtime.env or "-" }}</div>
            </div>
            <div>
                <div class="text-sm text-muted">TapDB DB Name</div>
                <div class="text-mono text-sm">{{ tapdb_runtime.database_name or "-" }}</div>
            </div>
            <div>
                <div class="text-sm text-muted">TapDB Client ID</div>
                <div class="text-mono text-sm">{{ tapdb_runtime.client_id or "-" }}</div>
            </div>
            <div>
                <div class="text-sm text-muted">TapDB Config Path</div>
                <div class="text-mono text-sm">{{ tapdb_runtime.config_path or "-" }}</div>
            </div>
        </div>
    </div>
</div>
{% endblock %}