<html lang="{{ lang.id | default(value='en')}}" class="scroll-smooth {{color_theme | default(value='')}}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="csrf-token" content="{{token | default(value='')}}">
<link rel="icon" type="image/x-icon" href="{{assets_url | default(value='')}}/favicon.ico"/>
<link rel="stylesheet" href="{{assets_url | default(value='')}}/css/main.css" />
{% if css_link %}
<link href="{{css_link}}" rel="stylesheet">
{% endif %}
{% if other_css_link %}
<link href="{{other_css_link}}" rel="stylesheet">
{% endif %}
<link rel="stylesheet" href="{{assets_url | default(value='')}}/css/images_tiitls.css" />
{#
<link rel="stylesheet" href="{{assets_url | default(value='')}}/css/flowbite.min.css" />
#}
{# <link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.6.5/flowbite.min.css" rel="stylesheet" /> #}
<style>
.active { padding: 0 0.5em; border-radius: 0.5rem; }
.active { background-color: rgba(203,213,225,1); }
.dark .active { background-color: rgba(71,85,105,1); }
</style>
</head>
<body class="hidden bg-gray-50 dark:bg-gray-900 dark:text-gray-200 dark:bg-gray-900">
<div class="flex flex-col">
{% if with_menu %}
{% include "partials/navbar.html.j2" %}
{% endif %}