<!DOCTYPE html>
<html lang="pl-PL">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

        <title>
            {% if record.seo_title is defined and record.seo_title is not empty %}
                {{ record.seo_title }}
            {% else %}
                {% if record.title is defined and record.title is not empty %}
                    {{ record.title }}
                {% else %}
                    {{ record.name }}
                {% endif %}
            {% endif %}
            | Akcja Tron
        </title>
        {% if record.seo_description is defined and record.seo_description is not empty %}
            <meta name="description" content="{{ record.seo_description }}" />
        {% endif %}
        {% if record.seo_keywords is defined and record.seo_keywords is not empty %}
            <meta name="keywords" content="{{ record.seo_keywords }}" />
        {% endif %}

        <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=Noto+Sans:wght@300;700&display=swap" rel="stylesheet">


        <link rel="stylesheet" href="{{ asset('dist/css/main.css') }}" />
        <link rel="stylesheet" href="{{ asset('dist/css/layer.css') }}" />

        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
        {# <link rel="manifest" href="/site.webmanifest"> #}
        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
        <meta name="msapplication-TileColor" content="#da532c">
        <meta name="theme-color" content="#ffffff">

        <meta property="og:locale" content="pl_PL"/>
        <meta property="og:type" content="website"/>
        <meta property="og:title" content="{{ record.title }} | Akcja Tron"/>

        <meta property="og:description"
              content="{% if record.seoDescription is defined and record.seoDescription is not empty %}{{ record.seoDescription }}{% endif %}"/>
        
        {% if categoryName == 'przedszkola' %}
            <meta property="og:url" content="{% if currentUrl is defined %}{{ currentUrl }}{% else %}https://akcjatron.pl/przedszkola{% endif %}"/>
            <meta property="og:image" content="https://akcjatron.pl/OG_Przedszkole.jpg"/>
        {% else %}
            {% if categoryName == 'szkoly' %}   
                <meta property="og:url" content="{% if currentUrl is defined %}{{ currentUrl }}{% else %}https://akcjatron.pl/szkoly{% endif %}"/>
                <meta property="og:image" content="https://akcjatron.pl/OG_Szkola.jpg"/>
            {% else %}
                <meta property="og:url" content="{% if currentUrl is defined %}{{ currentUrl }}{% else %}https://akcjatron.pl/{% endif %}"/>
                <meta property="og:image" content="https://akcjatron.pl/OG_Hub.jpg"/>
            {% endif %}
        {% endif %}

        <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="29461dd9-f70c-4f9b-977b-036577e25d32" data-blockingmode="auto" type="text/javascript"></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-PHHQPLS8');</script>
        <!-- End Google Tag Manager --> 

    </head>
    <body class="{{ categoryName ? categoryName}} bg-dark-blue">
        <!-- Google Tag Manager (noscript) -->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHHQPLS8"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) --> 

        {{ include('partials/_header.twig') }}

        <main>
            <div class="content">   
                {% block main %}
                {% endblock main %}
            </div>
        </main>

        {{ include('partials/_footer.twig') }}
        {{ include('partials/_gal_layer.twig') }}

        <script src="{{ asset('dist/js/script.js')}}" type="text/javascript"></script>
    </body>
</html>