{% if profile %}
<div class="space-y-2">
  <div class="flex items-center gap-2 flex-wrap">
    <span class="badge {% if profile.sender_type == 'customer' %}badge-info{% elif profile.sender_type == 'vendor' %}badge-warning{% elif profile.sender_type == 'whitelist' %}badge-success{% else %}badge-ghost{% endif %}">
      {{ sender_type_labels.get(profile.sender_type, profile.sender_type) }}
    </span>
    {% for t in (profile.email_types or []) %}
      {% set label = dict(email_type_options).get(t, t) %}
      <span class="badge badge-sm badge-outline">{{ label }}</span>
    {% endfor %}
  </div>
  {% if profile.processing_instructions %}
  <div class="bg-base-200 rounded-lg p-3 text-sm leading-relaxed">{{ profile.processing_instructions }}</div>
  {% endif %}
  {% if profile.notes %}
  <p class="text-xs text-base-content/50">Notes: {{ profile.notes }}</p>
  {% endif %}
  <div class="pt-1">
    <button class="btn btn-xs btn-outline"
            hx-get="/senders/form?profile_id={{ profile.id }}"
            hx-target="#profile-modal-body"
            hx-on::after-request="document.getElementById('profile-modal').showModal()">
      Edit Profile
    </button>
  </div>
</div>
{% else %}
<div class="text-base-content/40 text-sm space-y-2">
  <p>No profile for <span class="font-mono">{{ email }}</span> yet.</p>
  <button class="btn btn-xs btn-primary"
          hx-get="/senders/form?email={{ email | urlencode }}"
          hx-target="#profile-modal-body"
          hx-on::after-request="document.getElementById('profile-modal').showModal()">
    + Profile this sender
  </button>
</div>
{% endif %}