{% extends 'platform_admin/base.html' %}

{% block title %}{{ page_title }}{% endblock %}

{% block dash_content %}
<div class="page-heading">
  <h1>{{ page_title }}</h1>
  <p>{{ page_subtitle }} · {{ msg.email }}{% if msg.phone %} · {{ msg.phone }}{% endif %}</p>
</div>

<div style="margin-bottom:16px;">
  <a href="{% url 'platform_admin:messages' %}" class="btn btn-outline btn-sm"><i class="fas fa-arrow-left"></i> Back to inbox</a>
</div>

<div class="panel" style="max-width:720px;">
  <div style="display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;font-size:0.84rem;">
    <span class="badge-seeker">{{ msg.get_sender_role_display }}</span>
    <span class="badge-published">{{ msg.get_subject_display }}</span>
    <span style="color:var(--text-muted);">{{ msg.created_at|date:"F j, Y · H:i" }}</span>
  </div>
  <div style="font-size:0.92rem;line-height:1.7;white-space:pre-wrap;">{{ msg.message }}</div>
</div>

<form method="post" class="panel" style="max-width:720px;margin-top:22px;">
  {% csrf_token %}
  <div class="form-group">
    <label><input type="checkbox" name="is_read"{% if msg.is_read %} checked{% endif %}> Mark as read</label>
  </div>
  <button type="submit" class="btn btn-primary btn-sm"><i class="fas fa-save"></i> Update</button>
</form>
{% endblock %}