{% extends 'layouts/index.html' %}

{% block content %}
        <div class="user-list">
            {% for user_row in users|batch(2) %}
                <div class="user-list-row">
                    {% for user in user_row %}
                        <div class="user-box">
                            <div class="user-box-top">

                    <span class="user-box-username">
                        <a href="{{ url_for('main.view_user', username=user.username) }}">{{ user.name }}</a>
                    </span>
                                {% with seen_text = user.get_last_seen_text() %}
                                    {% if seen_text == 'Online now!' %}
                                        <span class="user-box-timestamp online">{{ seen_text }}</span>
                                    {% else %}
                                        <span class="user-box-timestamp offline">{{ seen_text }}</span>
                                    {% endif %}
                                {% endwith %}
                            </div>
                            <div class="user-box-bottom">
                                <div class="user-box-img">
                                    <img src="{{ url_for('static', filename='default_photo.png') }}"
                                         alt="{{ user.username }}'s Profile Picture">
                                </div>
                                <p class="user-box-minibio">{{ user.display_about() }}</p>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            {% endfor %}
        </div>
{% endblock %}