<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 %}