{% extends 'components/card.html' %}
{% load i18n %}
{% load humanize %}
{% block card-header %}
<h2 class="card-header-title has-background-white-ter is-block">
    <a href="{% url 'settings-report' report.id %}">{{ report.user.username }}</a>
</h2>
{% endblock %}

{% block card-content %}
<div class="block">
    {% if report.notes %}{{ report.notes }}{% else %}<em>{% trans "No notes provided" %}</em>{% endif %}
</div>
{% endblock %}

{% block card-footer %}
<div class="card-footer-item">
    <p>{% blocktrans with username=report.reporter.display_name path=report.reporter.local_path %}Reported by <a href="{{ path }}">{{ username }}</a>{% endblocktrans %}</p>
</div>
<div class="card-footer-item">
    {{ report.created_date | naturaltime }}
</div>
<div class="card-footer-item">
    <button class="button">{% trans "Mark as resolved" %}</button>
</div>
{% endblock %}