{% spaceless %}

{% load bookwyrm_tags %}
{% load i18n %}

{% with status_type=status.status_type %}
<div
    class="block"
    {% firstof "reviewBody" as body_prop %}
    {% firstof 'itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating"' as rating_type %}

    itemprop="rating"
    itemtype="https://schema.org/Rating"
>

    <div class="columns">
    {% if not hide_book %}
    {% with book=status.book|default:status.mention_books.first %}
    <div class="column is-narrow">
        <div>
            <a href="{{ book.local_path }}">{% include 'snippets/book_cover.html' with book=book %}</a>
            {% include 'snippets/stars.html' with rating=book|rating:request.user %}
            {% include 'snippets/shelve_button/shelve_button.html' with book=book %}
        </div>
    </div>
    {% endwith %}
    {% endif %}

    <article class="column">
        {% if status_type == 'Review' %}
        <header class="mb-2">
            <h3
                class="title is-5 has-subtitle"
                dir="auto"
                itemprop="name"
            >
                {{ status.name|escape }}
            </h3>

            <h4 class="subtitle is-6">
                <span
                    class="is-hidden"
                    {{ rating_type }}
                >
                    <meta itemprop="ratingValue" content="{{ status.rating|floatformat }}">

                    {# @todo Is it possible to not hard-code the value? #}
                    <meta itemprop="bestRating" content="5">
                </span>
                {% include 'snippets/stars.html' with rating=status.rating %}
            </h4>
        </header>
        {% endif %}

        {% if status.content_warning %}
            <div>
                <p>{{ status.content_warning }}</p>

                {% trans "Show more" as button_text %}

                {% with text=button_text class="is-small" controls_text="show-status-cw" controls_uid=status.id %}
                    {% include 'snippets/toggle/open_button.html' %}
                {% endwith %}
            </div>
        {% endif %}

        <div
            {% if status.content_warning %}
                id="show-status-cw-{{ status.id }}"
                class="is-hidden"
            {% endif %}
        >
            {% if status.content_warning %}
                {% trans "Show less" as button_text %}

                {% with text=button_text class="is-small" controls_text="show-status-cw" controls_uid=status.id %}
                    {% include 'snippets/toggle/close_button.html' %}
                {% endwith %}
            {% endif %}

            {% if status.quote %}
                <div class="quote block">
                    <blockquote dir="auto" class="content mb-2">{{ status.quote | safe }}</blockquote>

                    <p> &mdash; {% include 'snippets/book_titleby.html' with book=status.book %}</p>
                </div>
            {% endif %}

            {% if status.content and status_type != 'GeneratedNote' and status_type != 'Announce' %}
                {% with full=status.content|safe no_trim=status.content_warning itemprop=body_prop %}
                    {% include 'snippets/trimmed_text.html' %}
                {% endwith %}
            {% endif %}

            {% if status.attachments.exists %}
                <div class="block">
                    <div class="columns">
                        {% for attachment in status.attachments.all %}
                            <div class="column is-narrow">
                                <figure class="image is-128x128">
                                    <a
                                        href="/images/{{ attachment.image }}"
                                        target="_blank"
                                        aria-label="{% trans 'Open image in new window' %}"
                                    >
                                        <img
                                            src="/images/{{ attachment.image }}"

                                            {% if attachment.caption %}
                                                alt="{{ attachment.caption }}"
                                                title="{{ attachment.caption }}"
                                            {% endif %}
                                        >
                                    </a>
                                </figure>
                            </div>
                        {% endfor %}
                    </div>
                </div>
            {% endif %}
        </div>
    </article>
</div>

{% endwith %}
{% endspaceless %}