{#
    Image that depends on the active theme (Été = light, Hiver = dark).

    Params:
    - light (string): resolved URL of the Été image
    - dark (string): resolved URL of the Hiver image
    - alt (string, default ''), class (string, default ''), loading (string, optional)

    Either side may be empty: a single image is shown in both themes. The server picks
    the `src` from the `theme` cookie (written by ThemeToggle.ts) so a Hiver visitor
    downloads only the Hiver image; `data-src-*` lets ThemeToggle swap it without a reload
    and is only emitted when the two images actually differ.
#}
{% set _light = light|default(dark|default('')) %}
{% set _dark = dark|default(_light) %}
<img src="{{ app.request.cookies.get('theme') == 'dark' ? _dark : _light }}"
    {%- if _light != _dark %} data-src-light="{{ _light }}" data-src-dark="{{ _dark }}"{% endif %}
    alt="{{ alt|default('') }}" class="{{ class|default('') }}"
    {%- if loading is defined and loading %} loading="{{ loading }}"{% endif %}>