{% extends 'settings/admin_layout.html' %}
{% load i18n %}

{% block title %}{% blocktrans with report_id=report.id %}Report #{{ report_id }}{% endblocktrans %}{% endblock %}
{% block header %}{% blocktrans with report_id=report.id %}Report #{{ report_id }}{% endblocktrans %}{% endblock %}

{% block panel %}
<div class="block">
    <a href="{% url 'settings-reports' %}">{% trans "Back to reports" %}</a>
</div>

<div class="block">
    {% include 'moderation/report_preview.html' with report=report %}
</div>

<div class="block content">
    <h3>{% trans "Actions" %}</h3>
    <p><a href="{{ report.user.local_path }}">{% trans "View user profile" %}</a></p>
    <div class="is-flex">
        <p class="mr-1">
            <a class="button" href="{% url 'direct-messages-user' report.user.username %}">{% trans "Send direct message" %}</a>
        </p>
        <form name="deactivate" method="post" action="{% url 'settings-report-deactivate' report.id  %}">
            {% csrf_token %}
            {% if report.user.is_active %}
            <button type="submit" class="button is-danger is-light">{% trans "Deactivate user" %}</button>
            {% else %}
            <button class="button">{% trans "Reactivate user" %}</button>
            {% endif %}
        </form>
    </div>

    {% for comment in report.reportcomment_set.all %}
    <div class="block">
        {{ comment }}
    </div>
    {% endfor %}
    <form>
        <label for="report_comment" class="label">Comment on report</label>
        <textarea name="comment" id="report_comment" class="textarea"></textarea>
        <button class="button">{% trans "Comment" %}</button>
    </forM=m>
</div>

<div class="block">
    <h3 class="title is-4">{% trans "Reported statuses" %}</h3>
    <ul>
        {% for status in report.statuses.select_subclasses.all %}
        <li>
            {% if status.deleted %}
            <em>{% trans "Statuses has been deleted" %}</em>
            {% else %}
            {% include 'snippets/status/status.html' with status=status moderation_mode=True %}
            {% endif %}
        </li>
        {% endfor %}
    </ul>
</div>
{% endblock %}