{% extends 'base.html' %}
{% block title %}User Directory{% endblock %}
{% block content %}
<header class="board-head"><div><p class="eyebrow">REGISTERED USERS</p><h1>User directory</h1><p class="muted">Direct chat is only available while another user is online.</p></div><a class="button secondary" href="{{ url_for('users.edit_profile',user_id=g.user.id) }}">EDIT MY PROFILE</a></header>
<section class="user-grid">{% for user in users %}<article class="user-card"><div class="user-card-identity"><div class="user-avatar{% if not user.profile_photo_filename %} empty{% endif %}">{% if user.profile_photo_filename %}<img src="{{ url_for('users.profile_photo',user_id=user.id) }}" alt="{{ user.username }} profile photo" width="56" height="56">{% else %}<span aria-hidden="true">--</span>{% endif %}</div><div><span class="presence {{ 'online' if user.online else '' }}">{{ 'ONLINE' if user.online else 'OFFLINE' }}</span><h2><a href="{{ url_for('users.profile',user_id=user.id) }}">{{ user.callsign }}</a></h2><p>{{ user.username }}{% if user.is_admin %} / SYSOP{% endif %}</p><small>{{ user.tagline or 'NO TAGLINE RECORDED' }}</small><small class="user-last-seen">LAST SEEN: {% if user.online %}NOW{% elif user.last_seen %}<time datetime="{{ user.last_seen }}" data-local-time>{{ user.last_seen }} UTC</time>{% else %}NEVER{% endif %}</small></div></div><div class="button-row"><a class="button secondary" href="{{ url_for('users.profile',user_id=user.id) }}">{{ 'MY PROFILE' if user.id==g.user.id else 'PROFILE' }}</a>{% if user.online and user.id!=g.user.id %}<a class="button" href="{{ url_for('chat.direct',user_id=user.id) }}">DIRECT CHAT</a>{% endif %}{% if user.id!=g.user.id %}<a class="button secondary" href="{{ url_for('mail.compose',to=user.id) }}">MAIL</a>{% endif %}</div></article>{% else %}<div class="empty-state"><h2>No users found.</h2></div>{% endfor %}</section>
{% endblock %}