<!--
ARCHES - a program developed to inventory and manage immovable cultural heritage.
Copyright (C) 2013 J. Paul Getty Trust and World Monuments Fund

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
-->
{% load static %}
{% load webpack_static from webpack_loader %}
{% load render_bundle from webpack_loader %}


<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->

{% block head %}
<head>
    {% if app_settings.GOOGLE_ANALYTICS_TRACKING_ID != None %}
    <script async src="https://www.googletagmanager.com/gtag/js?id={{app_settings.GOOGLE_ANALYTICS_TRACKING_ID}}"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', '{{app_settings.GOOGLE_ANALYTICS_TRACKING_ID}}');
    </script>
    {% endif %}
    <title>
        {% block title %}{% endblock title %}
    </title>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="shortcut icon" href="{% webpack_static 'favicons/favicon.ico' %}" type="image/x-icon" />
    <link rel="apple-touch-icon" href="{% webpack_static 'favicons/apple-touch-icon.png' %}" />
    <link rel="apple-touch-icon" sizes="76x76" href="{% webpack_static 'favicons/apple-touch-icon-76x76.png' %}" />
    <link rel="apple-touch-icon" sizes="120x120" href="{% webpack_static 'favicons/apple-touch-icon-120x120.png' %}" />
    <link rel="apple-touch-icon" sizes="152x152" href="{% webpack_static 'favicons/apple-touch-icon-152x152.png' %}" />
    <link rel="apple-touch-icon" sizes="180x180" href="{% webpack_static 'favicons/apple-touch-icon-180x180.png' %}" />

    {% block css %}
        <link rel="stylesheet" href="{% webpack_static 'node_modules/normalize.css/normalize.css' %}" />
        <link rel="stylesheet" href="{% webpack_static 'node_modules/font-awesome/css/font-awesome.min.css' %}" />
        <link rel="stylesheet" href="{% webpack_static 'node_modules/primeicons/primeicons.css' %}" />
    {% endblock css %}
</head>
{% endblock head %}

{% block body_content %}
<body dir="{{ app_settings.ACTIVE_LANGUAGE_DIR }}" {% block body_attributes %}{% endblock %}>
    {% block loading_mask %}
    {% endblock loading_mask %}

    {% block body %}
    {% endblock body %}
</body>
{% endblock body_content %}

{% block javascript %}
    {% block pre_require_js %}
    {% endblock pre_require_js %}

    {% block arches_modules %}
        {% include "arches_urls.htm" %}
    {% endblock arches_modules %}
    
    {% if main_script %}
        {% render_bundle main_script %}
    {% endif %}
{% endblock javascript %}

</html>