erp-imprimelibros/src/main/resources/templates/imprimelibros/partials/topbar.html

<div th:fragment="topbar" th:remove="tag">
	<header id="page-topbar">
		<div class="layout-width">
			<div class="navbar-header">
				<div class="d-flex">
					<!-- LOGO -->
					<div class="navbar-brand-box horizontal-logo">
						<a href="/" class="logo logo-dark">
							<span class="logo-sm">
								<img src="/assets/images/logo-sm.png" alt="" height="22">
							</span>
							<span class="logo-lg">
								<img src="/assets/images/logo-dark.png" alt="" height="17">
							</span>
						</a>

						<a href="/" class="logo logo-light">
							<span class="logo-sm">
								<img src="/assets/images/logo-sm.png" alt="" height="22">
							</span>
							<span class="logo-lg">
								<img src="/assets/images/logo-light.png" alt="" height="17">
							</span>
						</a>
					</div>

					<button type="button" class="btn btn-sm px-3 fs-16 header-item vertical-menu-btn topnav-hamburger"
						id="topnav-hamburger-icon">
						<span class="hamburger-icon">
							<span></span>
							<span></span>
							<span></span>
						</span>
					</button>
				</div>

				<div class="d-flex align-items-center">

					<div class="dropdown ms-1 topbar-head-dropdown header-item">
						<button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle"
							data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
							<img id="header-lang-img" src="/assets/images/flags/spain.svg" alt="Header Language"
								height="20" class="rounded">

						</button>
						<div class="dropdown-menu dropdown-menu-end">

							<!-- item-->
							<a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="es"
								title="Spanish">
								<img src="/assets/images/flags/spain.svg" alt="user-image" class="me-2 rounded"
									height="18">
								<span class="align-middle">Español</span>
							</a>

							<!-- item-->
							<a href="javascript:void(0);" class="dropdown-item notify-item language py-2" data-lang="en"
								title="English">
								<img src="/assets/images/flags/gb.svg" alt="user-image" class="me-2 rounded"
									height="18">
								<span class="align-middle">English</span>
							</a>

						</div>
					</div>


					<div th:if="${#authorization.expression('isAuthenticated()')}">
						<div class="dropdown ms-sm-3 header-item topbar-user">
							<button type="button" class="btn" id="page-header-user-dropdown" data-bs-toggle="dropdown"
								aria-haspopup="true" aria-expanded="false">
								<span class="d-flex align-items-center">
									<img class="rounded-circle header-profile-user"
										src="/assets/images/users/avatar-1.jpg" alt="Header Avatar">
									<span class="text-start ms-xl-2">
										<span class="d-none d-xl-inline-block ms-1 fw-medium user-name-text">Anna
											Adame</span>
										<span
											class="d-none d-xl-block ms-1 fs-12 text-muted user-name-sub-text">Founder</span>
									</span>
								</span>
							</button>
							<div class="dropdown-menu dropdown-menu-end">
								<!-- item-->
								<h6 class="dropdown-header">Welcome Anna!</h6>
								<a class="dropdown-item" href="/pages-profile"><i
										class="mdi mdi-account-circle text-muted fs-16 align-middle me-1"></i> <span
										class="align-middle">Profile</span></a>
								<a class="dropdown-item" href="/apps-chat"><i
										class="mdi mdi-message-text-outline text-muted fs-16 align-middle me-1"></i>
									<span class="align-middle">Messages</span></a>
								<a class="dropdown-item" href="/apps-tasks-kanban"><i
										class="mdi mdi-calendar-check-outline text-muted fs-16 align-middle me-1"></i>
									<span class="align-middle">Taskboard</span></a>
								<a class="dropdown-item" href="/pages-faqs"><i
										class="mdi mdi-lifebuoy text-muted fs-16 align-middle me-1"></i> <span
										class="align-middle">Help</span></a>
								<div class="dropdown-divider"></div>
								<a class="dropdown-item" href="/pages-profile"><i
										class="mdi mdi-wallet text-muted fs-16 align-middle me-1"></i> <span
										class="align-middle">Balance : <b>$5971.67</b></span></a>
								<a class="dropdown-item" href="/pages-profile-settings"><span
										class="badge bg-soft-success text-success mt-1 float-end">New</span><i
										class="mdi mdi-cog-outline text-muted fs-16 align-middle me-1"></i> <span
										class="align-middle">Settings</span></a>
								<a class="dropdown-item" href="auth-lockscreen-basic"><i
										class="mdi mdi-lock text-muted fs-16 align-middle me-1"></i> <span
										class="align-middle">Lock screen</span></a>
								<a class="dropdown-item" href="auth-logout-basic"><i
										class="mdi mdi-logout text-muted fs-16 align-middle me-1"></i> <span
										class="align-middle" data-key="t-logout">Logout</span></a>
							</div>
						</div>
					</div>
					<!-- Si NO está autenticado -->
					<div th:unless="${#authorization.expression('isAuthenticated()')}">
						<a href="/login" class="btn btn-outline-primary ms-sm-3">
							<i class="mdi mdi-login"></i> <label th:text="#{login.login}">Iniciar sesión</p>
						</a>
					</div>

				</div>
			</div>
		</div>
	</header>


</div>