<div id="layoutSidenav">
	<div id="layoutSidenav_nav">
		<nav class="sb-sidenav accordion" id="sidenavAccordion">
			<div class="sb-sidenav-heading sb-color">
				<div class="sb-brand">
					<img src="<?php show_file_link(PROJECT_LOGO); ?>" style="max-width: 100%; height: 50px;">
				</div>
			</div>

			<div class="sb-sidenav-menu">
				<div class="nav">
					<div class="profile">
						<a href="#" class="nav-link collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-perfil-usuario" aria-expanded="false" aria-controls="collapse-perfil-usuario">
							<div class="me-auto">
								<i class="fa-solid fa-circle-user" style="font-size: 2.5rem;"></i>
							</div>

							NOME DO USUÁRIO
							
							<div class="sb-sidenav-collapse-arrow">
								<i class="fa-regular fa-angle-down"></i>
							</div>
						</a>
						<div class="collapse" id="collapse-perfil-usuario" data-bs-parent="#sidenavAccordion">
							<nav class="sb-sidenav-menu-nested nav">
								<a href="" class="nav-link">
									<div class="sb-nav-link-icon">
										<i class="fa-regular fa-address-card"></i>
									</div>
									Perfil
								</a>
								<a href="" class="nav-link">
									<div class="sb-nav-link-icon">
										<i class="fa-regular fa-arrow-right-from-bracket"></i>
									</div>
									Sair
								</a>
							</nav>
						</div>
					</div>

					<div class="sb-sidenav-menu-heading">Core</div>

					<a href="" class="nav-link" data-active-page="dashboard">
						<div class="sb-nav-link-icon">
							<i class="fa-regular fa-gauge-high"></i>
						</div>
						Dashboard
					</a>

					<a href="" class="nav-link" data-active-page="usuario">
						<div class="sb-nav-link-icon">
							<i class="fa-regular fa-users"></i>
						</div>
						Usuário
					</a>

					<div class="sb-sidenav-menu-heading">Interface</div>

					<a href="#" class="nav-link collapsed"  data-active-page="layout" data-bs-toggle="collapse" data-bs-target="#collapseLayouts" aria-expanded="false" aria-controls="collapseLayouts">
						<div class="sb-nav-link-icon">
							<i class="fa-regular fa-table-layout"></i>
						</div>
						Layouts
						<div class="sb-sidenav-collapse-arrow">
							<i class="fa-regular fa-angle-down"></i>
						</div>
					</a>
					<div class="collapse" id="collapseLayouts" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion">
						<nav class="sb-sidenav-menu-nested nav">
							<a href="" class="nav-link">Static Navigation</a>
							<a href="" class="nav-link">Light Sidenav</a>
						</nav>
					</div>							
				</div>
			</div>
			<div class="sb-sidenav-footer">
				<div class="small">Versão:</div>
				1.0.0
			</div>
		</nav>
	</div>

	<div id="layoutSidenav_content" class="bg-color">
		<main>
			<div class="container-fluid p-3">