(text "{% extends \"root.lisp\" %} {% block head %}")
(title
    (text "{{ components::chat_name(chat=chat, members=members) }} - {{ name }}"))
(text "{% endblock %} {% block body %}")
(div
    ("class" "flex w_full gap_2 justify_between items_center")
    (div
        ("class" "tabs short bar flex")
        (a
            ("class" "button tab camo")
            ("href" "/chats")
            (text "chats"))
        (a
            ("class" "button tab")
            ("href" "/chats/{{ chat.id }}")
            (text "{{ components::chat_name(chat=chat, members=members, advanced=true, avatar_size=\"18px\") }}"))))
(div
    ("class" "card flex flex_col gap_2")
    ("style" "flex: 1 0 auto")
    (text "{% if messages|length == 0 -%}")
    (i ("class" "flex gap_ch items_center fade") (text "{{ icon \"star\" }} This is the start of the chat!"))
    (text "{%- endif %}"))

(script
    (text ""))
(text "{% endblock %}")