<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
    <title>{% block meta_title %}{% endblock %}</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="shortcut icon" href="{{ guest.system_company.favicon_url }}">

    {{ include('partial_bb_meta.html.twig') }}

    <link rel="stylesheet" href="{{ 'build/css/vendor.css' | asset_url }}">
    <link rel="stylesheet" href="{{ 'build/css/fossbilling.css' | asset_url }}">
    {{ 'js/fossbilling.js' | public_asset_url | script_tag }}
    {{ 'js/api.js' | public_asset_url | script_tag }}
    <script src="{{ 'build/js/fossbilling.js' | asset_url }}"></script>
</head>

<body class="border-top-wide border-primary d-flex flex-column">
    <script>
        if (localStorage.getItem('theme') === 'dark') {
            document.documentElement.setAttribute("data-bs-theme", localStorage.getItem('theme'));
        } else {
            document.documentElement.removeAttribute("data-bs-theme");
        }
    </script>

    {% block content %}{% endblock %}
    {% block js %}{% endblock %}

    <div class="d-none">
        {{ svg_sprite() }}
    </div>
    <div class="toast-container position-fixed bottom-0 end-0 p-3" style="z-index: 1070;">
    </div>
</body>
</html>
