(text "{% macro avatar(id, size=\"24px\") -%}")
(img
    ("title" "User avatar")
    ("src" "{{ config.service_hosts.buckets }}/avatars/{{ id }}")
    ("alt" "User avatar")
    ("class" "avatar shadow")
    ("loading" "lazy")
    ("style" "--size: {{ size }}"))
(text "{%- endmacro %}")

(text "{% macro username(user) -%}")
(b
    (text "{% if user.settings.display_name|length > 0 -%}")
    (text "{{ user.settings.display_name }}")
    (text "{%- else -%}")
    (text "{{ user.username }}")
    (text "{%- endif %}"))
(text "{%- endmacro %}")

(text "{% macro chat_name(chat, members, advanced=false, avatar_size=\"24px\") -%}")
(text "{% if advanced -%}")
; advanced
(text "{% if chat.style == \"Direct\" -%} {% for member in members -%} {% if member.id != user.id -%}")
; direct message; user that ISN'T the current user
(text "{{ components::avatar(id=member.id, size=avatar_size) }}")
(text "{{ components::username(user=member) }}")
(text "{%- endif %} {%- endfor %} {%- else -%}")
; group chat
(text "{% for member in members -%} {{ components::avatar(id=member.id, size=avatar_size) }} {%- endfor %}")
(b (text "{{ chat.style.Group.name }}"))
(text "{%- endif %}")
(text "{%- else -%}")
; NOT advanced
(text "{% if chat.style == \"Direct\" -%} {% for member in members -%} {% if member.id != user.id -%}")
; direct message; user that ISN'T the current user
(text "{{ user.username }}")
(text "{%- endif %} {%- endfor %} {%- else -%}")
; group chat
(text "{{ chat.style.Group.name }}")
(text "{%- endif %}")
(text "{%- endif %}")
(text "{%- endmacro %}")