{% extends "online/base.html" %}
{% block title %}Reporte {{ report.id }}{% endblock %}
{% block content %}
<p><a href="{{ url_for('online_reports') }}">Volver a mis reportes</a></p>
<article class="server-card">
  <p class="eyebrow">EXPEDIENTE #{{ report.id }}</p>
  <h1>{{ report.subject }}</h1>
  <dl class="definition-list">
    <dt>Estado</dt><dd>{{ report.status }}</dd>
    <dt>Categoría</dt><dd>{{ REPORT_CATEGORIES.get(report.category, report.category) }}</dd>
    <dt>Prioridad</dt><dd>{{ report.priority }}</dd>
    <dt>Universo</dt><dd>{{ report.game_name or "No indicado" }}</dd>
    <dt>Jugador señalado</dt><dd>{{ report.target_username or "Ninguno" }}</dd>
    <dt>Descripción</dt><dd>{{ report.description }}</dd>
    <dt>Evidencias</dt><dd>{{ report.evidence or "No se adjuntaron referencias." }}</dd>
    <dt>Respuesta pública</dt><dd>{{ report.public_response or "El equipo todavía no ha respondido." }}</dd>
  </dl>
</article>
<section aria-labelledby="messages-title">
  <h2 id="messages-title">Conversación</h2>
  {% for message in report_messages %}<article class="server-card"><h3>{{ message.username or "Equipo" }}</h3><p>{{ message.body }}</p><small>{{ message.created_at|date_label }}</small></article>{% else %}<p>No hay mensajes.</p>{% endfor %}
  <form method="post" class="server-form server-card">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <label for="body">Añadir información o apelar una resolución</label>
    <textarea id="body" name="body" maxlength="3000" required></textarea>
    <button class="button button-primary" type="submit">Enviar mensaje</button>
  </form>
</section>
{% endblock %}