<!--
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 i18n %}
{% load compress %}
{% load webpack_static 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]-->

{% if use_livereload %}
    <script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':{{ livereload_port }}/livereload.js?snipver=1"></' + 'script>')</script>
{% endif %}

<head>
    <title>{% block title %}{{ app_settings.APP_NAME }} - {% 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 %}
        {% compress css %}
        <link type="text/x-scss" href="{% webpack_static 'css/arches.scss' %}" rel="stylesheet" media="screen, print">
        <link type="text/x-scss" href="{% webpack_static 'css/core.scss' %}" rel="stylesheet" media="screen">
        {% if app_settings.ACTIVE_LANGUAGE_DIR == "rtl" %}
        <link type="text/x-scss" href="{% webpack_static 'css/rtl.scss' %}" rel="stylesheet" media="screen, print">
        {% endif %}
        {% if app_settings.ACCESSIBILITY_MODE %}
        <link type="text/x-scss" href="{% webpack_static 'css/accessibility.scss' %}" rel="stylesheet" media="screen">
        {% endif %}
    	{% endcompress %}
        <link href="{% webpack_static 'css/package.css' %}" rel="stylesheet">
        <link href="{% webpack_static 'css/project.css' %}" rel="stylesheet">
    {% endblock css%}

</head>

<body dir="{{ app_settings.ACTIVE_LANGUAGE_DIR }}" {% block body_attributes %}class="scroll-y-auto"{% endblock %}>
    {% block loading_mask %}

    <div class="loading-mask" data-bind="visible: typeof(loading()) === 'boolean' && loading()"></div>

    <div class="loading-mask" style="display: none;" data-bind="visible: typeof(loading()==='string') && loading().length > 0">
        <div class="loading-mask-string" data-bind="text: loading"></div>
    </div>


    {% endblock loading_mask %}
    {% block body %}

    {% endblock body %}
</body>

{% block javascript %}
    <script src="{% webpack_static 'node_modules/requirejs/require.js' %}"></script>

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

    {% include 'javascript.htm' %}
    
    {% if main_script %}
        <script src="{% webpack_static '' %}build/js/{{main_script}}.js"></script>
    {% endif %}

    {% if app_settings.GOOGLE_ANALYTICS_TRACKING_ID != None %}

        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

            ga('create', '{{app_settings.GOOGLE_ANALYTICS_TRACKING_ID}}', 'auto');
            ga('send', 'pageview');
        </script>

    {% endif %}

{% endblock javascript %}

</html>
