<!doctype html><html lang="en">
<head>

    {% import 'macros.twig' as macro %}

    <title>{{ page_meta.title }}</title>

    <meta charset="utf-8" />
    <meta name="robots" content="{{ page_meta.robots }}" />

    <meta name="description" content="{{ page_meta.description }}" />

    <meta name="format-detection" content="telephone=no" />

    <meta name="viewport" content="width=device-width">

    {% for href in vite_css('js/app.js') %}
        <link rel="stylesheet" href="{{ href }}" />
    {% endfor %}

    <!-- Favicon -->
    <link rel="apple-touch-icon" sizes="180x180" href="{{ settings.STATIC_URL ~ settings.THEME_URL }}/images/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="{{ settings.STATIC_URL ~ settings.THEME_URL }}/images/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="{{ settings.STATIC_URL ~ settings.THEME_URL }}/images/favicon/favicon-16x16.png">
    <link rel="manifest" href="{{ settings.STATIC_URL ~ settings.THEME_URL }}/images/favicon/site.webmanifest">
    <link rel="mask-icon" href="{{ settings.STATIC_URL ~ settings.THEME_URL }}/images/favicon/safari-pinned-tab.svg" color="#3f8fa0">
    <link rel="shortcut icon" href="{{ settings.STATIC_URL ~ settings.THEME_URL }}/images/favicon/favicon.ico">
    <meta name="apple-mobile-web-app-title" content="MTC Pharmacy">
    <meta name="application-name" content="MTC Pharmacy">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-config" content="{{ settings.STATIC_URL ~ settings.THEME_URL }}/images/favicon/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">


    <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=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">


    {% block head %}

    {% endblock %}

    {% block preload %}

    {% endblock %}

    {% block frontend %}

    {% endblock %}


    {{ include('head.twig') }}

    {{ hooks_do_action('header') }}


    <!-- Start: Google Analytics data layer for ecommerce tracking -->
    {{ tracking_code | join('\n') | raw }}
    <!-- End: Google Analytics data layer for ecommerce tracking -->

    {% if config('app.env') in [ 'demo', 'production' ] and config('site.gtm_id') != '' %}
        <!-- 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','{{ config('site.gtm_id') }}');</script>
        <!-- End Google Tag Manager -->
    {% endif %}

</head>

<body
        class="fixedHeader {% block body_class %}{% endblock %} {% if has_recaptcha is not empty %}hasRecaptcha{% endif %}"
        data-site="{{ settings.SITE }}"
        data-maps-api-key="{{ settings.GOOGLE_MAPS_JS_API_KEY }}"
        data-shop="{{ settings.ECOMMERCE_ON }}"
>

        {{ hooks_do_action('top_of_body') }}

        {% block before_header %}

        {% endblock %}

        {% block site_wrapper %}

            {% block content %}

            {% endblock %}

        {% endblock %}

        {{ hooks_do_action('footer') }}

        {% block rich_card_schemas %}
            {{ hooks_do_action('contact_page_schema', contact) }}
        {% endblock %}

        <script type="text/javascript">
            window.country_list = {{ countries|json_encode|raw }};
            window.active_currencies = {{ enabled_currencies()|json_encode|raw }};
            window.active_currency = 'GBP';
        </script>

        <script src="{{ vite('js/app.js') }}" type="module"></script>

	{% if footerScripts is not empty %}
	    {% for script in footerScripts %}
		{{ script|raw }}
	    {% endfor %}
	{% endif %}

</body>
</html>
