<%- include("../partials/header", { path, title: "Users"}) %>
<div class="text-center flex flex-col justify-center items-center px-4 py-16">
    <div class="w-full">
        <div class="flex flex-row w-full">
            <div>
                <h1 class="text-4xl font-bold">Users</h1>
                <p class="text-gray-500">List of users</p>
                <table class="mx-4 text-center border border-gray-500 bg-gray-800 shadow-md text-xl w-full">
                    <tr>
                        <thead class="bg-gray-700">
                        <th class="w-1/3 border border-gray-600 font-semibold p-4 text-xl">User</th>
                        <th class="w-2/3 border border-gray-600 font-semibold p-4 text-xl">Balance</th>
                        </thead>
                    </tr>
                    <%users.forEach(row => { %>
                        <tr>
                            <td class="border border-gray-500 p-4 text-gray-200 text-xl"><%= row.name.replace('"', '').replace('"', '') %></td>
                            <td class="border border-gray-500 p-4 text-gray-200 text-xl"><%= row.balance %></td>
                        </tr>
                    <% }) %>

                </table>
            </div>
        </div>
    </div>

</div>

<%- include("../partials/footer") %>