{% from "fragments/_chips.html" import chip, needs_review_chip %}
{# The speaker's profile fields (#159, #246, #383): aggregate provenance chip,
   3-column grid (ROLE / ORGANIZATION / LINKS), inline edit per field. Saves
   submit per-field via htmx; clearing is done by blanking the input and saving.
   Included by profile.html and ALSO rendered out-of-band (profile_oob=true) by
   the research-decision response, so an accepted claim shows up here without a
   reload. Archived speakers render read-only (no forms). #}
<section id="profile-panel" class="card"{% if profile_oob %} hx-swap-oob="true"{% endif %}>
  <div class="profile-panel-head">
    <h2>Profile</h2>
    {% if profile.values()|list %}
    {% set has_accepted = profile.values()|selectattr("provenance", "eq", "enrichment")|list %}
    {{ chip("completed" if has_accepted else "unknown") }}
    <span class="muted">{% if has_accepted %}Filled in by web research{% else %}Entered by hand{% endif %} — edit anything</span>
    {% endif %}
  </div>
  {% if profile_error %}<p class="error" role="alert">{{ profile_error }}</p>{% endif %}
  <details class="profile-collapse" open>
    <summary><span class="when-open">hide</span><span class="when-closed">show</span></summary>
    <div class="profile-columns">
      {% for field in profile_fields %}
      {% set row = profile.get(field) %}
      {% set col_label = {"bio": "ROLE", "affiliation": "ORGANIZATION", "link": "LINKS"} %}
      <div class="profile-col">
        <div class="profile-col-label">{{ col_label.get(field, field|upper) }}</div>
        <div class="profile-col-value">
          {% if archived or not shell.can_write %}
            {% if row %}
              {% if field == "link" and (row.value.startswith("https://") or row.value.startswith("http://")) %}
              <a href="{{ row.value }}" target="_blank" rel="noreferrer noopener">{{ row.value }}</a>
              {% else %}{{ row.value }}{% endif %}
            {% else %}
              <span class="muted">not set</span>
            {% endif %}
          {% else %}
          <form class="profile-inline-edit" method="post"
                action="/speakers/{{ speaker.id }}/profile"
                hx-post="/speakers/{{ speaker.id }}/profile"
                hx-target="#profile-panel" hx-swap="outerHTML">
            <input type="hidden" name="csrf_token" value="{{ csrf_profile_edit }}">
            <input type="hidden" name="field" value="{{ field }}">
            <input type="text" name="value" value="{{ row.value if row else "" }}"
                   maxlength="4000" placeholder="not set"
                   aria-label="{{ col_label.get(field, field) }} for {{ speaker.display_name }}">
            <button type="submit" class="secondary small">Save</button>
          </form>
          {% endif %}
        </div>
      </div>
      {% endfor %}
    </div>
  </details>
  {% if speaker.notes %}
  <h3>Notes</h3>
  <p class="muted">{{ speaker.notes }}</p>
  {% endif %}
</section>