{% load utilities %}
{% load status_display %}
{% load i18n %}
{% load humanize %}

<div class="media">
    <figure class="media-left" aria-hidden="true">
        <a class="image is-48x48" href="{{ status.user.local_path }}">
            {% include 'snippets/avatar.html' with user=status.user ariaHide="true" medium="true" %}
        </a>
    </figure>

    <div class="media-content">
        <h3 class="has-text-weight-bold">
            <span
                itemprop="author"
                itemscope
                itemtype="https://schema.org/Person"
            >
                {% if status.user.avatar %}
                    <meta itemprop="image" content="/images/{{ status.user.avatar }}">
                {% endif %}

                <a
                    href="{{ status.user.local_path }}"
                    itemprop="url"
                >
                    <span itemprop="name">{{ status.user.display_name }}</span>
                </a>
            </span>

            {% include "snippets/status/header_content.html" %}
        </h3>
        <div class="breadcrumb has-dot-separator is-small">
            <ul class="is-flex is-align-items-center">
                <li>
                    <a href="{{ status.remote_id }}{% if status.user.local %}#anchor-{{ status.id }}{% endif %}">
                        {{ status.published_date|published_date }}
                    </a>
                </li>

                {% if status.edited_date %}
                <li>
                    <span>
                    {% blocktrans with date=status.edited_date|published_date %}edited {{ date }}{% endblocktrans %}
                    </span>
                </li>
                {% endif %}

                {% if status.progress %}
                <li class="ml-1">
                    <span>
                        {% if status.progress_mode == 'PG' %}
                            {% include 'snippets/page_text.html' with page=status.progress total_pages=status.book.pages %}
                        {% else %}
                            {{ status.progress }}%
                        {% endif %}
                    </span>
                </li>
                {% endif %}

                <li>
                {% include 'snippets/privacy-icons.html' with item=status %}
                </li>
            </ul>
        </div>
    </div>
</div>