{% extends "base.html" %}
{% block title %}Users — Willhaben Tracker{% endblock %}
{% block title_in_topbar %}Registered Users{% endblock %}

{% block content %}
{% if not error and users %}
<div class="table-container">
    <table>
        <thead>
            <tr>
                <th>User</th>
                <th>Status</th>
                <th>Role</th>
                <th>Mute Schedule</th>
                <th>Delivery Mode</th>
            </tr>
        </thead>
        <tbody>
            {% for user in users %}
            <tr>
                <td>
                    <div style="font-weight: 600;">{{ user.first_name or 'Unknown User' }}</div>
                    <div style="font-size: 13px; color: var(--text-muted); margin-top: 4px;">
                        {% if user.username %}@{{ user.username }} • {% endif %}{{ user.telegram_id }}
                    </div>
                </td>
                <td>
                    {% if user.is_active %}
                    <span class="badge badge-green"><i class="ph-fill ph-check-circle" style="margin-right: 4px;"></i> Active</span>
                    {% else %}
                    <span class="badge badge-red"><i class="ph-fill ph-x-circle" style="margin-right: 4px;"></i> Banned</span>
                    {% endif %}
                </td>
                <td>
                    {% if user.is_admin %}
                    <span class="badge badge-yellow"><i class="ph-fill ph-shield-star" style="margin-right: 4px;"></i> Admin</span>
                    {% else %}
                    <span class="badge badge-neutral"><i class="ph-fill ph-user" style="margin-right: 4px;"></i> User</span>
                    {% endif %}
                </td>
                <td>
                    {% if user.mute_start and user.mute_end %}
                    <div style="display: flex; align-items: center; gap: 6px;">
                        <i class="ph ph-moon" style="color: var(--text-muted);"></i>
                        <span>{{ user.mute_start.strftime('%H:%M') }} — {{ user.mute_end.strftime('%H:%M') }}</span>
                    </div>
                    {% else %}
                    <span style="color: var(--text-muted);">None</span>
                    {% endif %}
                </td>
                <td>
                    {% if user.digest_mode %}
                    <div style="display: flex; align-items: center; gap: 6px;">
                        <i class="ph-fill ph-envelope-simple" style="color: var(--success-text);"></i>
                        <span>Digest every {{ user.digest_interval }}m</span>
                    </div>
                    {% else %}
                    <div style="display: flex; align-items: center; gap: 6px;">
                        <i class="ph-fill ph-lightning" style="color: var(--brand-primary);"></i>
                        <span>Immediate</span>
                    </div>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% elif not error %}
<div class="empty-state">
    <i class="ph ph-users"></i>
    <p>No users found in the database.</p>
</div>
{% endif %}
{% endblock %}