{% extends "!layout.html" %}
{%- set current_version = "1.5.x circinus" %}
{% block extrahead %}
    {% if gtm_id and cookiebot_id %}
    {# Cookiebot CMP — must load first so its auto-blocker can scan/block other tags #}
    <script id="Cookiebot"
            src="https://consent.cookiebot.com/uc.js"
            data-cbid="{{ cookiebot_id }}"
            data-blockingmode="auto"
            type="text/javascript"></script>

    {# Google Consent Mode v2 defaults — deny everything until Cookiebot fires the update #}
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){window.dataLayer.push(arguments);}
      gtag('consent', 'default', {
        'ad_storage':             'denied',
        'ad_user_data':           'denied',
        'ad_personalization':     'denied',
        'analytics_storage':      'denied',
        'functionality_storage':  'denied',
        'personalization_storage': 'denied',
        'security_storage':       'granted',
        'wait_for_update': 500
      });
      gtag('set', 'ads_data_redaction', true);
    </script>

    {# Google Tag Manager #}
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','{{ gtm_id }}');</script>
    {% endif %}

    <style>#vyos-header-iframe{position:fixed;top:0;left:0;right:0;z-index:999999999;width:100%;border:none}</style>
    <style>#vyos-footer-iframe{width:100%;border:none}</style>
    <iframe src='https://vyos.io/iframes/header' id='vyos-header-iframe'></iframe>
    <script>const iframeHeader=document.getElementById('vyos-header-iframe');const postMessageToIframe=()=>{iframeHeader.contentWindow.postMessage({height:window.innerHeight,width:window.width},'*')};window.addEventListener('message',function(message){if(message.data.headerIframeHeight){iframeHeader.style.height=`${message.data.headerIframeHeight}px`;postMessageToIframe()}});window.addEventListener('resize',event=>{postMessageToIframe()})</script>
    <link href="{{ pathto("_static/css/custom.css", True) }}" rel="stylesheet" type="text/css">
    <link href="{{ pathto("_static/css/lists.css", True) }}" rel="stylesheet" type="text/css">
    <link href="{{ pathto("_static/css/hints.css", True) }}" rel="stylesheet" type="text/css">
    <link href="{{ pathto("_static/css/headers.css", True) }}" rel="stylesheet" type="text/css">
    <link href="{{ pathto("_static/css/breadcrumbs.css", True) }}" rel="stylesheet" type="text/css">
    <link href="{{ pathto("_static/css/linkButtons.css", True) }}" rel="stylesheet" type="text/css">
    <link href="{{ pathto("_static/css/text.css", True) }}" rel="stylesheet" type="text/css">
    <link href="{{ pathto("_static/css/leftSidebar.css", True) }}" rel="stylesheet" type="text/css">
    <link href="{{ pathto("_static/css/scrolls.css", True) }}" rel="stylesheet" type="text/css">
    <link href="{{ pathto("_static/css/tables.css", True) }}" rel="stylesheet" type="text/css">
    <link href="{{ pathto("_static/css/installation/running-on-bare-metal.css", True) }}" rel="stylesheet" type="text/css">
    <link href="{{ pathto("_static/css/code-snippets.css", True) }}" rel="stylesheet" type="text/css">
    <link href="{{ pathto("_static/css/separate-commands.css", True) }}" rel="stylesheet" type="text/css">
    <link href="{{ pathto("_static/css/configuration/index.css", True) }}" rel="stylesheet" type="text/css">
    <link href="{{ pathto("_static/css/datatables.css", True) }}" rel="stylesheet" type="text/css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <script type="text/javascript" charset="utf8" src="{{ pathto("_static/js/datatables.js", True) }}"></script>
    <script type="text/javascript" charset="utf8" src="{{ pathto("_static/js/tables.js", True) }}"></script>
    <script type="text/javascript" charset="utf8" src="{{ pathto("_static/js/codecopier.js", True) }}"></script>
    <script type="text/javascript" charset="utf8" src="{{ pathto("_static/js/sidebar.js", True) }}"></script>
    <script type="text/javascript" charset="utf8" src="{{ pathto("_static/js/footer.js", True) }}"></script>
{% endblock %}

{% block body %}
    {% if gtm_id and cookiebot_id %}
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ gtm_id }}"
                      height="0" width="0" style="display:none;visibility:hidden"
                      title="Google Tag Manager"></iframe></noscript>
    {% endif %}
    {{ super() }}
{% endblock %}