(text "{% extends \"root.lisp\" %} {% block head %}")
(text "{% if not metadata.page_title -%}")
(title
    (text "{{ entry.slug }}"))
(text "{%- endif %} {{ metadata_head|safe }}")

(text "{% if metadata.page_icon|length == 0 -%}")
(link ("rel" "icon") ("href" "/public/favicon.svg"))
(text "{%- endif %}")

(text "{% endblock %} {% block body %}")
(div
    ("class" "flex flex-col gap-2")
    (div
        ("class" "card container")
        ("style" "min-height: 15rem")
        (text "{{ entry.content|markdown|safe }}"))
    (div
        ("class" "w-full flex justify-between gap-2")
        (a
            ("class" "button")
            ("href" "/{{ entry.slug }}/edit")
            (text "Edit"))

        (div
            ("class" "flex flex-col gap-1 items-end fade")
            ; dates
            (span (text "Pub: {{ entry.created / 1000|int|date(format=\"%Y-%m-%d %H:%M\", timezone=\"Etc/UTC\") }} UTC"))
            (span (text "Edit: {{ entry.edited / 1000|int|date(format=\"%Y-%m-%d %H:%M\", timezone=\"Etc/UTC\") }} UTC"))

            ; auto theme
            (text "{% if metadata.access_recommended_theme != 'None' -%}")
            (span (text "Auto theme: {{ metadata.access_recommended_theme }}"))
            (script ("defer" "true") (text "setTimeout(() => { temporary_set_theme('{{ metadata.access_recommended_theme }}') }, 150);"))
            (text "{%- endif %}")

            ; views
            (text "{% if not metadata.option_disable_views -%}")
            (span (text "Views: {{ views }}"))
            (text "{%- endif %}")

            ; easy-to-read
            (text "{% if metadata.access_easy_read|length > 0 -%}")
            (a ("class" "button small") ("href" "/{{ metadata.access_easy_read }}") (b (text "E2R")))
            (text "{%- endif %}"))))

(text "{{ metadata_css|safe }}")

(link ("rel" "stylesheet") ("href" "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/default.min.css"))
(script ("src" "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"))
(script (text "hljs.highlightAll();"))

(text "{{ components::footer() }}")
(text "{% endblock %}")