<!DOCTYPE html>
<html lang="{{ (grav.language.getActive ?: grav.config.site.default_lang)|e }}">
<head>
{% block head %}
    <meta charset="utf-8" />
    <title>{% if header.title %}{{ header.title|e }} | {% endif %}{{ site.title|e }}</title>

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
    {% include 'partials/metadata.html.twig' %}

    <link rel="icon" type="image/png" href="{{ url('theme://images/favicon.png')|e }}" />
    <link rel="canonical" href="{{ page.canonical(true)|e }}" />
{% endblock head %}

{% block stylesheets %}
    {% do assets.addCss('theme://css/theme.css', 95) %}
    {% do assets.addCss('theme://css/owl.carousel.min.css', 95) %}
{% endblock %}

{% block javascripts %}
    {% do assets.addJs('jquery', 100) %}
    <script src="https://unpkg.com/@barba/core"></script>
    <script src="https://unpkg.com/animate-css-grid@latest"></script>
    {% do assets.addJs('theme://js/libraries/lazy/jquery.lazy.min.js', 99) %}
    {% do assets.addJs('theme://js/libraries/blotter/blotter.min.js', 98) %}
    {% do assets.addJs('theme://js/libraries/blotter/liquidDistortMaterial.js', 97) %}
    {% do assets.addJs('theme://js/libraries/gsap/gsap.min.js', 96) %}
    {% do assets.addJs('theme://js/libraries/owl.carousel.min.js', 94) %}
{% endblock %}

{% block assets deferred %}
    {{ assets.css()|raw }}
    {{ assets.js()|raw }}
{% endblock %}
</head>
<body id="top" class="{{ page.header.body_classes|e }}" data-barba="wrapper">

{% block header %}
    <header>
        {% block header_navigation %}
            {% include 'partials/navigation.html.twig' %}
        {% endblock %}
    </header>
{% endblock %}

{% block body %}
    <main>
        {% block content %}{% endblock %}
    </main>
{% endblock %}

{% block footer %}
    {% set contact = { items: {'@page.self': '/home/contact'} } %}

    <footer>
      {% for item in page.collection(contact) %}
          {{item.content}}
      {% endfor %}
    </footer>

{% endblock %}

{% block bottom %}
    {{ assets.js('bottom')|raw }}
    {% do assets.addJs('theme://js/script.js', 94) %}
{% endblock %}

</body>
</html>
