{% from "admin/components/icons.html" import icon %}
{# Context-aware read-only rendering of a field value.
   Default renderer, overridable by replacing this template.

   `with context` so the macro can see `admin`, `base_path`, and
   `relation_permissions` from whichever page imports it, without every
   call site having to pass them through explicitly. #}
{% macro render_related_link(relation, related_obj) %}
{%- set target_admin = admin.get_model_admin(relation.target) if admin else none -%}
{%- set label = target_admin.get_field(relation.display_field).get_value(related_obj) if target_admin else related_obj -%}
{%- if target_admin and relation_permissions.get(relation.target) -%}
<a class="{{ ui('text', 'link') }}" href="{{ base_path }}/{{ relation.target }}/{{ target_admin.get_pk(related_obj) }}">{{ label }}</a>
{%- else -%}
{{ label }}
{%- endif -%}
{% endmacro %}

{# A boolean renders as a check or a cross rather than "Yes"/"No": a
   glyph reads as a shape at a glance where two similar-length words
   have to be read. The word stays as an sr-only label, so nothing
   depends on the icon alone. Exports stringify through
   core/exporter.py and are untouched.

   The emerald pair is picked for contrast against bg-card in both
   themes, since there is no shadcn "success" token to defer to. #}
{% macro render_field_value(field, value, empty=DEFAULT_EMPTY_VALUE) -%}
{#- Blank counts as empty, not just None: a column of empty cells and a
    column of dashes say different things to a reader, and "" is by far
    the more common way a value goes missing in practice. A zero or a
    False is a real value and must not be dashed. -#}
{%- if value is none or (value is string and not value.strip()) -%}
<span class="{{ ui('text', 'placeholder') }}">{{ empty }}</span>
{%- elif field.field_type == "boolean" -%}
{%- if value -%}
<span class="inline-flex items-center text-emerald-600 dark:text-emerald-400">{{ icon("check", "size-4") }}<span class="sr-only">{{ _("Yes") }}</span></span>
{%- else -%}
<span class="inline-flex items-center {{ ui('text', 'placeholder') }}">{{ icon("close", "size-4") }}<span class="sr-only">{{ _("No") }}</span></span>
{%- endif -%}
{%- elif field.field_type == "password" -%}
<span class="{{ ui('text', 'placeholder') }}">&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;</span>
{%- elif field.field_type in ("foreignkey", "onetoone") -%}
{{ render_related_link(field.relation, value) }}
{%- elif field.field_type == "manytomany" -%}
{%- if not value -%}
<span class="{{ ui('text', 'placeholder') }}">{{ empty }}</span>
{%- else -%}
{%- for related_obj in value -%}
{{ render_related_link(field.relation, related_obj) }}{% if not loop.last %}, {% endif %}
{%- endfor -%}
{%- endif -%}
{%- elif field.field_type == "date" and value|iso_date -%}
<time datetime="{{ value|iso_date }}" data-format="date">{{ value|iso_date }}</time>
{%- elif field.field_type == "datetime" and value|iso_datetime -%}
<time datetime="{{ value|iso_datetime }}" data-format="datetime">{{ value|iso_datetime }}</time>
{%- elif field.field_type == "decimal" -%}
<span data-format="decimal" data-value="{{ value|decimal_display }}">{{ value|decimal_display }}</span>
{%- elif field.field_type == "image" -%}
{# A failed load flips the img and its fallback sibling's inline
   display rather than replacing DOM: no JS dependency beyond the
   one-line onerror.

   Hidden via an inline style, not the `hidden` attribute: the browser's
   `[hidden] { display: none }` is a lowest-priority UA rule, so the
   fallback's own display:inline-flex (an ordinary author-stylesheet
   rule, which always outranks a UA one regardless of selector order)
   would otherwise win and show it beside every successfully-loaded
   thumbnail. An inline style outranks both. #}
<a href="{{ value }}" target="_blank" rel="noopener"><img src="{{ value }}" alt="" class="{{ ui('image', 'thumb') }}" onerror="this.style.display='none';this.nextElementSibling.style.display=''"><span class="{{ ui('image', 'fallback') }}" style="display:none">{{ icon("photo", "size-4") }}</span></a>
{%- else -%}
{{ value }}
{%- endif -%}
{%- endmacro %}