{% load i18n static ui %}
<!doctype html>
<!--
                     A
 _     _   _     _       _                 _
| |__ | |_| |__ | | __ _| |__  ___   _ __ | |
| '_ \| __| '_ \| |/ _` | '_ \/ __| | '_ \| |
| |_) | |_| | | | | (_| | |_) \__ \_| |_) | |
|_.__/ \__|_| |_|_|\__,_|_.__/|___(_) .__/|_|
                                    |_|
                production
-->
<html lang="en" data-bs-theme="{% if APPEARANCE_SETTINGS.light_mode %}light{% else %}dark{% endif %}">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover,user-scalable=no">
    <meta name="generator" content="pl.bthlabs.HotPocket.backend@{{ IMAGE_ID }}">
    {% if APPEARANCE_SETTINGS.light_mode %}
      <meta name="theme-color" content="#f8f9fa" />
    {% else %}
      <meta name="theme-color" content="#2b3035" />
    {% endif %}
    <title>{% block title %}{% translate 'Not Found' %}{% endblock %} | {{ SITE_TITLE }}</title>
    <link href="{% static APPEARANCE_SETTINGS.theme_css %}" rel="stylesheet">
    <link href="{% static 'ui/css/bootstrap-icons.min.css' %}" rel="stylesheet">
    <link href="{% static 'ui/css/hotpocket-backend.css' %}" rel="stylesheet">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="HotPocket">
    <link rel="apple-touch-icon" href="{% static 'ui/img/icon-180.png' %}">
    <link rel="icon" type="image/png" sizes="32x32" href="{% static 'ui/img/icon-32.png' %}">
    <link rel="icon" type="image/png" sizes="16x16" href="{% static 'ui/img/icon-16.png' %}">
    <link rel="manifest" href="{% url 'ui.meta.manifest_json' %}">
    {% for head_include in BASE_INCLUDES.head %}
      {% include head_include %}
    {% endfor %}
    {% block page_head %}{% endblock %}
  </head>
  <body class="{% block body_class %}{% endblock %}" hx-headers='{"x-csrftoken": "{{ csrf_token }}"}'>
    {% block body %}
    {% endblock %}
    {% block scripts %}{% endblock %}
    {% for script_include in BASE_INCLUDES.script %}
      {% include script_include %}
    {% endfor %}
  </body>
</html>
