{# Detail fields fragment — renders entity item as a definition list.
   Used by the API read handler for HTMX/browser content negotiation.

   v0.62 CSS refactor: inline Tailwind → semantic .dz-detail-fields-* classes
   (components/fragments.css). Lighter version of the detail_view component
   (no header / actions / related groups). #}
{% from 'macros/status_badge.html' import render_status_badge %}
<div class="dz-detail-fields-card">
  <div class="dz-detail-fields-body">
    <h2 class="dz-detail-fields-title">{{ entity_name }}</h2>
    <dl class="dz-detail-fields-list">
      {% for key, value in item.items() %}
      {% if value is not none and key != 'id' %}
      <dt class="dz-detail-fields-key">{{ key | replace('_', ' ') | title }}</dt>
      <dd class="dz-detail-fields-value">
        {% if value is sameas true %}
        {{ render_status_badge(value="yes", tone="success", display="Yes") }}
        {% elif value is sameas false %}
        {{ render_status_badge(value="no", tone="neutral", display="No") }}
        {% elif value is string and value | length > 200 %}
        <span class="whitespace-pre-wrap">{{ value[:200] }}…</span>
        {% else %}
        {{ value }}
        {% endif %}
      </dd>
      {% endif %}
      {% endfor %}
    </dl>
  </div>
</div>