<div class="sidebar-wrapper active">
    <div class="sidebar-header">
        <div class="d-flex justify-content-between">
            <div class="logo">
                <a href="/">Mein Geld</a>
            </div>
            <div class="toggler">
                <a href="#" class="sidebar-hide d-xl-none d-block"><i class="fa-solid fa-xmark"></i></a>
            </div>
        </div>
    </div>
    <div class="sidebar-menu">
        <ul class="menu">
            <li class="sidebar-item active">
                <a href="/" class='sidebar-link'>
                    <i class="fa-solid fa-table"></i>
                    <span>Übersicht</span>
                </a>
            </li>
            <li class="sidebar-item active">
                <a href="/newBill" class='sidebar-link'>
                    <i class="fa-solid fa-pen-to-square"></i>
                    <span>Neue Rechnung</span>
                </a>
            </li>
            <li class="sidebar-item active">
                <a href="/newTransfer" class='sidebar-link'>
                    <i class="fa-solid fa-pen-to-square"></i>
                    <span>Neuer Transfer</span>
                </a>
            </li>
            <li class="sidebar-item active">
                <a href="javascript:syncScheduled()" class='sidebar-link'>
                    <i class="fa-solid fa-pen-to-square"></i>
                    <span>Sync Automatische</span>
                </a>
            </li>
            <li class="sidebar-item active">
                <a href="/viewAccounts" class='sidebar-link'>
                    <i class="fa-solid fa-pen-to-square"></i>
                    <span>Kategorien</span>
                </a>
            </li>
            <li class="sidebar-item active">
                <a href="/viewActivities" class='sidebar-link'>
                    <i class="fa-solid fa-pen-to-square"></i>
                    <span>Kontoverlauf</span>
                </a>
            </li>
            <li class="sidebar-item active">
                <a href="/viewScheduled" class='sidebar-link'>
                    <i class="fa-solid fa-pen-to-square"></i>
                    <span>Terminbuchungen</span>
                </a>
            </li>
            <li class="sidebar-item active">
                <a href="/viewChart" class='sidebar-link'>
                    <i class="fa-solid fa-tachometer-alt"></i>
                    <span>Monatschart</span>
                </a>
            </li>
            
        </ul>
        <div class="ps-5">
			<div class="small">Logged in as:</div>
			<?= (auth()->user()?auth()->user()->username:"Gast")?>
		</div>
    </div>
    <button class="sidebar-toggler btn x"><i data-feather="x"></i></button>
</div>