<section class="flex flex-col gap-4">

    {% include 'lib/alert.twig' %}

    <h3 class="text-2xl font-semibold">
        Users
    </h3>

    <table class="min-w-full">
        <thead>
            <tr>
                <th class="py-2">
                    User ID
                </th>
                <th class="py-2">
                    Name
                </th>
                <th class="py-2">
                    Email
                </th>
                <th class="py-2">
                    Verified
                </th>
                <th class="py-2">
                    Action
                </th>
            </tr>
        </thead>
        <tbody>
            {% if users %}
                {% for user in users %}
                    <tr>
                        <td class="border px-4 py-2">
                            {{ user.id }}
                        </td>
                        <td class="border px-4 py-2">
                            {{ user.name }}
                        </td>
                        <td class="border px-4 py-2">
                            {{ user.email }}
                        </td>
                        <td class="border px-4 py-2">
                            {{ user.verified ? 'Yes' : 'No' }}
                        </td>
                        <td class="border px-4 py-2">
                            <a href="/admin/users/edit/{{ user.id }}">
                                Edit
                            </a>
                        </td>
                    </tr>
                {% endfor %}
            {% else %}
                <tr>
                    <td class="border px-4 py-2" colspan="5">
                        No users found.
                    </td>
                </tr>
            {% endif %}
        </tbody>
    </table>
</section>
