{% extends '@mio/user/master.twig' %}
{% from '@mio/macros.twig' import navigation %}

{% set title = 'Profile of ' ~ profile.username %}

{% block content %}
    {{ navigation(mio_navigation, false, true) }}

    <div class="mio__profile">
        <div class="mio__container mio__profile__header">
            <div class="mio__container__title">Profile of {{ profile.username }}</div>
            <div class="mio__container__content mio__profile__header__content">
                <div class="mio__profile__info">
                    <div class="mio__profile__info__section">
                    <div class="mio__profile__info__block">
                        <div class="mio__profile__info__row">
                            <div class="mio__profile__info__column mio__profile__info__column--icons">
                                <img class="mio__profile__icon" src="https://static.flash.moe/flags/fff/{{ profile.user_country|lower }}.png" alt="{{ profile.user_country }}">
                            </div>
                            <div class="mio__profile__info__column mio__profile__info__column--country">
                                {{ profile.user_country|country_name }}
                            </div>
                        </div>
                    </div>

                        <div class="mio__profile__info__block">
                            <div class="mio__profile__info__row" title="{{ profile.created_at.format('r') }}">
                                <div class="mio__profile__info__column mio__profile__info__column--heading">
                                    Joined
                                </div>
                                <div class="mio__profile__info__column">
                                    {{ profile.created_at.diffForHumans }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mio__avatar mio__profile__avatar" style="background-image:url('https://secret.flashii.net/avatar-serve.php?id={{ profile.user_id }}');"></div>
            </div>
        </div>
    </div>
{% endblock %}