{% load pwa %}
{% load formats %}
{% load i18n %}
{% load title %}
{% load webpack_loader %}
<!doctype html>
<html lang="en" data-bs-theme="dark">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
      {% filter site_title %}
        {% block title %}
        {% endblock title %}
      {% endfilter %}
    </title>

    {% include 'includes/head/favicons.html' %}
    {% progressive_web_app_meta %}

    {% include 'includes/styles.html' %}
    {% block extra_styles %}{% endblock %}
  
    {% include 'includes/scripts.html' %}

    {% block extra_js_head %}{% endblock %}
  </head>
  <body class="font-monospace">
    <div _="install hide_amounts
            install htmx_error_handler
           {% block body_hyperscript %}{% endblock %}"
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
      {% include 'includes/navbar.html' %}

      <div id="content">
        {% block content %}{% endblock %}
      </div>
      
      {% include 'includes/offcanvas.html' %}
      {% include 'includes/toasts.html' %}
    </div>

    {% include 'includes/tools/calculator.html' %}

    {% block extra_js_body %}{% endblock %}
  </body>
</html>
