{% for m in messages %}
<tr>
  <td class="text-xs text-base-content/60 whitespace-nowrap">
    {% if m.received_at %}
    <time datetime="{{ m.received_at.strftime('%Y-%m-%dT%H:%M:%SZ') }}" class="local-time">
      {{ m.received_at.strftime('%m/%d %H:%M') }}
    </time>
    {% else %}—{% endif %}
  </td>
  <td>
    <div class="flex items-center gap-2">
      <div>
        <div class="font-mono text-sm max-w-[200px] truncate">{{ m.sender_address }}</div>
        {% if m.sender_name %}<div class="text-xs text-base-content/50 max-w-[200px] truncate">{{ m.sender_name }}</div>{% endif %}
      </div>
      <span class="badge badge-sm {% if m.sender_type == 'customer' %}badge-info{% elif m.sender_type == 'vendor' %}badge-warning{% elif m.sender_type == 'whitelist' %}badge-success{% else %}badge-ghost{% endif %}">
        {{ m.sender_type_label }}
      </span>
    </div>
  </td>
  <td class="text-sm max-w-[300px] truncate">
    {{ m.subject }}
    {% if m.has_attachments %}
    <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5 inline text-base-content/40 ml-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" />
    </svg>
    {% endif %}
  </td>
  <td>
    <div class="flex gap-1 flex-wrap">
      {% if m.has_profile %}
        <button class="btn btn-xs btn-outline btn-accent"
                hx-get="/senders/form?email={{ m.sender_address | urlencode }}{% if m.sender_name %}&name={{ m.sender_name | urlencode }}{% endif %}"
                hx-target="#profile-modal-body"
                hx-swap="innerHTML"
                hx-on::after-request="document.getElementById('profile-modal').showModal()">
          Edit Profile
        </button>
      {% else %}
        <button class="btn btn-xs btn-secondary btn-outline"
                hx-post="/analysis/recommend-profile?email={{ m.sender_address | urlencode }}{% if m.sender_name %}&name={{ m.sender_name | urlencode }}{% endif %}&mailbox={{ mailbox | urlencode }}"
                hx-target="#profile-modal-body"
                hx-swap="innerHTML"
                hx-disabled-elt="this"
                hx-on::after-request="document.getElementById('profile-modal').showModal()">
          <span class="loading loading-spinner loading-xs htmx-indicator"></span>
          AI Profile
        </button>
        <button class="btn btn-xs btn-outline"
                hx-get="/senders/form?email={{ m.sender_address | urlencode }}{% if m.sender_name %}&name={{ m.sender_name | urlencode }}{% endif %}"
                hx-target="#profile-modal-body"
                hx-swap="innerHTML"
                hx-on::after-request="document.getElementById('profile-modal').showModal()">
          Manual
        </button>
      {% endif %}
    </div>
  </td>
</tr>
{% endfor %}