{% load static i18n %}<!DOCTYPE html>
{% get_current_language as LANGUAGE_CODE %}
<html lang="{{ LANGUAGE_CODE }}">
<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>{% block title %}VBV Lernwelt{% endblock title %}</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="VBV Lernumgebung">
  <meta name="author" content="Iterativ GmbH">
  <link rel="icon" href="/static/images/favicons/favicon.ico">

  {% block css %}
    <link href="/static/fonts/BuenosAires/stylesheet.css" rel="stylesheet">
    <link href="/static/css/tailwind.css" rel="stylesheet">
    <!-- Your stuff: Third-party CSS libraries go here -->
    <!-- This file stores project-specific CSS -->
  {% endblock %}
  <!-- Le javascript
  ================================================== -->
  {# Placed at the top of the document so pages load faster with defer #}
  <script defer src="/server/core/icons/"></script>

  {% block javascript %}
    <!-- Your stuff: Third-party javascript libraries go here -->
    <!-- place project specific Javascript in this file -->
    <script src="https://d3js.org/d3.v4.min.js"></script>
  {% endblock javascript %}

</head>

<body>

<div class="container">

  {% if messages %}
    {% for message in messages %}
      <div class="alert alert-dismissible {% if message.tags %}alert-{{ message.tags }}{% endif %}">
        {{ message }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
    {% endfor %}
  {% endif %}
</div>


{% block content %}
{% endblock content %}


{% block modal %}{% endblock modal %}

<script>
document.body.addEventListener('htmx:configRequest', (event) => {
  event.detail.headers['X-CSRFToken'] = '{{ csrf_token }}';
})
</script>

{% block inline_javascript %}

  {% comment %}
    Script tags with only code, no src (defer by default). To run
    with a "defer" so that you run inline code:
    <script>
    window.addEventListener('DOMContentLoaded', () => {/* Run whatever you want */});
    </script>
  {% endcomment %}
{% endblock inline_javascript %}
</body>
</html>
