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

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

{% block dash_content %}
{% include 'platform_admin/partials/page_header.html' %}

<form method="get" class="filter-bar">
  <div class="search-inp">
    <i class="fas fa-search"></i>
    <input type="search" name="q" value="{{ request.GET.q }}" placeholder="Search messages…">
  </div>
  <select name="read" onchange="this.form.submit()">
    <option value="">All</option>
    <option value="0"{% if read_filter == '0' %} selected{% endif %}>Unread</option>
    <option value="1"{% if read_filter == '1' %} selected{% endif %}>Read</option>
  </select>
  <button type="submit" class="btn btn-primary btn-sm">Filter</button>
</form>

<div class="panel table-panel">
  <table class="data-table">
    <thead>
      <tr><th>From</th><th>Subject</th><th>Status</th><th>Date</th><th></th></tr>
    </thead>
    <tbody>
      {% for msg in page_obj %}
      <tr>
        <td>
          <div class="candidate-name">{{ msg.full_name }}</div>
          <div class="candidate-role">{{ msg.email }}</div>
        </td>
        <td>{{ msg.get_subject_display }}</td>
        <td>{% if msg.is_read %}<span class="badge-approved">Read</span>{% else %}<span class="badge-pending">New</span>{% endif %}</td>
        <td>{{ msg.created_at|date:"M j, Y" }}</td>
        <td><a href="{% url 'platform_admin:message_detail' pk=msg.pk %}" class="ra-view"><i class="fas fa-envelope-open"></i></a></td>
      </tr>
      {% empty %}
      <tr><td colspan="5" style="text-align:center;padding:32px;color:var(--text-muted);">No messages found.</td></tr>
      {% endfor %}
    </tbody>
  </table>
  {% include 'platform_admin/partials/pagination.html' %}
</div>
{% endblock %}