{% extends '@theme/layouts/base.twig' %}

{#- The page other websites frame: no header or footer. ?title=0 hides the title bar, ?title=1 shows it, ?color=ff5500 recolours it. -#}
{% block head %}<script>(function(d,q){var c=q.get('color'),b=q.get('title');if(/^[0-9a-f]{6}$/i.test(c||''))d.style.setProperty('--bk-primary','#'+c);if(b==='0'||b==='1')d.setAttribute('data-embed-bar',b==='1'?'on':'off')})(document.documentElement,new URLSearchParams(location.search))</script>{% endblock %}
{% block header %}{% endblock %}
{% block footer %}{% endblock %}

{% block content %}
    {%- set main = zone('main') -%}
    {%- if page.status == 200 and main|trim -%}
        {{ main|raw }}
    {%- else -%}
        <div class="bk-embed bk-embed--empty">
            {{ icon('alert', 'size-8 opacity-60') }}
            <p class="font-semibold">{{ t('This title isn’t available') }}</p>
            <p class="text-sm opacity-70">{{ t('Check the ID or try again later.') }}</p>
        </div>
    {%- endif -%}
{% endblock %}