{% extends "admin/base_admin.html" %}
{% block page_title %}Messages{% endblock %}

{% block admin_content %}
<div class="admin-card">
  <h2>Messages from Connect Us / Home Contact Form</h2>
  <table class="admin-table">
    <thead><tr><th>From</th><th>Contact</th><th>Subject</th><th>Message</th><th>Status</th><th></th></tr></thead>
    <tbody>
      {% for m in items %}
      <tr>
        <td>{{ m.name }}<br><small style="color:var(--gray)">{{ m.created_at.strftime('%d %b %Y, %I:%M %p') }}</small></td>
        <td>{{ m.email }}{% if m.phone %}<br>{{ m.phone }}{% endif %}</td>
        <td>{{ m.subject }}</td>
        <td style="max-width:280px;">{{ m.message }}</td>
        <td>
          {% if m.is_read %}<span class="badge badge-read">Read</span>{% else %}<span class="badge badge-unread">New</span>{% endif %}
        </td>
        <td style="display:flex; gap:8px;">
          {% if not m.is_read %}
          <form method="POST" action="{{ url_for('admin.mark_read', msg_id=m.id) }}">
            <button class="btn btn-sm btn-outline" type="submit">Mark Read</button>
          </form>
          {% endif %}
          <form method="POST" action="{{ url_for('admin.delete_message', msg_id=m.id) }}" onsubmit="return confirm('Delete this message?')">
            <button class="btn btn-sm btn-danger" type="submit">Delete</button>
          </form>
        </td>
      </tr>
      {% else %}
      <tr><td colspan="6">No messages yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}