main.xml

<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">

<message id="Lms.main.template">
	${navbar}
	<div class="container">
		${contents}
		${notifications class="toast-container Lms-notification-container p-3"}
		${modal}
	</div>
	${player class="fixed-bottom bg-dark Lms-player"}
</message>

<message id="Lms.main.template.navbar">
	<nav class="navbar navbar-expand-md navbar-dark bg-dark mb-3">
		<div class="container">
			<div class="d-flex">
				${search class="form-control" type="search"}
			</div>
		    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<ul class="navbar-nav me-auto align-items-md-center mb-lg-0">
					<li class="nav-item">
						${releases class="nav-link"}
					</li>
					<li class="nav-item">
						${artists class="nav-link"}
					</li>
					<li class="nav-item">
						${tracks class="nav-link"}
					</li>
					<li class="nav-item">
						${tracklists class="nav-link"}
					</li>
					<li class="nav-item">
						${filters class="nav-link d-flex align-items-center"}
					</li>
				</ul>
				<div class="navbar-nav align-items-md-center mb-lg-0">
				${<if-is-admin>}
					<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" title="${tr:Lms.administration}">
							<i class="fa fa-cogs" aria-hidden="true"></i>
						</a>
						<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
							<li>${database class="dropdown-item"}</li>
							<li>${users class="dropdown-item"}</li>
						</ul>
					</li>
				${</if-is-admin>}
					<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" title="${tr:Lms.user}">
							<i class="fa fa-user" aria-hidden="true"></i>
						</a>
						<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
							<li class="dropdown-header">${username}</li>
							<li class="dropdown-divider"></li>
							<li>${settings class="dropdown-item"}</li>
							<li>${logout class="dropdown-item"}</li>
						</ul>
					</li>
				</div>
			</div>
		</div>
	</nav>
</message>

</messages>