<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
<link href="/css/public.css" rel="stylesheet">

<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />

<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/favicon-de/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">

<meta name="saashub-verification" content="pe2z5lu1pdgx">

  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">

<script type="text/javascript">
    document.addEventListener('DOMContentLoaded', () => {
        // Tabs
        document.querySelectorAll('[role=tablist] a').forEach(a => {
            a.addEventListener('click', e => {
                e.defaultPrevented = true;
                e.preventDefault();

                // Hide other tabs
                document.querySelectorAll('.tab-pane').forEach(tab => {
                    tab.classList.remove('show');
                    tab.classList.remove('active');
                });

                // Mark tab link as active
                document.querySelectorAll('[role=tablist] .nav-link').forEach(l => {
                    l.classList.remove('active');
                });

                a.classList.add('active');

                let target = e.target.getAttribute('href');
                let tab = document.querySelector(target);
                tab.classList.add('show');
                tab.classList.add('active');

                return false;
            });
        });

        // Dropdowns
        document.querySelectorAll('[data-toggle=collapse]').forEach(a => {
            a.addEventListener('click', e => {
                e.defaultPrevented = true;
                e.preventDefault();

                let link = e.target.closest('a');
                let collapseTargetId = link.getAttribute('href');
                let collapseTarget = document.querySelector(collapseTargetId);

                let svg = link.querySelector('svg');

                if (collapseTarget.classList.contains('show')) {
                    svg.classList.remove('transform-rotate-90-deg');
                    collapseTarget.classList.remove('show');
                } else {
                    svg.classList.add('transform-rotate-90-deg');
                    collapseTarget.classList.add('show');
                }

                return false;
            });
        });

        const toggle = document.getElementById('navbar-toggle');
        let isExpanded = false;

        if (toggle) {
            toggle.addEventListener('click', () => {
                console.log('click!');
                const navMenu = document.getElementById('navigation-menu');
                isExpanded = !isExpanded;
                const show = navMenu.classList.toggle('show');

                toggle.setAttribute('aria-expanded', isExpanded);
            });
        }
    });
</script>