{%- extends "base/base.html.twig" -%}

{%- block head -%}

    {%- do pimcore_head_link({rel: 'canonical', href: app.request.getSchemeAndHttpHost() ~ pimcore_placeholder('canonical')}) -%}

    {%- do pimcore_head_link({rel: 'preconnect', href: 'https://fonts.googleapis.com'}) -%}
    {%- do pimcore_head_link({rel: 'preconnect', href: 'https://fonts.gstatic.com'}) -%}

    {%- do pimcore_head_link().appendStylesheet('https://fonts.googleapis.com/css2?family=' ~ material_symbols | replace({' ': '+'}) ~ ':wght,FILL@200..400,0..1', 'print', null, {onload:"this.media='all'"}) -%}
    {%- do pimcore_head_link().appendStylesheet('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,400;0,500;0,700;1,100;1,400;1,500;1,700&display=swap', 'print', null, {onload:"this.media='all'"}) -%}
    {% if not editmode -%}
        {%- do pimcore_head_link().appendStylesheet('https://cdn.jsdelivr.net/npm/locomotive-scroll@5.0.0-beta.21/bundled/locomotive-scroll.min.css') -%}
        {%- do pimcore_head_link().appendStylesheet('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css') -%}
    {%- endif -%}
    {%- do pimcore_head_link().appendStylesheet(asset('style/style.css')) -%}

    {%- do pimcore_head_script().appendFile('https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js', 'text/javascript') -%}
    {% if not editmode -%}
        {%- do pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js', 'text/javascript') -%}
        {%- do pimcore_head_script().appendFile('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js', 'text/javascript') -%}
        {%- do pimcore_head_script().appendFile('https://cdn.jsdelivr.net/npm/locomotive-scroll@5.0.0-beta.21/bundled/locomotive-scroll.min.js', 'text/javascript') -%}
    {%- endif -%}
    {%- do pimcore_head_script().appendFile(asset('js/main.js'), 'text/javascript') -%}

    {#{%- do pimcore_head_link({rel: 'shortcut icon', href: '/favicon.png'}) -%}
    {%- do pimcore_head_link({rel: 'icon', href: '/favicon.png', type: 'image/vnd.microsoft.icon'}) -%}
    {%- do pimcore_head_link({rel: 'icon', href: '/favicon.png', type: 'image/x-icon'}) -%}
    {%- do pimcore_head_link({rel: 'icon', href: '/favicon.png'}) -%}
    {%- do pimcore_head_link({rel: 'icon', href: '/favicon.png', type: 'image/png'}) -%}#}
    {# Apple #}
    {%- do pimcore_head_link({rel: 'apple-touch-icon', href: '/favicon-167x167.png', type: 'image/png', sizes: '167x167'}) -%}
    {%- do pimcore_head_link({rel: 'apple-touch-icon', href: '/favicon-180x180.png', type: 'image/png', sizes: '180x180'}) -%}
    {# Android #}
    {%- do pimcore_head_link({rel: 'icon', href: '/favicon-48x48.png', type: 'image/png', sizes: '48x48'}) -%}
    {%- do pimcore_head_link({rel: 'icon', href: '/favicon-192x192.png', type: 'image/png', sizes: '192x192'}) -%}

    {%- include "global-partials/website/head.html.twig" -%}

    {{ pimcore_inc("/" ~ app.request.locale ~ "/snippets/admin-scripts/head") | raw }}

{%- endblock head -%}

{%- block body -%}

    <div class="d-flex flex-column min-vh-100">

        {%- include "global-partials/website/header.html.twig" -%}

        <div class="flex-grow-1">
        
            {%- block main -%}
            {%- endblock main -%}

        </div>

        {%- include "global-partials/website/footer.html.twig" -%}

    </div>

    <script>
        window.swiperA11y = {
            'firstSlideMessage': `{{ 'slider.first_slide_message' | trans }}`,
            'lastSlideMessage': `{{ 'slider.last_slide_message' | trans }}`,
            'prevSlideMessage': `{{ 'slider.prev_slide_message' | trans }}`,
            'nextSlideMessage': `{{ 'slider.next_slide_message' | trans }}`,
            'paginationBulletMessage': `{{ 'slider.pagination_bullet_message' | trans }}`
        }
    </script>

    {{ pimcore_inc("/" ~ app.request.locale ~ "/snippets/admin-scripts/body") | raw }}

    {{ pimcore_head_script() }}

{%- endblock body -%}