{% load compress django_htmx static tailwind_cli %}

<!DOCTYPE html>
<html lang="en" data-theme="{{ KITCHENAI_THEME }}">
  <head>
    <meta charset="UTF-8" />
    <meta name="htmx-config" content='{"globalViewTransitions": "true"}' />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />

    {% block title %}
      <title>KitchenAI</title>
    {% endblock title %}

    {% tailwind_css %}
    {% compress css %}
      {% block css %}
      {% endblock css %}
    {% endcompress css %}

    <script defer src="{% static 'vendors/htmx/htmx.min.js' %}"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
    {% compress js %}
      {% block javascript %}
      {% endblock javascript %}
    {% endcompress js %}
  </head>
  <body hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}' class="min-h-screen w-full bg-base-200">
    <main>
      {% block content %}
      {% endblock content %}
    </main>
  </body>
</html>
