{% extends 'settings/layout.html' %}
{% load i18n %}
{% load humanize %}

{% block title %}
{% include "settings/reports/report_header.html" with report=report %}
{% endblock %}

{% block header %}
{% include "settings/reports/report_header.html" with report=report %}
<a href="{% url 'settings-reports' %}" class="has-text-weight-normal help">{% trans "Back to reports" %}</a>
{% endblock %}

{% block panel %}

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

<div class="block">
    <details class="details-panel box">
        <summary>
            <span class="title is-4">{% trans "Message reporter" %}</span>
            <span class="details-close icon icon-x" aria-hidden="true"></span>
        </summary>
        <div class="box">
            {% trans "Update on your report:" as dm_template %}
            {% include 'snippets/create_status/status.html' with type="direct" uuid=1 mention=report.reporter prepared_content=dm_template no_script=True %}
        </div>
    </details>
</div>

{% if report.statuses.exists %}
<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 "Status has been deleted" %}</em>
            {% else %}
            {% include 'snippets/status/status.html' with status=status moderation_mode=True %}
            {% endif %}
        </li>
        {% endfor %}
    </ul>
</div>
{% endif %}

{% if report.links.exists %}
<div class="block">
    <h3 class="title is-4">{% trans "Reported links" %}</h3>
    <div class="card block">
        <div class="card-content content">
            <div class="table-container">
                {% include "settings/reports/report_links_table.html" with links=report.links.all %}
            </div>
        </div>
    </div>
</div>
{% endif %}

{% include 'settings/users/user_info.html' with user=report.user %}

{% include 'settings/users/user_moderation_actions.html' with user=report.user %}

<div class="block">
    <h3 class="title is-4">{% trans "Moderator Comments" %}</h3>
    {% for comment in report.reportcomment_set.all %}
    <div class="card block">
        <p class="card-content">{{ comment.note }}</p>
        <div class="card-footer">
            <div class="card-footer-item">
                <a href="{{ comment.user.local_path }}">{{ comment.user.display_name }}</a>
            </div>
            <div class="card-footer-item">
                {{ comment.created_date|naturaltime }}
            </div>
        </div>
    </div>
    {% endfor %}
    <form class="block" name="report-comment" method="post" action="{% url 'settings-report' report.id %}">
        {% csrf_token %}
        <div class="field">
            <label for="report_comment" class="label">Comment on report</label>
            <textarea name="note" id="report_comment" class="textarea"></textarea>
        </div>
        <div class="field">
            <button class="button">{% trans "Comment" %}</button>
        </div>
    </form>
</div>
{% endblock %}
