{#- Shared responsive image renderer (issue #216). Every image call site uses
   this macro so ``srcset``/``sizes``/``loading`` stay consistent. Candidate
   output is built from ``image.candidates`` directly and never depends on
   the ``image.srcset`` property. -#}
{%- from 'maatlog/components/image-policy.html' import image_sizes, image_loading, image_fetchpriority with context -%}
{%- macro render_image(image, fallback_src, alt='', css_class='', presentation='standalone', has_rail=none, featured_count=0, early=true, high=false) -%}
{%- if image -%}
<img class="{{ css_class|forceescape }}" src="{{ image.src|forceescape }}"
     srcset="{%- for candidate in image.candidates -%}{% if not loop.first %}, {% endif %}{{ candidate.url|forceescape }} {{ candidate.width|forceescape }}w{%- endfor -%}"
     sizes="{{ image_sizes(image.usage, presentation, has_rail, featured_count)|trim|forceescape }}"
     width="{{ image.width|forceescape }}" height="{{ image.height|forceescape }}"
     alt="{{ alt|forceescape }}" loading="{{ image_loading(image.usage, early)|trim|forceescape }}"
     fetchpriority="{{ image_fetchpriority(image.usage, high)|trim|forceescape }}"
     decoding="async" data-maatlog-srcset="w-v1" />
{%- elif fallback_src -%}
<img class="{{ css_class|forceescape }}" src="{{ fallback_src|forceescape }}" alt="{{ alt|forceescape }}" />
{%- endif -%}
{%- endmacro -%}