{% extends 'master.twig' %}
{% from 'macros.twig' import news_post %}

{% block content %}
    <div class="content">
        <div class="content--right" id="indexPanel">
            {% if user.isActive %}
                <div class="user" style="background-image: url({{ route('user.header', user.id) }});">
                    <div class="avatar avatar--border user__avatar" style="background-image: url({{ route('user.avatar', user.id) }}); box-shadow: 0 0 5px {{ user.colour }};">
                        <a href="{{ route('user.profile', user.id) }}" class="user__avatar-link"></a>
                    </div>
                    <div class="user__info">
                        <a href="{{ route('user.profile', user.id) }}" class="link link--clean user__link">
                            <h1 style="color: {{ user.colour }}; text-shadow: 0 0 7px {% if user.colour != 'inherit' %}{{ user.colour }}{% else %}#222{% endif %};">{{ user.username }}</h1>
                        </a>
                        {% set friendRequests = user.friends(-1, true)|length %}
                        {% if friendRequests %}
                            <a href="{{ route('settings.friends.requests') }}" title="Pending friend requests">{{ friendRequests }} new friend requests</a>
                        {% endif %}
                    </div>
                </div>
            {% endif %}
            <div class="content__header content__header--alt">Stats</div>
            We have <b>{{ userCount }} user{% if userCount != 1 %}s{% endif %}</b>,
            <b><a href="{{ route('user.profile', newestUser.id) }}" style="color: {{ newestUser.colour }};">{{ newestUser.username }}</a></b> is the newest user,
            it has been <b>{{ lastRegDate }} day{{ lastRegDate == 1 ? '' : 's' }}</b> since the last user registered and the forum has <b>{{ topicCount }} topic{% if topicCount != 1 %}s{% endif %}</b> and <b>{{ postCount }} post{% if postCount != 1 %}s{% endif %}</b>.
            <div class="content__header content__header--alt">Online Users</div>
            {% if onlineUsers %}
                All active users in the past 2 minutes
                <table class="sidepanel-table">
                    {% for amount, onlineUser in onlineUsers %}
                    <tr>
                        <td class="sidepanel-table__column sidepanel-table__column--align-left">
                            <a href="{{ route('user.profile', onlineUser.id) }}" style="font-weight: bold; color: {{ onlineUser.colour }};">
                                {{ onlineUser.username }}
                            </a>
                        </td>
                        <td class="sidepanel-table__column sidepanel-table__column--align-right">
                            <time class="time-ago" datetime="{{ onlineUser.lastOnline|date('r') }}">
                                {{ onlineUser.lastOnline|date(config('general.date_format')) }}
                            </time>
                        </td>
                    </tr>
                    {% endfor %}
                </table>
            {% else %}
                There were no online users in the past 2 minutes.
            {% endif %}
        </div>
        <div class="content--left">
            <div class="content__header">News</div>
            {% for post in news %}
                {{ news_post(post, true, true, true) }}
            {% endfor %}
        </div>
        <div class="clear"></div>
    </div>
{% endblock %}