{% for row in rows %}
<tr class="hover:bg-white/5 transition-colors group">
    <td class="px-6 py-4 whitespace-nowrap text-slate-300 text-sm">
        {{ row.login_at.format("%Y-%m-%d %H:%M:%S") }}
    </td>
    <td class="px-6 py-4 whitespace-nowrap font-medium text-white text-sm">
        {{ row.hostname }}
    </td>
    <td class="px-6 py-4 whitespace-nowrap text-slate-300 text-sm">
        {{ row.username }}
    </td>
    <td class="px-6 py-4 whitespace-nowrap text-slate-300 font-mono text-xs">
        {{ row.ip_address.as_deref().unwrap_or("-") }}
    </td>
    <td class="px-6 py-4 whitespace-nowrap text-slate-400 font-mono text-xs">
        {{ row.mac_address.as_deref().unwrap_or("-") }}
    </td>
</tr>
{% endfor %}

{% if rows.is_empty() %}
<tr>
    <td colspan="5" class="px-6 py-12 text-center text-slate-400">
        <div class="flex flex-col items-center gap-2">
            <svg class="w-8 h-8 text-slate-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                    d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4">
                </path>
            </svg>
            <span>{{ crate::i18n::t("common-no-data", lang) }}</span>
        </div>
    </td>
</tr>
{% endif %}