package templates

templ Nav() {
	<button type="button" class="collapse-btn" onclick="toggleSidebar()" title="Zwiń / Rozwiń">
		<span class="material-symbols-outlined">menu</span>
	</button>
	<a href="/order" class="cta" hx-get="/order" hx-target="#main" hx-swap="outerHTML" hx-push-url="true">
		<span class="material-symbols-outlined">add</span>
		<span>Nowe zamówienie</span>
	</a>
	<nav>
		<a href="/orders" class="link" hx-get="/orders" hx-target="#main" hx-swap="outerHTML" hx-push-url="true">
			<span class="material-symbols-outlined">dashboard</span>
			<span>Panel główny</span>
		</a>
		<a href="/cakes" class="link" hx-get="/cakes" hx-target="#main" hx-swap="outerHTML" hx-push-url="true">
			<span class="material-symbols-outlined">inventory_2</span>
			<span>Katalog</span>
		</a>
		<a href="/blocked" class="link" hx-get="/blocked" hx-target="#main" hx-swap="outerHTML" hx-push-url="true">
			<span class="material-symbols-outlined">event_busy</span>
			<span>Terminy zablokowane</span>
		</a>
	</nav>
}