{% extends "base.html" %}
{% from "macros/icons.html" import icon_user, icon_email, icon_users, icon_tag %}

{% block title %}Admin - {{ network_name }}{% endblock %}

{% block content %}
<div class="flex items-center justify-between mb-4">
    <div>
        <h1 class="text-3xl font-bold">Admin</h1>
        <div class="text-sm breadcrumbs">
            <ul>
                <li><a href="/">Home</a></li>
                <li>Admin</li>
            </ul>
        </div>
    </div>
    <a href="/oauth2/sign_out" class="btn btn-outline btn-sm">Sign Out</a>
</div>

<!-- Authenticated User Info -->
<div class="flex flex-wrap items-center gap-4 text-sm opacity-70 mb-6">
    {% if auth_username or auth_user %}
    <span class="flex items-center gap-1.5">
        {{ icon_user("h-4 w-4") }}
        {{ auth_username or auth_user }}
    </span>
    {% endif %}
    {% if auth_email %}
    <span class="flex items-center gap-1.5">
        {{ icon_email("h-4 w-4") }}
        {{ auth_email }}
    </span>
    {% endif %}
</div>

<!-- Navigation Cards -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
    <a href="/a/members" class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow">
        <div class="card-body">
            <h2 class="card-title">
                {{ icon_users("h-6 w-6") }}
                Members
            </h2>
            <p>Manage network members and operators.</p>
        </div>
    </a>
    <a href="/a/node-tags" class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow">
        <div class="card-body">
            <h2 class="card-title">
                {{ icon_tag("h-6 w-6") }}
                Node Tags
            </h2>
            <p>Manage custom tags and metadata for network nodes.</p>
        </div>
    </a>
</div>
{% endblock %}