{% load i18n static misago_json %}
<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE_SHORT }}">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>{% spaceless %}{% block title %}{{ misago_settings.forum_name }}{% endblock %}{% endspaceless %}</title>
    <meta name="description" content="{% spaceless %}{% block meta-description %}{% endblock %}{% endspaceless %}">
    {% spaceless %}
      {% block meta-extra %}{% endblock meta-extra %}
      {% block og-tags %}
        <meta property="og:site_name" content="{% spaceless %}{% block og-site-name %}{{ misago_settings.forum_name }}{% endblock og-site-name %}{% endspaceless %}" />
        <meta property="og:title" content="{% spaceless %}{% block og-title %}{% endblock og-title %}{% endspaceless %}" />
        <meta property="og:description" content="{% spaceless %}{% block og-description %}{{ misago_settings.forum_index_meta_description|default:'' }}{% endblock og-description %}{% endspaceless %}" />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="{% spaceless %}{% block og-url %}{{ SITE_ADDRESS }}{% endblock og-url %}{% endspaceless %}" />
        <meta property="og:image" content="{% spaceless %}{% block og-image %}{% static 'og-image.jpg' %}{% endblock og-image %}{% endspaceless %}" />
      {% endblock og-tags %}
    {% endspaceless %}
    {% include "misago/head.html" %}
    <script type="application/ld+json">{"@context":"http://schema.org","@type":"WebSite","url":"{{ SITE_ADDRESS }}"}</script>
  </head>
  <body {% if misago_agreement %}class="agreement-overlay-visible"{% endif %}>

    <div id="auth-message-mount"></div>
    <div id="snackbar-mount"></div>

    <div id="misago-container" {% if misago_agreement %}aria-hidden="true"{% endif %}>
      {% include "misago/jumbotron.html" %}
      {% include "misago/navbar.html" %}

      <div id="page-mount">
        {% block content %}{% endblock content %}
      </div>

      {% include "misago/posting.html" %}
      {% include "misago/footer.html" %}
    </div>
    {% include "misago/auth.html" %}

    <div class="modal fade" id="modal-mount" tabindex="-1" role="dialog" aria-labelledby="misago-modal-label"></div>

    {% if misago_agreement %}
      {% include "misago/required_agreement.html" %}
    {% endif %}

    <script src="{% url 'django-i18n' %}?{{ LANGUAGE_CODE }}"></script>
    <script type="text/javascript">
      if (!(Object.assign && Array.from)) {
        var polyfill = document.createElement('script');
        polyfill.src = '{% static "misago/js/es2015.js" %}';
        document.getElementsByTagName('head')[0].appendChild(polyfill);
      }
    </script>
    <script src="{% static 'misago/js/vendor.js' %}"></script>
    {% if LANGUAGE_CODE != "en-us" and MOMENTJS_LOCALE_URL %}
    <script src="{% static MOMENTJS_LOCALE_URL %}"></script>
    {% endif %}
    <script src="{% static 'misago/js/misago.js' %}"></script>
    {% include "misago/scripts.html" %}
    <script type="text/javascript">
      misago.init({{ frontend_context|as_json }});
    </script>

  </body>
</html>
