{% extends "base.html" %}
{% block title %}admin: report #{{ report.id }} - irc.now{% endblock %}
{% block banner %}{% include "partials/announcement.html" %}{% endblock %}
{% block content %}
<div class="content">
  <h1>report #{{ report.id }}</h1>
  <div class="card">
    <dl>
      <dt>status</dt><dd>{{ report.status }}</dd>
      <dt>type</dt><dd>{{ report.content_type }}</dd>
      <dt>content id</dt><dd>{{ report.content_id }}</dd>
      <dt>url</dt><dd><a href="{{ report.content_url }}" target="_blank" rel="noopener">{{ report.content_url }}</a></dd>
      <dt>reason</dt><dd>{{ report.reason }}</dd>
      <dt>description</dt><dd>{{ report.description }}</dd>
      <dt>reporter email</dt><dd>{{ report.reporter_email }}</dd>
      <dt>created</dt><dd>{{ report.created_at }}</dd>
      {% if !report.resolution.is_empty() %}
      <dt>resolution</dt><dd>{{ report.resolution }}</dd>
      {% endif %}
    </dl>

    {% if report.content_type == "image" %}
    <div style="margin: 1rem 0;">
      <img src="{{ report.content_url }}/raw" style="max-width: 400px; max-height: 300px;" alt="reported image">
    </div>
    {% endif %}

    {% if report.status == "pending" %}
    <div style="margin-top: 1rem; display: flex; gap: 0.5rem; flex-wrap: wrap;">
      <form method="post" action="/admin/reports/{{ report.id }}/action">
        <input type="hidden" name="action" value="dismiss">
        <button type="submit" class="btn-fill">dismiss</button>
      </form>
      <form method="post" action="/admin/reports/{{ report.id }}/action">
        <input type="hidden" name="action" value="hide">
        <button type="submit" class="btn-fill" style="background: var(--amber);">hide content</button>
      </form>
      <form method="post" action="/admin/reports/{{ report.id }}/action">
        <input type="hidden" name="action" value="delete">
        <button type="submit" class="btn-fill" style="background: var(--red);">delete content</button>
      </form>
    </div>
    {% endif %}
  </div>
  <a href="/admin/reports">&larr; back to reports</a>
</div>
{% endblock %}