Stirling-PDF/src/main/resources/templates/navbar.html

<div th:fragment="navbar">
	<nav class="navbar navbar-expand-lg navbar-light bg-light">
		<div class="container">
			<a class="navbar-brand" href="#" th:href="@{/home}">Stirling PDF</a>
			<button class="navbar-toggler" type="button" data-toggle="collapse"
				data-target="#navbarNav" aria-controls="navbarNav"
				aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbarNav">
				<ul class="navbar-nav">

					<li class="nav-item"><a class="nav-link" href="#"
						th:href="@{/merge-pdfs}"
						th:classappend="${currentPage}=='merge-pdfs' ? 'active' : ''">Merge
							PDFs</a></li>
					<li class="nav-item"><a class="nav-link" href="#"
						th:href="@{/split-pdfs}"
						th:classappend="${currentPage}=='split-pdfs' ? 'active' : ''">Split
							PDFs</a></li>
					<li class="nav-item"><a class="nav-link" href="#"
						th:href="@{/convert-pdf}"
						th:classappend="${currentPage}=='convert-pdf' ? 'active' : ''">Convert
							to/from PDF</a></li>
					<li class="nav-item"><a class="nav-link" href="#"
						th:href="@{/add-image}"
						th:classappend="${currentPage}=='add-image' ? 'active' : ''">Add
							image to PDF</a></li>
					<li class="nav-item"><a class="nav-link" href="#"
						th:href="@{/pdf-organizer}"
						th:classappend="${currentPage}=='pdf-organizer' ? 'active' : ''">PDF
							Organizer</a></li>
					<li class="nav-item"><a class="nav-link" href="#"
						th:href="@{/rotate-pdf}"
						th:classappend="${currentPage}=='rotate-pdf' ? 'active' : ''">Rotate PDF</a></li>
					<li class="nav-item"><a class="nav-link" href="#"
						th:href="@{/compress-pdf}"
						th:classappend="${currentPage}=='compress-pdf' ? 'active' : ''">Compress PDF</a></li>	
												
					<input type="checkbox" id="toggle-dark-mode"
						th:onclick="javascript:toggleDarkMode()">
					<a class="nav-link" href="#" for="toggle-dark-mode">Dark Mode</a>

				</ul>

			</div>
		</div>
	</nav>
</div>