{% extends "base_template.html" %}

{% block title %}{{ _('Contact') }}{% endblock %}

{% block content %}
<div class="container section">

  <header class="page-header">
    <h1>{{ _('Contact') }}</h1>
    <p class="text-muted">{{ _('Messages submitted through the contact form.') }}</p>
  </header>

  {# Flash messages #}
  {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
      <div class="admin-flashes">
        {% for category, message in messages %}
          <div class="alert alert-{{ category }}">{{ message }}</div>
        {% endfor %}
      </div>
    {% endif %}
  {% endwith %}

  <table class="table">
    <thead>
      <tr>
        <th>{{ _('From') }}</th>
        <th>{{ _('Subject') }}</th>
        <th>{{ _('Message') }}</th>
        <th>{{ _('Date') }}</th>
        <th>{{ _('Status') }}</th>
        <th>{{ _('Actions') }}</th>
      </tr>
    </thead>
    <tbody>
      {% for m in messages %}
        <tr class="{{ '' if m.read else 'table-active' }}">
          <td>
            <strong>{{ m.name }}</strong>
            <br><span class="text-muted">{{ m.email }}</span>
          </td>
          <td>{{ m.subject or '—' }}</td>
          <td>{{ m.message|truncate(100, true) }}</td>
          <td>{{ m.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
          <td>
            {% if m.read %}
              <span class="badge bg-secondary">{{ _('read') }}</span>
            {% else %}
              <span class="badge bg-warning text-dark">{{ _('unread') }}</span>
            {% endif %}
          </td>
          <td class="contact-actions">
            {% if not m.read %}
              <form method="POST"
                    action="{{ url_for('contact.admin_read', message_id=m.id) }}"
                    class="d-inline">
                <button type="submit" class="btn btn-sm btn-success">
                  {{ _('Mark read') }}
                </button>
              </form>
            {% endif %}
            <form method="POST"
                  action="{{ url_for('contact.admin_delete', message_id=m.id) }}"
                  class="d-inline"
                  onsubmit="return confirm('{{ _('Delete this message?') }}');">
              <button type="submit"
                      class="btn btn-sm btn-danger"
                      title="{{ _('Delete') }}"
                      aria-label="{{ _('Delete') }}">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                     viewBox="0 0 24 24" fill="none" stroke="currentColor"
                     stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                     aria-hidden="true">
                  <line x1="18" y1="6" x2="6" y2="18"></line>
                  <line x1="6" y1="6" x2="18" y2="18"></line>
                </svg>
              </button>
            </form>
          </td>
        </tr>
      {% else %}
        <tr>
          <td colspan="6" class="text-muted text-center">
            {{ _('No messages yet.') }}
          </td>
        </tr>
      {% endfor %}
    </tbody>
  </table>

</div>
{% endblock %}