{% extends "base.html" %}
{% block title %}Sender Profiles{% endblock %}

{% block content %}
<div class="max-w-6xl mx-auto space-y-4">

  <div class="flex items-center justify-between">
    <div>
      <h1 class="text-2xl font-bold">Sender Profiles</h1>
      <p class="text-sm text-base-content/60 mt-0.5">
        Rich per-sender context fed to the AI on every email — classification type, handling notes, and processing instructions.
      </p>
    </div>
    <button class="btn btn-primary btn-sm"
            hx-get="/senders/form"
            hx-target="#profile-modal-body"
            hx-on::after-request="document.getElementById('profile-modal').showModal()">
      + New Profile
    </button>
  </div>

  <div id="senders-profiles-list"
       hx-get="/senders/list-partial"
       hx-trigger="profileSaved from:body"
       hx-swap="innerHTML">
    {% include "senders_list_partial.html" %}
  </div>

</div>
{% endblock %}