new ui

server/templates/layout/nav.gohtml

@@ -1,7 +1,39 @@
 {{define "nav"}}
-<a href="/orders" data-title="Zamówienia"><i class="fa-solid fa-list-ul"></i></a>
-<a href="/order" data-title="Nowe zamówienie"><i class="fa-solid fa-plus-circle"></i></a>
-<a href="/cakes" data-title="Wszystkie ciasta"><i class="fa-solid fa-birthday-cake"></i></a>
-<a href="/cake" data-title="Nowe ciasto"><i class="fa-solid fa-plus"></i></a>
-<a href="/logout" data-title="Wyloguj"><i class="fa-solid fa-sign-out-alt"></i></a>
+<div class="sidebar-brand">
+    <h1>Crumbs &amp; Co.</h1>
+    <p>Produkcja</p>
+</div>
+<a href="/order" class="sidebar-cta">
+    <span class="material-symbols-outlined">add</span>
+    <span>Nowe zamówienie</span>
+</a>
+<div class="sidebar-nav">
+    <a href="/orders" class="sidebar-link">
+        <span class="material-symbols-outlined">dashboard</span>
+        <span>Panel główny</span>
+    </a>
+    <a href="/order" class="sidebar-link">
+        <span class="material-symbols-outlined">shopping_cart</span>
+        <span>Zamówienia</span>
+    </a>
+    <a href="/cakes" class="sidebar-link">
+        <span class="material-symbols-outlined">inventory_2</span>
+        <span>Katalog</span>
+    </a>
+</div>
+<div class="sidebar-footer">
+    <a href="/logout" class="sidebar-link">
+        <span class="material-symbols-outlined">settings</span>
+        <span>Ustawienia</span>
+    </a>
+    <div class="sidebar-user">
+        <div class="sidebar-user-avatar">
+            <span class="material-symbols-outlined" style="font-size:18px">person</span>
+        </div>
+        <div class="sidebar-user-info">
+            <span class="sidebar-user-name">Menedżer</span>
+            <span class="sidebar-user-status">Aktywny</span>
+        </div>
+    </div>
+</div>
 {{end}}