{% set is_edit = profile is not none %}
{% set form_email = profile.email_address if is_edit else prefill_email %}
{% set form_name = profile.display_name or '' if is_edit else prefill_name %}

<div class="flex items-center justify-between mb-4">
  <h3 class="font-bold text-lg">
    {% if is_edit %}Edit Sender Profile{% else %}Profile Sender{% endif %}
  </h3>
  <form method="dialog"><button class="btn btn-sm btn-circle btn-ghost">✕</button></form>
</div>

{% if prefill_error is defined and prefill_error %}
<div class="alert alert-warning text-sm mb-3 py-2">
  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z" />
  </svg>
  <span>{{ prefill_error }}</span>
</div>
{% endif %}

{% if prefill_reasoning is defined and prefill_reasoning %}
<div class="alert alert-info text-sm mb-3 py-2">
  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
  </svg>
  <div>
    <div class="font-semibold text-xs">AI Recommendation</div>
    <p class="text-xs mt-0.5">{{ prefill_reasoning }}</p>
  </div>
</div>
{% endif %}

<form {% if is_edit %}hx-put="/senders/{{ profile.id }}"{% else %}hx-post="/senders"{% endif %}
      hx-target="#profile-modal-body"
      hx-swap="innerHTML"
      hx-encoding="application/x-www-form-urlencoded"
      class="space-y-3">

  <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
    <div class="form-control">
      <label class="label py-1"><span class="label-text text-xs font-medium">Email Address</span></label>
      <input name="email_address" type="email"
             class="input input-bordered input-sm font-mono"
             value="{{ form_email }}"
             placeholder="sender@example.com"
             required />
    </div>
    <div class="form-control">
      <label class="label py-1"><span class="label-text text-xs font-medium">Display Name</span></label>
      <input name="display_name" type="text"
             class="input input-bordered input-sm"
             value="{{ form_name }}"
             placeholder="e.g. Store It 120 VIP" />
    </div>
  </div>

  <div class="form-control">
    <label class="label py-1"><span class="label-text text-xs font-medium">Sender Type</span></label>
    <select name="sender_type" class="select select-bordered select-sm">
      {% for val in sender_types %}
      <option value="{{ val }}"
        {% if is_edit and profile.sender_type == val %}selected
        {% elif not is_edit and prefill_sender_type is defined and prefill_sender_type and val == prefill_sender_type %}selected
        {% elif not is_edit and (prefill_sender_type is not defined or not prefill_sender_type) and val == 'unknown' %}selected
        {% endif %}>
        {{ sender_type_labels.get(val, val) }}
      </option>
      {% endfor %}
    </select>
  </div>

  <div class="form-control">
    <label class="label py-1"><span class="label-text text-xs font-medium">Email Types <span class="text-base-content/40 font-normal">(check all that apply)</span></span></label>
    <div class="grid grid-cols-2 gap-x-4 gap-y-1">
      {% for val, label in email_type_options %}
      <label class="flex items-center gap-2 cursor-pointer">
        <input type="checkbox" name="email_types" value="{{ val }}" class="checkbox checkbox-sm"
               {% if is_edit and val in (profile.email_types or []) %}checked
               {% elif not is_edit and prefill_email_types is defined and prefill_email_types and val in prefill_email_types %}checked
               {% endif %} />
        <span class="text-sm">{{ label }}</span>
      </label>
      {% endfor %}
    </div>
  </div>

  <div class="form-control">
    <label class="label py-1">
      <span class="label-text text-xs font-medium">Processing Instructions</span>
      <span class="label-text-alt text-xs text-base-content/40">Sent to AI on every email from this sender</span>
    </label>
    <textarea name="processing_instructions"
              class="textarea textarea-bordered text-sm leading-relaxed"
              rows="4"
              placeholder="Describe what this sender typically sends and how to handle it. Example: This vendor sends monthly invoices as PDF attachments. Compare the amount to the previous month and flag for review if it differs by more than 10%. File under Vendors/StoreName."
              >{% if is_edit %}{{ profile.processing_instructions or '' }}{% elif prefill_processing_instructions is defined and prefill_processing_instructions %}{{ prefill_processing_instructions }}{% endif %}</textarea>
  </div>

  <div class="form-control">
    <label class="label py-1">
      <span class="label-text text-xs font-medium">Internal Notes</span>
      <span class="label-text-alt text-xs text-base-content/40">Not sent to AI</span>
    </label>
    <input name="notes" type="text"
           class="input input-bordered input-sm"
           value="{{ profile.notes or '' if is_edit else '' }}"
           placeholder="e.g. Contact added by lorentz, April 2026" />
  </div>

  <div class="flex justify-end gap-2 pt-2">
    <form method="dialog"><button type="submit" class="btn btn-sm btn-ghost">Cancel</button></form>
    <button type="submit" class="btn btn-sm btn-primary">
      {% if is_edit %}Save Changes{% else %}Create Profile{% endif %}
    </button>
  </div>
</form>