{% extends 'base.html.twig' %}

{% block title %}Benutzer{% endblock %}

{% block body %}
<div class="page-wrapper">
    {% include 'shared/_page_header.html.twig' with {
        title: 'Benutzer',
        icon: 'fa-users',
        subtitle: 'Verwalten Sie alle Benutzer des Systems',
        primary_url: path('user_new'),
        primary_label: 'Neuer Benutzer'
    } %}

    <div class="table-container">
        <table class="data-table">
            <thead>
                <tr>
                    <th>Benutzer</th>
                    <th>E-Mail</th>
                    <th>Rollen</th>
                    <th>Erstellt am</th>
                    <th>Aktionen</th>
                </tr>
            </thead>
            <tbody>
                {% for user in users %}
                    <tr>
                        <td>
                            <div class="user-cell-table">
                                <div class="user-avatar-table">
                                    {% if user.avatar %}
                                        <img src="{{ asset('uploads/avatars/' ~ user.avatar) }}" alt="{{ user.fullName }}" class="user-avatar-img-table">
                                    {% else %}
                                        <span class="user-avatar-initials">{{ user.firstName|first }}{{ user.lastName|first }}</span>
                                    {% endif %}
                                </div>
                                <div class="user-info-table">
                                    <div class="user-name-table">{{ user.fullName }}</div>
                                </div>
                            </div>
                        </td>
                        <td>{{ user.email }}</td>
                        <td>
                            <div class="role-badges-container">
                                {% for role in user.roles %}
                                    <span class="role-badge">{{ role }}</span>
                                {% endfor %}
                            </div>
                        </td>
                        <td>{{ user.createdAt|date('d.m.Y H:i') }}</td>
                        <td class="table-actions">
                            <a href="{{ path('user_edit', {id: user.id}) }}" class="btn-icon" title="Bearbeiten">
                                <i class="fas fa-edit"></i>
                            </a>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="5" class="table-empty">
                            <i class="fas fa-user-slash"></i>
                            <p>Keine Benutzer gefunden</p>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}