{#- chirp-ui: ASCII Error Page
    Stylized error state with ASCII art compositions for common HTTP errors.

    Usage:
        from "chirpui/ascii_error.html" import ascii_error

        {% call ascii_error(code="404") %}
            <a href="/">Go home</a>
        {% end %}

        {% call ascii_error(code="500", heading="Something broke", description="We're looking into it.") %}
        {% end %}

    Codes: 404, 403, 500, 503, timeout, empty
-#}

{% def ascii_error(code="404", heading="", description="", cls="") %}
{% set _codes = {
    "404": {
        "heading": "Page not found",
        "desc": "The page you're looking for doesn't exist or has been moved.",
        "art": [
            "     ┌─────────┐     ",
            "     │  4 ◇ 4  │     ",
            "     └────┬────┘     ",
            "          │          ",
            "     ◇ ── ★ ── ◇    ",
            "          │          ",
            "        ·   ·        ",
        ],
    },
    "403": {
        "heading": "Access denied",
        "desc": "You don't have permission to view this page.",
        "art": [
            "       ╔═══╗         ",
            "       ║ ⛓ ║         ",
            "    ╔══╬═══╬══╗      ",
            "    ║  ┃   ┃  ║      ",
            "    ║  ┃ ◆ ┃  ║      ",
            "    ╚══╩═══╩══╝      ",
        ],
    },
    "500": {
        "heading": "Internal server error",
        "desc": "Something went wrong on our end.",
        "art": [
            "      · ✦ · ★ ·      ",
            "       ╱  ◇  ╲       ",
            "      ╱ 5·0·0 ╲      ",
            "     ╱ · · · · ╲     ",
            "    ╱───────────╲    ",
            "      · ★ · ✦ ·      ",
        ],
    },
    "503": {
        "heading": "Service unavailable",
        "desc": "We're temporarily offline for maintenance.",
        "art": [
            "    ┌──────────┐     ",
            "    │ ⚙  ·  ⚙ │     ",
            "    │    ◎     │     ",
            "    │  ·╱ ╲·   │     ",
            "    └──╱───╲───┘     ",
            "     ▪ ▪ ▪ ▪ ▪      ",
        ],
    },
    "timeout": {
        "heading": "Request timed out",
        "desc": "The server took too long to respond.",
        "art": [
            "      ╭───╮          ",
            "     ╱  ⟳  ╲         ",
            "    │ · · · │        ",
            "    │   ◎   │        ",
            "     ╲ · · ╱         ",
            "      ╰───╯          ",
            "    ·  ·  ·  ·       ",
        ],
    },
} %}
{% set _fallback = {
    "heading": "Something went wrong",
    "desc": "An unexpected error occurred.",
    "art": [
        "       · ✦ ·         ",
        "      ◇     ◇        ",
        "     ·   ★   ·       ",
        "      ◇     ◇        ",
        "       · ✦ ·         ",
    ],
} %}
{% set _info = _codes[code] if code in _codes else _fallback %}
{% set _heading = heading if heading else _info["heading"] %}
{% set _description = description if description else _info["desc"] %}
{% set _art = _info["art"] %}
<div class="chirpui-ascii-error{{ " " ~ cls if cls else "" }}">
    <pre class="chirpui-ascii-error__art" aria-hidden="true">{% for line in _art %}{{ line }}
{% end %}</pre>
    {% if code != "empty" %}
    <span class="chirpui-ascii-error__code">{{ code }}</span>
    {% end %}
    <h2 class="chirpui-ascii-error__heading">{{ _heading }}</h2>
    <p class="chirpui-ascii-error__desc">{{ _description }}</p>
    <div class="chirpui-ascii-error__action">
        {% slot %}
    </div>
</div>
{% end %}