users.html

{% extends 'main.html' %}

{% block crud_container %}
    {% if user %}
        <article class="card container-fluid">
            <br>
            <!-- Display properties of a single user -->
            <h3>ID: {{ user.id }}</h3>
            <p>Name: {{ user.username }}</p>
            <p>Age: {{ user.age }}</p>
        </article>
    {% else %}
        <section class="container-fluid">
            <h2 align="center">Users</h2>
            <br>
            <div class="card">
                <ul class="list-group list-group-flush">
                    <!-- Loop through users_list and display each user -->
                    {% for user in users_list %}
                        <li class="list-group-item">
                            <a href="/user/{{ user.id }}">{{ user.id }}. {{ user.username }}</a>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        </section>
    {% endif %}
{% endblock %}