subcategories implemented and working now

.env.production.example

@@ -2,7 +2,7 @@ CONTAINER_NAME=universal-web
 REVERSE_PROXY_NETWORK=
 UPLOADS_VOLUME_NAME=universal_web_uploads
 
-APP_HOST=https://gitara.farmeris.sk
+APP_HOST=https://eshop.example.com
 PORT=5150
 SERVER_BINDING=0.0.0.0
 

Caddyfile

@@ -1,4 +1,4 @@
-gitara.farmeris.sk {
+eshop.example.com {
 	encode gzip
 
 	@static path /static/*
@@ -6,9 +6,9 @@ gitara.farmeris.sk {
 
 	rewrite /favicon.ico /static/favicon/favicon.ico
 
-	reverse_proxy gitara-web:5150
+	reverse_proxy kompress:5150
 }
 
-www.gitara.farmeris.sk {
+eshop.example.com {
-	redir https://gitara.farmeris.sk{uri} permanent
+	redir https://eshop.example.com{uri} permanent
 }

Cargo.lock

@@ -1523,36 +1523,6 @@ dependencies = [
  "wasip3",
 ]
 
-[[package]]
-name = "gitara_web"
-version = "0.1.0"
-dependencies = [
- "async-trait",
- "axum",
- "axum-extra",
- "bytes",
- "chrono",
- "dotenvy",
- "fluent-templates",
- "include_dir",
- "insta",
- "loco-rs",
- "migration",
- "regex",
- "rstest",
- "sea-orm",
- "serde",
- "serde_json",
- "serial_test",
- "time",
- "tokio",
- "tracing",
- "tracing-subscriber",
- "unic-langid",
- "uuid",
- "validator",
-]
-
 [[package]]
 name = "glob"
 version = "0.3.3"
@@ -2124,6 +2094,36 @@ dependencies = [
  "simple_asn1",
 ]
 
+[[package]]
+name = "kompress_eshop"
+version = "0.1.0"
+dependencies = [
+ "async-trait",
+ "axum",
+ "axum-extra",
+ "bytes",
+ "chrono",
+ "dotenvy",
+ "fluent-templates",
+ "include_dir",
+ "insta",
+ "loco-rs",
+ "migration",
+ "regex",
+ "rstest",
+ "sea-orm",
+ "serde",
+ "serde_json",
+ "serial_test",
+ "time",
+ "tokio",
+ "tracing",
+ "tracing-subscriber",
+ "unic-langid",
+ "uuid",
+ "validator",
+]
+
 [[package]]
 name = "kqueue"
 version = "1.1.1"

Cargo.toml

@@ -1,11 +1,11 @@
 [workspace]
 
 [package]
-name = "gitara_web"
+name = "kompress_eshop"
 version = "0.1.0"
 edition = "2021"
 publish = false
-default-run = "gitara_web-cli"
+default-run = "kompress-eshop-cli"
 
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
@@ -45,7 +45,7 @@ axum-extra = { version = "0.10", features = ["form"] }
 bytes = { version = "1" }
 
 [[bin]]
-name = "gitara_web-cli"
+name = "kompress-eshop-cli"
 path = "src/bin/main.rs"
 required-features = []
 

Dockerfile

@@ -5,7 +5,7 @@ WORKDIR /usr/src
 
 COPY . .
 
-RUN cargo build --release --bin gitara_web-cli
+RUN cargo build --release --bin kompress-cli
 
 FROM debian:bookworm-slim
 
@@ -17,9 +17,9 @@ WORKDIR /usr/app
 
 COPY --from=builder /usr/src/assets assets
 COPY --from=builder /usr/src/config config
-COPY --from=builder /usr/src/target/release/gitara_web-cli gitara_web-cli
+COPY --from=builder /usr/src/target/release/kompress-cli kompress-cli
 
 ENV LOCO_ENV=production
 EXPOSE 5150
-ENTRYPOINT ["/usr/app/gitara_web-cli"]
+ENTRYPOINT ["/usr/app/kompress-cli"]
 CMD ["start"]

assets/i18n/en-US/main.ftl

@@ -1,6 +1,6 @@
-brand = My guitar
+brand = Kompress eshop
 hello-world = Hello world!
-meta-description = A guitar player's personal site. News, blog posts, albums, and songs in one place.
+meta-description = Kompress eshop
 nav-home = Home
 nav-about = About
 nav-blog = Blog

assets/i18n/en/main.ftl

@@ -1,6 +1,6 @@
-brand = My guitar
+brand = Kompress eshop
 hello-world = Hello world!
-meta-description = A guitar player's personal site. News, blog posts, albums, and songs in one place.
+meta-description = Kompress eshop
 nav-home = Home
 nav-about = About
 nav-blog = Blog
@@ -172,3 +172,94 @@ track-number = Track number
 track-number-help = Optional - this song's position in the album track list.
 featured-help = Highlight this song on the site
 publish-song-now = Publish now - visitors can see it.
+
+# --- eshop: catalog, shop, cart, orders ---
+nav-shop = Shop
+admin-products = Products
+admin-products-desc = manage the products you sell.
+admin-categories = Categories
+admin-categories-desc = organise products into categories.
+admin-orders = Orders
+admin-no-products = No products yet.
+admin-no-categories = No categories yet.
+new-product = New product
+edit-product = Edit product
+new-category = New category
+edit-category = Edit category
+product = Product
+name = Name
+price = Price
+stock = Stock
+sku = SKU
+currency = Currency
+category = Category
+no-category = No category
+image = Image
+slug = URL slug
+slug-auto = generated automatically
+position = Position
+parent-category = Parent category
+no-parent = — None (top level) —
+quantity = Quantity
+add-to-cart = Add to cart
+in-stock = In stock
+out-of-stock = Out of stock
+confirm-delete = Delete this for good?
+shop-title = Shop
+shop-subtitle = browse our products.
+shop-empty = There are no products here yet.
+categories = Categories
+all-products = All products
+cart-title = Cart
+cart-empty = Your cart is empty.
+cart-total = Total
+cart-checkout = Proceed to checkout
+cart-remove = Remove
+cart-update = Update
+cart-continue = Continue shopping
+checkout-title = Checkout
+checkout-contact = Contact details
+checkout-shipping = Shipping address
+checkout-email = Email
+checkout-name = Full name
+checkout-address = Address
+checkout-city = City
+checkout-zip = Postal code
+checkout-country = Country
+checkout-note = Order note
+checkout-place-order = Place order
+checkout-summary = Order summary
+order-confirmed-title = Thank you for your order!
+order-confirmed-sub = We have received your order.
+order-number = Order number
+order-status = Status
+order-total = Total
+order-items = Items
+order-date = Date
+order-customer = Customer
+admin-no-orders = No orders yet.
+order-status-pending = Pending
+order-status-paid = Paid
+order-status-shipped = Shipped
+order-status-cancelled = Cancelled
+order-update-status = Update status
+
+# --- eshop: shipping & payment ---
+checkout-carrier = Delivery
+checkout-payment = Payment method
+checkout-subtotal = Subtotal
+checkout-shipping-cost = Shipping
+checkout-pick-point = Choose pickup point
+checkout-chosen-point = Chosen point
+checkout-pickup-point = Pickup point
+payment-cod = Cash on delivery
+payment-bank = Bank transfer
+payment-bank-instructions = Please transfer the amount to our account:
+payment-cod-note = You will pay for the goods on delivery.
+payment-bank-note = We will ship once the payment arrives.
+bank-account-name = Account holder
+bank-variable-symbol = Variable symbol
+bank-amount = Amount
+admin-shipping = Shipping
+admin-shipping-desc = set carrier prices and availability.
+shipping-enabled = Active

assets/i18n/sk/main.ftl

@@ -1,6 +1,6 @@
-brand = Moja gitara
+brand = Kompress eshop
 hello-world = Ahoj svet!
-meta-description = Osobná stránka gitaristu. Novinky, blog, albumy a skladby na jednom mieste.
+meta-description = Kompress eshop
 nav-home = Domov
 nav-about = O mne
 nav-blog = Blog
@@ -172,3 +172,94 @@ track-number = Číslo skladby
 track-number-help = Voliteľné - pozícia skladby v zozname albumu.
 featured-help = Zvýrazniť túto skladbu na webe
 publish-song-now = Zverejniť teraz - návštevníci ju uvidia.
+
+# --- eshop: catalog, shop, cart, orders ---
+nav-shop = Obchod
+admin-products = Produkty
+admin-products-desc = spravovať produkty v ponuke.
+admin-categories = Kategórie
+admin-categories-desc = usporiadať produkty do kategórií.
+admin-orders = Objednávky
+admin-no-products = Zatiaľ žiadne produkty.
+admin-no-categories = Zatiaľ žiadne kategórie.
+new-product = Nový produkt
+edit-product = Upraviť produkt
+new-category = Nová kategória
+edit-category = Upraviť kategóriu
+product = Produkt
+name = Názov
+price = Cena
+stock = Sklad
+sku = Kód (SKU)
+currency = Mena
+category = Kategória
+no-category = Bez kategórie
+image = Obrázok
+slug = URL adresa
+slug-auto = vygeneruje sa automaticky
+position = Poradie
+parent-category = Nadradená kategória
+no-parent = — Žiadna (najvyššia úroveň) —
+quantity = Množstvo
+add-to-cart = Pridať do košíka
+in-stock = Na sklade
+out-of-stock = Vypredané
+confirm-delete = Naozaj zmazať?
+shop-title = Obchod
+shop-subtitle = prezrite si našu ponuku produktov.
+shop-empty = Zatiaľ tu nie sú žiadne produkty.
+categories = Kategórie
+all-products = Všetky produkty
+cart-title = Košík
+cart-empty = Váš košík je prázdny.
+cart-total = Spolu
+cart-checkout = Pokračovať k pokladni
+cart-remove = Odstrániť
+cart-update = Aktualizovať
+cart-continue = Pokračovať v nákupe
+checkout-title = Pokladňa
+checkout-contact = Kontaktné údaje
+checkout-shipping = Dodacia adresa
+checkout-email = E-mail
+checkout-name = Meno a priezvisko
+checkout-address = Adresa
+checkout-city = Mesto
+checkout-zip = PSČ
+checkout-country = Krajina
+checkout-note = Poznámka k objednávke
+checkout-place-order = Odoslať objednávku
+checkout-summary = Súhrn objednávky
+order-confirmed-title = Ďakujeme za objednávku!
+order-confirmed-sub = Vašu objednávku sme prijali.
+order-number = Číslo objednávky
+order-status = Stav
+order-total = Spolu
+order-items = Položky
+order-date = Dátum
+order-customer = Zákazník
+admin-no-orders = Zatiaľ žiadne objednávky.
+order-status-pending = Čaká na spracovanie
+order-status-paid = Zaplatené
+order-status-shipped = Odoslané
+order-status-cancelled = Zrušené
+order-update-status = Zmeniť stav
+
+# --- eshop: shipping & payment ---
+checkout-carrier = Doprava
+checkout-payment = Spôsob platby
+checkout-subtotal = Medzisúčet
+checkout-shipping-cost = Doprava
+checkout-pick-point = Vybrať výdajné miesto
+checkout-chosen-point = Vybrané miesto
+checkout-pickup-point = Výdajné miesto
+payment-cod = Dobierka (platba pri prevzatí)
+payment-bank = Bankový prevod
+payment-bank-instructions = Sumu uhraďte prevodom na náš účet:
+payment-cod-note = Za tovar zaplatíte pri jeho prevzatí.
+payment-bank-note = Po prijatí platby objednávku odošleme.
+bank-account-name = Príjemca
+bank-variable-symbol = Variabilný symbol
+bank-amount = Suma
+admin-shipping = Doprava
+admin-shipping-desc = nastaviť cenu a dostupnosť dopravcov.
+shipping-enabled = Aktívne

assets/views/admin/about.html

@@ -1,36 +0,0 @@
-{% extends "admin/base.html" %}
-
-{% block title %}{{ t(key="edit-about", lang=lang | default(value='sk')) }}{% endblock title %}
-
-{% block content %}
-<div class="space-y-2">
-  <div class="flex flex-wrap items-center justify-between gap-3">
-    <div>
-      <h1 class="text-2xl font-bold">{{ t(key="edit-about", lang=lang | default(value='sk')) }}</h1>
-      <p class="text-sm opacity-70">{{ t(key="update-about-page", lang=lang | default(value='sk')) }}</p>
-    </div>
-    <a href="/about" class="btn btn-ghost btn-sm">{{ t(key="view-page", lang=lang | default(value='sk')) }}</a>
-  </div>
-
-  <div class="card border border-base-300 bg-base-100 shadow-sm">
-    <div class="card-body">
-      <form method="post" action="/admin/about" class="space-y-2">
-        <div class="form-control">
-          <label class="label"><span class="label-text">{{ t(key="title", lang=lang | default(value='sk')) }}</span></label>
-          <input type="text" name="title" value="{{ page.title }}" required class="input input-bordered w-full">
-        </div>
-
-        <div class="form-control">
-          <label class="label"><span class="label-text">{{ t(key="content", lang=lang | default(value='sk')) }}</span></label>
-          <textarea name="content" rows="16" required class="textarea textarea-bordered w-full">{{ page.content }}</textarea>
-        </div>
-
-        <div class="flex flex-wrap gap-2 pt-2">
-          <button type="submit" class="btn btn-neutral btn-sm">{{ t(key="save", lang=lang | default(value='sk')) }}</button>
-          <a href="/admin/dashboard" class="btn btn-ghost btn-sm">{{ t(key="cancel", lang=lang | default(value='sk')) }}</a>
-        </div>
-      </form>
-    </div>
-  </div>
-</div>
-{% endblock content %}

assets/views/admin/audio/albums.html

@@ -1,81 +0,0 @@
-{% extends "admin/base.html" %}
-
-{% block title %}{{ t(key="albums-title", lang=lang | default(value='sk')) }}{% endblock title %}
-{% block crumb %}audio/albums{% endblock crumb %}
-
-{% block content %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ t(key="albums-title", lang=lang | default(value='sk')) }}</h1>
-    <p class="term-sub">{{ t(key="admin-albums-desc", lang=lang | default(value='sk')) }}</p>
-  </div>
-  <div class="term-cmd-actions">
-    <a href="/admin/audio/albums/create" class="btn btn-primary btn-sm">{{ t(key="new-album", lang=lang | default(value='sk')) }}</a>
-    <a href="/admin/audio/tracks" class="btn btn-outline btn-sm">{{ t(key="songs-title", lang=lang | default(value='sk')) }}</a>
-  </div>
-</header>
-
-<div class="term-note">
-  <p class="term-note-title">{{ t(key="admin-albums-before", lang=lang | default(value='sk')) }}</p>
-  <div class="term-step">
-    <span class="term-step-n">[1]</span>
-    <span>{{ t(key="admin-albums-step-upload", lang=lang | default(value='sk')) }}</span>
-  </div>
-  <div class="term-step">
-    <span class="term-step-n">[2]</span>
-    <span>{{ t(key="admin-albums-step-create", lang=lang | default(value='sk')) }}</span>
-  </div>
-</div>
-
-<div class="card">
-  <div class="term-head">
-    <span class="term-head-name">~/audio/albums/</span>
-    <span class="term-head-meta term-tag is-purple">{{ albums | length }} {{ t(key="albums-title", lang=lang | default(value='sk')) }}</span>
-  </div>
-  <div class="card-body">
-    {% if albums | length > 0 %}
-      <div class="overflow-x-auto">
-        <table class="table">
-          <thead>
-            <tr>
-              <th>{{ t(key="album", lang=lang | default(value='sk')) }}</th>
-              <th>{{ t(key="status", lang=lang | default(value='sk')) }}</th>
-              <th>{{ t(key="songs-title", lang=lang | default(value='sk')) }}</th>
-              <th class="text-right">{{ t(key="actions", lang=lang | default(value='sk')) }}</th>
-            </tr>
-          </thead>
-          <tbody>
-            {% for row in albums %}
-            <tr>
-              <td class="font-medium">{{ row.album.title }}</td>
-              <td>
-                {% if row.album.published %}
-                <span class="term-tag is-green">{{ t(key="published", lang=lang | default(value='sk')) }}</span>
-                {% else %}
-                <span class="term-tag">{{ t(key="draft", lang=lang | default(value='sk')) }}</span>
-                {% endif %}
-              </td>
-              <td>{{ row.track_count }}</td>
-              <td>
-                <div class="flex flex-wrap gap-2">
-                  <a href="/admin/audio/albums/{{ row.album.id }}/tracks" class="btn btn-primary btn-sm">{{ t(key="open-edit", lang=lang | default(value='sk')) }}</a>
-                  <a href="/audio/albums/{{ row.album.slug }}" class="btn btn-ghost btn-sm">{{ t(key="view", lang=lang | default(value='sk')) }}</a>
-                </div>
-              </td>
-            </tr>
-            {% endfor %}
-          </tbody>
-        </table>
-      </div>
-    {% else %}
-      <div class="term-empty">
-        <p class="font-medium">{{ t(key="admin-no-albums", lang=lang | default(value='sk')) }}</p>
-        <p class="term-empty-cmd">{{ t(key="admin-create-album-empty", lang=lang | default(value='sk')) }}</p>
-        <div class="pt-2">
-          <a href="/admin/audio/albums/create" class="btn btn-primary btn-sm">{{ t(key="new-album", lang=lang | default(value='sk')) }}</a>
-        </div>
-      </div>
-    {% endif %}
-  </div>
-</div>
-{% endblock content %}

assets/views/admin/audio/new_album.html

@@ -1,93 +0,0 @@
-{% extends "admin/base.html" %}
-
-{% block title %}{{ t(key="new-album", lang=lang | default(value='sk')) }}{% endblock title %}
-{% block crumb %}audio/new-album{% endblock crumb %}
-
-{% block content %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ t(key="new-album", lang=lang | default(value='sk')) }}</h1>
-    <p class="term-sub">{{ t(key="admin-new-album-desc", lang=lang | default(value='sk')) }}</p>
-  </div>
-  <div class="term-cmd-actions">
-    <a href="/admin/audio/albums" class="btn btn-outline btn-sm">{{ t(key="cancel", lang=lang | default(value='sk')) }}</a>
-  </div>
-</header>
-
-<div class="card">
-  <div class="term-head">
-    <span class="term-head-name">~/audio/albums/new</span>
-  </div>
-  <div class="card-body">
-    <form method="post" action="/admin/audio/albums/create" enctype="multipart/form-data" class="space-y-2">
-      <div class="form-control">
-        <label class="label"><span class="label-text t-green">{{ t(key="album-title-label", lang=lang | default(value='sk')) }}</span></label>
-        <input type="text" name="title" required class="input input-bordered w-full">
-      </div>
-
-      <div class="form-control">
-        <label class="label"><span class="label-text t-green">{{ t(key="artist", lang=lang | default(value='sk')) }}</span></label>
-        <input type="text" name="artist" class="input input-bordered w-full">
-      </div>
-
-      <div class="form-control">
-        <label class="label"><span class="label-text t-green">{{ t(key="release-date", lang=lang | default(value='sk')) }}</span></label>
-        <input type="date" name="release_date" class="input input-bordered w-full">
-      </div>
-
-      <div class="form-control">
-        <label class="label"><span class="label-text t-green">{{ t(key="cover-image", lang=lang | default(value='sk')) }}</span></label>
-        <input type="file" name="cover" accept="image/png,image/jpeg,image/webp,image/gif" class="file-input file-input-bordered w-full">
-        <p class="term-help">{{ t(key="cover-help", lang=lang | default(value='sk')) }}</p>
-      </div>
-
-      <div class="form-control">
-        <label class="label"><span class="label-text t-green">{{ t(key="description", lang=lang | default(value='sk')) }}</span></label>
-        <textarea name="description" rows="5" class="textarea textarea-bordered w-full"></textarea>
-      </div>
-
-      <div class="term-formdiv"></div>
-
-      <div class="form-control">
-        <label class="label"><span class="label-text t-green">{{ t(key="songs-in-album", lang=lang | default(value='sk')) }}</span></label>
-        {% if available_tracks | length > 0 %}
-        <div class="term-picklist">
-          {% for song in available_tracks %}
-          <label class="term-pick">
-            <input type="checkbox" name="track_ids" value="{{ song.id }}" class="checkbox checkbox-sm">
-            <span class="min-w-0 flex-1 font-medium">{{ song.title }}</span>
-            {% if song.published %}
-            <span class="term-tag is-green">{{ t(key="published", lang=lang | default(value='sk')) }}</span>
-            {% else %}
-            <span class="term-tag">{{ t(key="draft", lang=lang | default(value='sk')) }}</span>
-            {% endif %}
-          </label>
-          {% endfor %}
-        </div>
-        <p class="term-help">{{ t(key="free-songs-help", lang=lang | default(value='sk')) }}</p>
-        {% else %}
-        <div class="term-picklist">
-          <div class="term-pick">
-            <span class="term-help" style="margin:0">
-              {{ t(key="no-free-songs", lang=lang | default(value='sk')) }}
-              <a href="/admin/audio/tracks/upload" class="t-blue">{{ t(key="upload-song-first", lang=lang | default(value='sk')) }}</a>,
-              {{ t(key="create-empty-add-later", lang=lang | default(value='sk')) }}
-            </span>
-          </div>
-        </div>
-        {% endif %}
-      </div>
-
-      <label class="label cursor-pointer justify-start gap-2">
-        <input type="checkbox" name="published" class="checkbox checkbox-sm">
-        <span class="label-text">{{ t(key="publish-album-now", lang=lang | default(value='sk')) }}</span>
-      </label>
-
-      <div class="flex flex-wrap gap-2 pt-2">
-        <button type="submit" class="btn btn-primary btn-sm">{{ t(key="create-album", lang=lang | default(value='sk')) }}</button>
-        <a href="/admin/audio/albums" class="btn btn-ghost btn-sm">{{ t(key="cancel", lang=lang | default(value='sk')) }}</a>
-      </div>
-    </form>
-  </div>
-</div>
-{% endblock content %}

assets/views/admin/audio/songs.html

@@ -1,99 +0,0 @@
-{% extends "admin/base.html" %}
-
-{% block title %}{{ t(key="songs-title-admin", lang=lang | default(value='sk')) }}{% endblock title %}
-{% block crumb %}audio/songs{% endblock crumb %}
-
-{% block content %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ t(key="songs-title-admin", lang=lang | default(value='sk')) }}</h1>
-    <p class="term-sub">{{ t(key="admin-songs-desc", lang=lang | default(value='sk')) }}</p>
-  </div>
-  <div class="term-cmd-actions">
-    <a href="/admin/audio/tracks/upload" class="btn btn-primary btn-sm">{{ t(key="upload-song", lang=lang | default(value='sk')) }}</a>
-    <a href="/admin/audio/albums" class="btn btn-outline btn-sm">{{ t(key="albums-title", lang=lang | default(value='sk')) }}</a>
-  </div>
-</header>
-
-<div class="term-note">
-  <p class="term-note-title">{{ t(key="admin-audio-how", lang=lang | default(value='sk')) }}</p>
-  <div class="term-step">
-    <span class="term-step-n">[1]</span>
-    <span>{{ t(key="admin-audio-step-upload", lang=lang | default(value='sk')) }}</span>
-  </div>
-  <div class="term-step">
-    <span class="term-step-n">[2]</span>
-    <span>{{ t(key="admin-audio-step-album", lang=lang | default(value='sk')) }}</span>
-  </div>
-  <p class="term-note-foot">{{ t(key="admin-audio-note", lang=lang | default(value='sk')) }}</p>
-</div>
-
-<div class="card">
-  <div class="term-head">
-    <span class="term-head-name">~/audio/songs/</span>
-    <span class="term-head-meta term-tag is-green">{{ tracks | length }} {{ t(key="songs-title", lang=lang | default(value='sk')) }}</span>
-  </div>
-  <div class="card-body">
-    {% if tracks | length > 0 %}
-      <div class="overflow-x-auto">
-        <table class="table">
-          <thead>
-            <tr>
-              <th>{{ t(key="song", lang=lang | default(value='sk')) }}</th>
-              <th>{{ t(key="where", lang=lang | default(value='sk')) }}</th>
-              <th>{{ t(key="status", lang=lang | default(value='sk')) }}</th>
-              <th class="text-right">{{ t(key="actions", lang=lang | default(value='sk')) }}</th>
-            </tr>
-          </thead>
-          <tbody>
-            {% for track in tracks %}
-            <tr>
-              <td class="font-medium">{{ track.title }}</td>
-              <td>
-                {% if track.album_id %}
-                <span class="term-tag is-purple">{{ t(key="in-album", lang=lang | default(value='sk')) }}</span>
-                {% else %}
-                <span class="term-tag is-blue">{{ t(key="single", lang=lang | default(value='sk')) }}</span>
-                {% endif %}
-              </td>
-              <td>
-                {% if track.published %}
-                <span class="term-tag is-green">{{ t(key="published", lang=lang | default(value='sk')) }}</span>
-                {% else %}
-                <span class="term-tag">{{ t(key="draft", lang=lang | default(value='sk')) }}</span>
-                {% endif %}
-              </td>
-              <td>
-                <div class="flex flex-wrap gap-2">
-                  <a href="/audio/tracks/{{ track.id }}/stream" class="btn btn-ghost btn-sm">{{ t(key="play", lang=lang | default(value='sk')) }}</a>
-                  {% if track.published %}
-                  <form method="post" action="/admin/audio/tracks/{{ track.id }}/unpublish">
-                    <button type="submit" class="btn btn-ghost btn-sm">{{ t(key="unpublish", lang=lang | default(value='sk')) }}</button>
-                  </form>
-                  {% else %}
-                  <form method="post" action="/admin/audio/tracks/{{ track.id }}/publish">
-                    <button type="submit" class="btn btn-ghost btn-sm t-green">{{ t(key="publish", lang=lang | default(value='sk')) }}</button>
-                  </form>
-                  {% endif %}
-                  <form method="post" action="/admin/audio/tracks/{{ track.id }}/delete">
-                    <button type="submit" class="btn btn-ghost btn-sm t-red">{{ t(key="delete", lang=lang | default(value='sk')) }}</button>
-                  </form>
-                </div>
-              </td>
-            </tr>
-            {% endfor %}
-          </tbody>
-        </table>
-      </div>
-    {% else %}
-      <div class="term-empty">
-        <p class="font-medium">{{ t(key="admin-no-songs", lang=lang | default(value='sk')) }}</p>
-        <p class="term-empty-cmd">{{ t(key="admin-upload-first-song", lang=lang | default(value='sk')) }}</p>
-        <div class="pt-2">
-          <a href="/admin/audio/tracks/upload" class="btn btn-primary btn-sm">{{ t(key="upload-song", lang=lang | default(value='sk')) }}</a>
-        </div>
-      </div>
-    {% endif %}
-  </div>
-</div>
-{% endblock content %}

assets/views/admin/audio/tracks.html

@@ -1,123 +0,0 @@
-{% extends "admin/base.html" %}
-
-{% block title %}{{ album.title }} - {{ t(key="admin-tracklist", lang=lang | default(value='sk')) }}{% endblock title %}
-{% block crumb %}audio/{{ album.slug }}{% endblock crumb %}
-
-{% block content %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ album.title }}</h1>
-    <p class="term-sub">
-      {{ t(key="album", lang=lang | default(value='sk')) }} &middot; {{ tracks | length }} {{ t(key="songs-title", lang=lang | default(value='sk')) }} &middot;
-      {% if album.published %}<span class="t-green">{{ t(key="published", lang=lang | default(value='sk')) }}</span>{% else %}<span class="t-yellow">{{ t(key="draft", lang=lang | default(value='sk')) }}</span>{% endif %}
-    </p>
-  </div>
-  <div class="term-cmd-actions">
-    <a href="/admin/audio/albums/{{ album.id }}/tracks/upload" class="btn btn-primary btn-sm">{{ t(key="upload-song-into-album", lang=lang | default(value='sk')) }}</a>
-    <a href="/audio/albums/{{ album.slug }}" class="btn btn-outline btn-sm">{{ t(key="view", lang=lang | default(value='sk')) }}</a>
-    <a href="/admin/audio/albums" class="btn btn-outline btn-sm">{{ t(key="albums-title", lang=lang | default(value='sk')) }}</a>
-  </div>
-</header>
-
-<div class="term-note">
-  <p class="term-note-title">{{ t(key="admin-two-ways-title", lang=lang | default(value='sk')) }}</p>
-  <div class="term-step">
-    <span class="term-step-n">[a]</span>
-    <span>{{ t(key="admin-two-ways-upload", lang=lang | default(value='sk')) }}</span>
-  </div>
-  <div class="term-step">
-    <span class="term-step-n">[b]</span>
-    <span>{{ t(key="admin-two-ways-pick", lang=lang | default(value='sk')) }}</span>
-  </div>
-</div>
-
-<div class="card">
-  <div class="term-head">
-    <span class="term-head-name">~/audio/{{ album.slug }}/tracklist</span>
-    <span class="term-head-meta term-tag is-purple">{{ tracks | length }} {{ t(key="songs-title", lang=lang | default(value='sk')) }}</span>
-  </div>
-  <div class="card-body">
-    {% if available_tracks | length > 0 %}
-      <form method="post" action="/admin/audio/albums/{{ album.id }}/tracks/add" class="space-y-2">
-        <div class="form-control">
-          <label class="label"><span class="label-text t-green">{{ t(key="admin-add-existing-song", lang=lang | default(value='sk')) }}</span></label>
-          <select name="track_id" required class="select select-bordered w-full">
-            {% for song in available_tracks %}
-            <option value="{{ song.id }}">{{ song.title }}</option>
-            {% endfor %}
-          </select>
-          <p class="term-help">{{ t(key="admin-existing-song-help", lang=lang | default(value='sk')) }}</p>
-        </div>
-        <button type="submit" class="btn btn-outline btn-sm">{{ t(key="admin-add-to-album", lang=lang | default(value='sk')) }}</button>
-      </form>
-      <div class="term-formdiv"></div>
-    {% endif %}
-
-    {% if tracks | length > 0 %}
-      <div class="overflow-x-auto">
-        <table class="table">
-          <thead>
-            <tr>
-              <th>#</th>
-              <th>{{ t(key="song", lang=lang | default(value='sk')) }}</th>
-              <th>{{ t(key="status", lang=lang | default(value='sk')) }}</th>
-              <th>{{ t(key="featured", lang=lang | default(value='sk')) }}</th>
-              <th class="text-right">{{ t(key="actions", lang=lang | default(value='sk')) }}</th>
-            </tr>
-          </thead>
-          <tbody>
-            {% for track in tracks %}
-            <tr>
-              <td class="t-dim">{% if track.track_number %}{{ track.track_number }}{% else %}&mdash;{% endif %}</td>
-              <td class="font-medium">{{ track.title }}</td>
-              <td>
-                {% if track.published %}
-                <span class="term-tag is-green">{{ t(key="published", lang=lang | default(value='sk')) }}</span>
-                {% else %}
-                <span class="term-tag">{{ t(key="draft", lang=lang | default(value='sk')) }}</span>
-                {% endif %}
-              </td>
-              <td>
-                {% if track.featured %}
-                <span class="term-tag is-aqua">{{ t(key="featured", lang=lang | default(value='sk')) }}</span>
-                {% else %}
-                <span class="t-dim">—</span>
-                {% endif %}
-              </td>
-              <td>
-                <div class="flex flex-wrap gap-2">
-                  <a href="/audio/tracks/{{ track.id }}/stream" class="btn btn-ghost btn-sm">{{ t(key="play", lang=lang | default(value='sk')) }}</a>
-                  {% if track.published %}
-                  <form method="post" action="/admin/audio/tracks/{{ track.id }}/unpublish">
-                    <button type="submit" class="btn btn-ghost btn-sm">{{ t(key="unpublish", lang=lang | default(value='sk')) }}</button>
-                  </form>
-                  {% else %}
-                  <form method="post" action="/admin/audio/tracks/{{ track.id }}/publish">
-                    <button type="submit" class="btn btn-ghost btn-sm t-green">{{ t(key="publish", lang=lang | default(value='sk')) }}</button>
-                  </form>
-                  {% endif %}
-                  <form method="post" action="/admin/audio/tracks/{{ track.id }}/remove-from-album">
-                    <button type="submit" class="btn btn-ghost btn-sm">{{ t(key="remove-from-album", lang=lang | default(value='sk')) }}</button>
-                  </form>
-                  <form method="post" action="/admin/audio/tracks/{{ track.id }}/delete">
-                    <button type="submit" class="btn btn-ghost btn-sm t-red">{{ t(key="delete", lang=lang | default(value='sk')) }}</button>
-                  </form>
-                </div>
-              </td>
-            </tr>
-            {% endfor %}
-          </tbody>
-        </table>
-      </div>
-    {% else %}
-      <div class="term-empty">
-        <p class="font-medium">{{ t(key="admin-album-empty", lang=lang | default(value='sk')) }}</p>
-        <p class="term-empty-cmd">{{ t(key="admin-album-empty-help", lang=lang | default(value='sk')) }}</p>
-        <div class="pt-2">
-          <a href="/admin/audio/albums/{{ album.id }}/tracks/upload" class="btn btn-primary btn-sm">{{ t(key="upload-song-into-album", lang=lang | default(value='sk')) }}</a>
-        </div>
-      </div>
-    {% endif %}
-  </div>
-</div>
-{% endblock content %}

assets/views/admin/audio/upload_track.html

@@ -1,76 +0,0 @@
-{% extends "admin/base.html" %}
-
-{% block title %}{{ t(key="upload-song-title", lang=lang | default(value='sk')) }}{% endblock title %}
-{% block crumb %}audio/upload{% endblock crumb %}
-
-{% block content %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ t(key="upload-song-title", lang=lang | default(value='sk')) }}</h1>
-    {% if album %}
-    <p class="term-sub">{{ t(key="upload-into-album-help", lang=lang | default(value='sk')) }} "{{ album.title }}".</p>
-    {% else %}
-    <p class="term-sub">{{ t(key="upload-single-help", lang=lang | default(value='sk')) }}</p>
-    {% endif %}
-  </div>
-  <div class="term-cmd-actions">
-    {% if album %}
-    <a href="/admin/audio/albums/{{ album.id }}/tracks" class="btn btn-outline btn-sm">{{ t(key="cancel", lang=lang | default(value='sk')) }}</a>
-    {% else %}
-    <a href="/admin/audio/tracks" class="btn btn-outline btn-sm">{{ t(key="cancel", lang=lang | default(value='sk')) }}</a>
-    {% endif %}
-  </div>
-</header>
-
-<div class="card">
-  <div class="term-head">
-    <span class="term-head-name">{% if album %}~/audio/{{ album.slug }}/upload{% else %}~/audio/songs/upload{% endif %}</span>
-  </div>
-  <div class="card-body">
-    {% if album %}
-    <form method="post" action="/admin/audio/albums/{{ album.id }}/tracks/upload-file" enctype="multipart/form-data" class="space-y-2">
-    {% else %}
-    <form method="post" action="/admin/audio/tracks/upload-file" enctype="multipart/form-data" class="space-y-2">
-    {% endif %}
-      <div class="form-control">
-        <label class="label"><span class="label-text t-green">1. {{ t(key="audio-file", lang=lang | default(value='sk')) }}</span></label>
-        <input type="file" name="file" accept="audio/mpeg,audio/wav,audio/ogg,audio/flac,audio/aac,audio/mp4,audio/webm" required class="file-input file-input-bordered w-full">
-        <p class="term-help">{{ t(key="audio-file-help", lang=lang | default(value='sk')) }}</p>
-      </div>
-
-      <div class="form-control">
-        <label class="label"><span class="label-text t-green">2. {{ t(key="title", lang=lang | default(value='sk')) }}</span></label>
-        <input type="text" name="title" class="input input-bordered w-full">
-        <p class="term-help">{{ t(key="title-help", lang=lang | default(value='sk')) }}</p>
-      </div>
-
-      {% if album %}
-      <div class="form-control">
-        <label class="label"><span class="label-text t-green">3. {{ t(key="track-number", lang=lang | default(value='sk')) }}</span></label>
-        <input type="number" name="track_number" min="1" class="input input-bordered w-full" placeholder="1">
-        <p class="term-help">{{ t(key="track-number-help", lang=lang | default(value='sk')) }}</p>
-      </div>
-      {% endif %}
-
-      <label class="label cursor-pointer justify-start gap-2">
-        <input type="checkbox" name="featured" class="checkbox checkbox-sm">
-        <span class="label-text">{{ t(key="featured-help", lang=lang | default(value='sk')) }}</span>
-      </label>
-
-      <label class="label cursor-pointer justify-start gap-2">
-        <input type="checkbox" name="published" class="checkbox checkbox-sm">
-        <span class="label-text">{{ t(key="publish-song-now", lang=lang | default(value='sk')) }}</span>
-      </label>
-
-      <div class="flex flex-wrap gap-2 pt-2">
-        <button type="submit" class="btn btn-primary btn-sm">{{ t(key="upload-song", lang=lang | default(value='sk')) }}</button>
-        {% if album %}
-        <a href="/admin/audio/albums/{{ album.id }}/tracks" class="btn btn-ghost btn-sm">{{ t(key="cancel", lang=lang | default(value='sk')) }}</a>
-        {% else %}
-        <a href="/admin/audio/tracks" class="btn btn-ghost btn-sm">{{ t(key="cancel", lang=lang | default(value='sk')) }}</a>
-        {% endif %}
-      </div>
-    </form>
-  </div>
-</div>
-{% endblock content %}

assets/views/admin/base.html

@@ -44,114 +44,131 @@
     <script defer src="/static/vendor/alpine/alpinejs-3.14.9.min.js"></script>
   </head>
   <body
-    class="flex min-h-screen flex-col bg-surface text-on-surface antialiased dark:bg-surface-dark dark:text-on-surface-dark">
+    x-data="{ showSidebar: false }"
-    <header
+    class="min-h-screen bg-surface text-on-surface antialiased dark:bg-surface-dark dark:text-on-surface-dark">
-      class="sticky top-0 z-30 border-b border-outline bg-surface/95 backdrop-blur dark:border-outline-dark dark:bg-surface-dark/95">
+
-      <nav x-data="{ mobile: false }" class="mx-auto flex max-w-6xl items-center gap-4 px-4 py-3">
+    <!-- dark overlay for the open sidebar on small screens -->
-        <a href="/admin/dashboard"
+    <div x-cloak x-show="showSidebar" x-transition.opacity aria-hidden="true"
-          class="text-lg font-bold tracking-tight text-on-surface-strong dark:text-on-surface-dark-strong">
+      @click="showSidebar = false"
-          {{ t(key="admin-title", lang=lang | default(value='sk')) }}
+      class="fixed inset-0 z-30 bg-black/50 md:hidden"></div>
+
+    <!-- sidebar -->
+    <nav aria-label="{{ t(key='menu', lang=lang | default(value='sk')) }}"
+      x-bind:class="showSidebar ? 'translate-x-0' : '-translate-x-60'"
+      class="fixed inset-y-0 left-0 z-40 flex w-60 flex-col border-r border-outline bg-surface-alt transition-transform duration-300 md:translate-x-0 dark:border-outline-dark dark:bg-surface-dark-alt">
+
+      <a href="/admin/dashboard"
+        class="flex h-16 items-center gap-2 border-b border-outline px-6 text-lg font-bold tracking-tight text-on-surface-strong dark:border-outline-dark dark:text-on-surface-dark-strong">
+        {{ t(key="admin-title", lang=lang | default(value='sk')) }}
+      </a>
+
+      <div class="flex flex-1 flex-col gap-1 overflow-y-auto p-4">
+        <a href="/admin/dashboard" data-nav="/admin/dashboard"
+          class="flex items-center gap-3 rounded-radius px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface hover:text-primary aria-[current=page]:bg-primary aria-[current=page]:text-on-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark dark:aria-[current=page]:bg-primary-dark dark:aria-[current=page]:text-on-primary-dark">
+          {{ t(key="admin-dashboard", lang=lang | default(value='sk')) }}
         </a>
+        <a href="/admin/catalog/products" data-nav="/admin/catalog/products"
+          class="flex items-center gap-3 rounded-radius px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface hover:text-primary aria-[current=page]:bg-primary aria-[current=page]:text-on-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark dark:aria-[current=page]:bg-primary-dark dark:aria-[current=page]:text-on-primary-dark">
+          {{ t(key="admin-products", lang=lang | default(value='sk')) }}
+        </a>
+        <a href="/admin/catalog/categories" data-nav="/admin/catalog/categories"
+          class="flex items-center gap-3 rounded-radius px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface hover:text-primary aria-[current=page]:bg-primary aria-[current=page]:text-on-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark dark:aria-[current=page]:bg-primary-dark dark:aria-[current=page]:text-on-primary-dark">
+          {{ t(key="admin-categories", lang=lang | default(value='sk')) }}
+        </a>
+        <a href="/admin/orders" data-nav="/admin/orders"
+          class="flex items-center gap-3 rounded-radius px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface hover:text-primary aria-[current=page]:bg-primary aria-[current=page]:text-on-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark dark:aria-[current=page]:bg-primary-dark dark:aria-[current=page]:text-on-primary-dark">
+          {{ t(key="admin-orders", lang=lang | default(value='sk')) }}
+        </a>
+        <a href="/admin/shipping" data-nav="/admin/shipping"
+          class="flex items-center gap-3 rounded-radius px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface hover:text-primary aria-[current=page]:bg-primary aria-[current=page]:text-on-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark dark:aria-[current=page]:bg-primary-dark dark:aria-[current=page]:text-on-primary-dark">
+          {{ t(key="admin-shipping", lang=lang | default(value='sk')) }}
+        </a>
+      </div>
 
-        <!-- desktop links -->
+      <div class="border-t border-outline p-4 dark:border-outline-dark">
-        <ul class="ml-2 hidden items-center gap-1 md:flex">
+        <a href="/" class="flex items-center gap-3 rounded-radius px-3 py-2 text-sm font-medium text-info transition hover:bg-surface dark:hover:bg-surface-dark">
-          <li><a href="/admin/dashboard" data-nav="/admin/dashboard" class="rounded-radius px-3 py-1.5 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary aria-[current=page]:text-primary aria-[current=page]:font-semibold dark:text-on-surface-dark dark:hover:bg-surface-dark-alt dark:hover:text-primary-dark dark:aria-[current=page]:text-primary-dark">{{ t(key="admin-dashboard", lang=lang | default(value='sk')) }}</a></li>
+          {{ t(key="admin-exit", lang=lang | default(value='sk')) }}
-          <li><a href="/admin/blog/articles" data-nav="/admin/blog" class="rounded-radius px-3 py-1.5 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary aria-[current=page]:text-primary aria-[current=page]:font-semibold dark:text-on-surface-dark dark:hover:bg-surface-dark-alt dark:hover:text-primary-dark dark:aria-[current=page]:text-primary-dark">{{ t(key="admin-blog", lang=lang | default(value='sk')) }}</a></li>
+        </a>
-          <li><a href="/admin/audio/albums" data-nav="/admin/audio" class="rounded-radius px-3 py-1.5 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary aria-[current=page]:text-primary aria-[current=page]:font-semibold dark:text-on-surface-dark dark:hover:bg-surface-dark-alt dark:hover:text-primary-dark dark:aria-[current=page]:text-primary-dark">{{ t(key="admin-audio", lang=lang | default(value='sk')) }}</a></li>
+        <form method="post" action="/admin/logout">
-          <li><a href="/admin/about" data-nav="/admin/about" class="rounded-radius px-3 py-1.5 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary aria-[current=page]:text-primary aria-[current=page]:font-semibold dark:text-on-surface-dark dark:hover:bg-surface-dark-alt dark:hover:text-primary-dark dark:aria-[current=page]:text-primary-dark">{{ t(key="admin-about", lang=lang | default(value='sk')) }}</a></li>
+          <button type="submit" class="flex w-full items-center gap-3 rounded-radius px-3 py-2 text-left text-sm font-medium text-danger transition hover:bg-surface dark:hover:bg-surface-dark">
-          <li><a href="/" class="rounded-radius px-3 py-1.5 text-sm font-medium text-info transition hover:bg-surface-alt dark:hover:bg-surface-dark-alt">{{ t(key="admin-exit", lang=lang | default(value='sk')) }}</a></li>
+            {{ t(key="logout", lang=lang | default(value='sk')) }}
-          <li>
+          </button>
-            <form method="post" action="/admin/logout">
+        </form>
-              <button type="submit" class="rounded-radius px-3 py-1.5 text-sm font-medium text-danger transition hover:bg-surface-alt dark:hover:bg-surface-dark-alt">{{ t(key="logout", lang=lang | default(value='sk')) }}</button>
+      </div>
-            </form>
+    </nav>
-          </li>
-        </ul>
 
-        <div class="ml-auto flex items-center gap-1">
+    <!-- content column -->
-          <!-- settings (language + theme) dropdown -->
+    <div class="flex min-h-screen flex-col md:ml-60">
-          <div x-data="{ open: false }" @keydown.escape="open = false" class="relative">
+      <header class="sticky top-0 z-20 flex h-16 items-center gap-4 border-b border-outline bg-surface/95 px-4 backdrop-blur dark:border-outline-dark dark:bg-surface-dark/95">
-            <button type="button" @click="open = !open" :aria-expanded="open"
+        <button type="button" @click="showSidebar = !showSidebar" :aria-expanded="showSidebar"
-              aria-label="{{ t(key='settings', lang=lang | default(value='sk')) }}"
+          aria-label="{{ t(key='menu', lang=lang | default(value='sk')) }}"
-              title="{{ t(key='settings', lang=lang | default(value='sk')) }}"
+          class="inline-flex size-9 items-center justify-center rounded-radius text-on-surface transition hover:bg-surface-alt md:hidden dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">
-              class="inline-flex size-9 items-center justify-center rounded-radius text-on-surface transition hover:bg-surface-alt dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">
+          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+            stroke="currentColor" class="size-6">
-                stroke="currentColor" class="size-5">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
-                <path stroke-linecap="round" stroke-linejoin="round"
+          </svg>
-                  d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z" />
+        </button>
-                <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
-              </svg>
-            </button>
-            <div x-show="open" x-cloak @click.outside="open = false"
-              x-transition.origin.top.right
-              class="absolute right-0 mt-2 w-56 rounded-radius border border-outline bg-surface p-2 shadow-lg dark:border-outline-dark dark:bg-surface-dark-alt">
-              <form method="post" action="/lang" hx-boost="false">
-                <p class="px-2 py-1 text-xs font-semibold uppercase tracking-wide text-on-surface/60 dark:text-on-surface-dark/60">
-                  {{ t(key="settings-language", lang=lang | default(value='sk')) }}
-                </p>
-                <button type="submit" name="lang" value="en"
-                  class="flex w-full items-center justify-between rounded-radius px-2 py-1.5 text-sm text-on-surface transition hover:bg-surface-alt dark:text-on-surface-dark dark:hover:bg-surface-dark">
-                  <span>{{ t(key="language-en", lang=lang | default(value='sk')) }}</span>
-                  {% if lang | default(value='sk') == "en" %}<span class="text-primary dark:text-primary-dark">✓</span>{% endif %}
-                </button>
-                <button type="submit" name="lang" value="sk"
-                  class="flex w-full items-center justify-between rounded-radius px-2 py-1.5 text-sm text-on-surface transition hover:bg-surface-alt dark:text-on-surface-dark dark:hover:bg-surface-dark">
-                  <span>{{ t(key="language-sk", lang=lang | default(value='sk')) }}</span>
-                  {% if lang | default(value='sk') == "sk" %}<span class="text-primary dark:text-primary-dark">✓</span>{% endif %}
-                </button>
-              </form>
-              <p class="mt-1 px-2 py-1 text-xs font-semibold uppercase tracking-wide text-on-surface/60 dark:text-on-surface-dark/60">
-                {{ t(key="settings-theme", lang=lang | default(value='sk')) }}
-              </p>
-              <div x-data="{ theme: currentTheme() }" @theme:changed.document="theme = $event.detail">
-                <button type="button" @click="setTheme('system')"
-                  class="flex w-full items-center justify-between rounded-radius px-2 py-1.5 text-sm text-on-surface transition hover:bg-surface-alt dark:text-on-surface-dark dark:hover:bg-surface-dark">
-                  <span>{{ t(key="theme-system", lang=lang | default(value='sk')) }}</span>
-                  <span x-show="theme === 'system'" class="text-primary dark:text-primary-dark">✓</span>
-                </button>
-                <button type="button" @click="setTheme('light')"
-                  class="flex w-full items-center justify-between rounded-radius px-2 py-1.5 text-sm text-on-surface transition hover:bg-surface-alt dark:text-on-surface-dark dark:hover:bg-surface-dark">
-                  <span>{{ t(key="theme-light", lang=lang | default(value='sk')) }}</span>
-                  <span x-show="theme === 'light'" class="text-primary dark:text-primary-dark">✓</span>
-                </button>
-                <button type="button" @click="setTheme('dark')"
-                  class="flex w-full items-center justify-between rounded-radius px-2 py-1.5 text-sm text-on-surface transition hover:bg-surface-alt dark:text-on-surface-dark dark:hover:bg-surface-dark">
-                  <span>{{ t(key="theme-dark", lang=lang | default(value='sk')) }}</span>
-                  <span x-show="theme === 'dark'" class="text-primary dark:text-primary-dark">✓</span>
-                </button>
-              </div>
-            </div>
-          </div>
 
-          <!-- mobile hamburger -->
+        <span class="text-sm font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">
-          <button type="button" @click="mobile = !mobile" :aria-expanded="mobile"
+          {% block crumb %}{{ t(key="admin-title", lang=lang | default(value='sk')) }}{% endblock crumb %}
-            aria-label="{{ t(key='menu', lang=lang | default(value='sk')) }}"
+        </span>
-            class="inline-flex size-9 items-center justify-center rounded-radius text-on-surface transition hover:bg-surface-alt md:hidden dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">
+
+        <!-- settings (language + theme) dropdown -->
+        <div x-data="{ open: false }" @keydown.escape="open = false" class="relative ml-auto">
+          <button type="button" @click="open = !open" :aria-expanded="open"
+            aria-label="{{ t(key='settings', lang=lang | default(value='sk')) }}"
+            class="inline-flex size-9 items-center justify-center rounded-radius text-on-surface transition hover:bg-surface-alt dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-              stroke="currentColor" class="size-6">
+              stroke="currentColor" class="size-5">
-              <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
+              <path stroke-linecap="round" stroke-linejoin="round"
+                d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z" />
+              <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
             </svg>
           </button>
-        </div>
+          <div x-show="open" x-cloak @click.outside="open = false" x-transition.origin.top.right
-
+            class="absolute right-0 mt-2 w-56 rounded-radius border border-outline bg-surface p-2 shadow-lg dark:border-outline-dark dark:bg-surface-dark-alt">
-        <!-- mobile menu panel -->
+            <form method="post" action="/lang" hx-boost="false">
-        <ul x-show="mobile" x-cloak @click.outside="mobile = false" x-transition
+              <p class="px-2 py-1 text-xs font-semibold uppercase tracking-wide text-on-surface/60 dark:text-on-surface-dark/60">
-          class="absolute inset-x-0 top-full mx-4 mt-2 flex flex-col gap-1 rounded-radius border border-outline bg-surface p-2 shadow-lg md:hidden dark:border-outline-dark dark:bg-surface-dark-alt">
+                {{ t(key="settings-language", lang=lang | default(value='sk')) }}
-          <li><a href="/admin/dashboard" class="block rounded-radius px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark">{{ t(key="admin-dashboard", lang=lang | default(value='sk')) }}</a></li>
+              </p>
-          <li><a href="/admin/blog/articles" class="block rounded-radius px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark">{{ t(key="admin-blog", lang=lang | default(value='sk')) }}</a></li>
+              <button type="submit" name="lang" value="en"
-          <li><a href="/admin/audio/albums" class="block rounded-radius px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark">{{ t(key="admin-audio", lang=lang | default(value='sk')) }}</a></li>
+                class="flex w-full items-center justify-between rounded-radius px-2 py-1.5 text-sm text-on-surface transition hover:bg-surface-alt dark:text-on-surface-dark dark:hover:bg-surface-dark">
-          <li><a href="/admin/about" class="block rounded-radius px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark">{{ t(key="admin-about", lang=lang | default(value='sk')) }}</a></li>
+                <span>English</span>
-          <li><a href="/" class="block rounded-radius px-3 py-2 text-sm font-medium text-info hover:bg-surface-alt dark:hover:bg-surface-dark">{{ t(key="admin-exit", lang=lang | default(value='sk')) }}</a></li>
+                {% if lang | default(value='sk') == "en" %}<span class="text-primary dark:text-primary-dark">✓</span>{% endif %}
-          <li>
+              </button>
-            <form method="post" action="/admin/logout">
+              <button type="submit" name="lang" value="sk"
-              <button type="submit" class="block w-full rounded-radius px-3 py-2 text-left text-sm font-medium text-danger hover:bg-surface-alt dark:hover:bg-surface-dark">{{ t(key="logout", lang=lang | default(value='sk')) }}</button>
+                class="flex w-full items-center justify-between rounded-radius px-2 py-1.5 text-sm text-on-surface transition hover:bg-surface-alt dark:text-on-surface-dark dark:hover:bg-surface-dark">
+                <span>Slovenčina</span>
+                {% if lang | default(value='sk') == "sk" %}<span class="text-primary dark:text-primary-dark">✓</span>{% endif %}
+              </button>
             </form>
-          </li>
+            <p class="mt-1 px-2 py-1 text-xs font-semibold uppercase tracking-wide text-on-surface/60 dark:text-on-surface-dark/60">
-        </ul>
+              {{ t(key="settings-theme", lang=lang | default(value='sk')) }}
-      </nav>
+            </p>
-    </header>
+            <div x-data="{ theme: currentTheme() }" @theme:changed.document="theme = $event.detail">
+              <button type="button" @click="setTheme('system')"
+                class="flex w-full items-center justify-between rounded-radius px-2 py-1.5 text-sm text-on-surface transition hover:bg-surface-alt dark:text-on-surface-dark dark:hover:bg-surface-dark">
+                <span>{{ t(key="theme-system", lang=lang | default(value='sk')) }}</span>
+                <span x-show="theme === 'system'" class="text-primary dark:text-primary-dark">✓</span>
+              </button>
+              <button type="button" @click="setTheme('light')"
+                class="flex w-full items-center justify-between rounded-radius px-2 py-1.5 text-sm text-on-surface transition hover:bg-surface-alt dark:text-on-surface-dark dark:hover:bg-surface-dark">
+                <span>{{ t(key="theme-light", lang=lang | default(value='sk')) }}</span>
+                <span x-show="theme === 'light'" class="text-primary dark:text-primary-dark">✓</span>
+              </button>
+              <button type="button" @click="setTheme('dark')"
+                class="flex w-full items-center justify-between rounded-radius px-2 py-1.5 text-sm text-on-surface transition hover:bg-surface-alt dark:text-on-surface-dark dark:hover:bg-surface-dark">
+                <span>{{ t(key="theme-dark", lang=lang | default(value='sk')) }}</span>
+                <span x-show="theme === 'dark'" class="text-primary dark:text-primary-dark">✓</span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </header>
 
-    <main class="mx-auto w-full max-w-6xl flex-1 px-4 py-8">
+      <main class="mx-auto w-full max-w-5xl flex-1 px-4 py-8">
-      {% block content %}{% endblock content %}
+        {% block content %}{% endblock content %}
-    </main>
+      </main>
+    </div>
   </body>
 </html>

assets/views/admin/blog/edit.html

@@ -1,59 +0,0 @@
-{% extends "admin/base.html" %}
-
-{% block title %}{{ t(key="edit-article", lang=lang | default(value='sk')) }}{% endblock title %}
-{% block head %}{% endblock head %}
-
-{% block content %}
-<div class="space-y-2">
-  <div class="flex flex-wrap items-center justify-between gap-3">
-    <div>
-      <h1 class="text-2xl font-bold">{{ t(key="edit-article", lang=lang | default(value='sk')) }}</h1>
-    </div>
-    <a href="/admin/blog/articles" class="btn btn-ghost btn-sm">{{ t(key="back-to-articles", lang=lang | default(value='sk')) }}</a>
-  </div>
-
-  <div class="card border border-base-300 bg-base-100 shadow-sm">
-    <div class="card-body">
-      <form method="post" action="/admin/blog/articles/{{ article.id }}" class="space-y-2">
-        <div class="form-control">
-          <label class="label"><span class="label-text">{{ t(key="title", lang=lang | default(value='sk')) }}</span></label>
-          <input type="text" name="title" value="{{ article.title }}" required class="input input-bordered w-full">
-        </div>
-
-        <div class="form-control">
-          <label class="label"><span class="label-text">{{ t(key="excerpt", lang=lang | default(value='sk')) }}</span></label>
-          <textarea name="excerpt" rows="4" class="textarea textarea-bordered w-full">{% if article.excerpt %}{{ article.excerpt }}{% endif %}</textarea>
-        </div>
-
-        <div class="form-control">
-          <label class="label"><span class="label-text">{{ t(key="content", lang=lang | default(value='sk')) }}</span></label>
-          <textarea name="content" data-rich-content class="hidden">{{ article.content }}</textarea>
-          <input type="hidden" name="featured_image_id" data-featured-image-id value="{% if article.featured_image_id %}{{ article.featured_image_id }}{% endif %}">
-          <div data-rich-editor class="blog-editor"></div>
-          <div data-image-size-controls class="blog-image-size-controls hidden">
-            <span>{{ t(key="image-size", lang=lang | default(value='sk')) }}</span>
-            <button type="button" data-image-size="small">{{ t(key="image-size-small", lang=lang | default(value='sk')) }}</button>
-            <button type="button" data-image-size="medium">{{ t(key="image-size-medium", lang=lang | default(value='sk')) }}</button>
-            <button type="button" data-image-size="full">{{ t(key="image-size-full", lang=lang | default(value='sk')) }}</button>
-            <label>
-              <span>{{ t(key="image-width-px", lang=lang | default(value='sk')) }}</span>
-              <input type="number" min="40" max="1200" step="10" data-image-width class="input input-bordered input-sm">
-            </label>
-          </div>
-          <p class="text-sm opacity-70" data-rich-status data-uploading='{{ t(key="image-uploading", lang=lang | default(value='sk')) }}' data-uploaded='{{ t(key="image-uploaded", lang=lang | default(value='sk')) }}' data-error='{{ t(key="image-upload-error", lang=lang | default(value='sk')) }}'></p>
-        </div>
-
-        <label class="label cursor-pointer justify-start gap-2">
-          <input type="checkbox" name="published" class="checkbox checkbox-sm" {% if article.published %}checked{% endif %}>
-          <span class="label-text">{{ t(key="published", lang=lang | default(value='sk')) }}</span>
-        </label>
-
-        <div class="flex flex-wrap gap-2 pt-2">
-          <button type="submit" class="btn btn-neutral btn-sm">{{ t(key="save", lang=lang | default(value='sk')) }}</button>
-          <a href="/admin/blog/articles" class="btn btn-ghost btn-sm">{{ t(key="cancel", lang=lang | default(value='sk')) }}</a>
-        </div>
-      </form>
-    </div>
-  </div>
-</div>
-{% endblock content %}

assets/views/admin/blog/index.html

@@ -1,63 +0,0 @@
-{% extends "admin/base.html" %}
-
-{% block title %}{{ t(key="admin-blog-articles", lang=lang | default(value='sk')) }}{% endblock title %}
-
-{% block content %}
-<div class="space-y-2">
-  <div class="flex flex-wrap items-center justify-between gap-3">
-    <div>
-      <h1 class="text-2xl font-bold">{{ t(key="admin-blog-articles", lang=lang | default(value='sk')) }}</h1>
-      <p class="text-sm opacity-70">{{ t(key="admin-blog-index-desc", lang=lang | default(value='sk')) }}</p>
-    </div>
-    <a href="/admin/blog/articles/new" class="btn btn-neutral btn-sm">{{ t(key="new-article", lang=lang | default(value='sk')) }}</a>
-  </div>
-
-  <div class="card border border-base-300 bg-base-100 shadow-sm">
-    <div class="card-body">
-      {% if articles | length > 0 %}
-        <div class="overflow-x-auto">
-          <table class="table">
-            <thead>
-              <tr>
-                <th>{{ t(key="title", lang=lang | default(value='sk')) }}</th>
-                <th>{{ t(key="status", lang=lang | default(value='sk')) }}</th>
-                <th class="text-right">{{ t(key="actions", lang=lang | default(value='sk')) }}</th>
-              </tr>
-            </thead>
-            <tbody>
-              {% for article in articles %}
-                <tr>
-                  <td class="font-medium">{{ article.title }}</td>
-                  <td>
-                    {% if article.published %}
-                    <span class="badge">{{ t(key="published", lang=lang | default(value='sk')) }}</span>
-                    {% else %}
-                    <span class="badge opacity-70">{{ t(key="draft", lang=lang | default(value='sk')) }}</span>
-                    {% endif %}
-                  </td>
-                  <td>
-                    <div class="flex gap-2">
-                      <a href="/admin/blog/articles/{{ article.id }}/edit" class="btn btn-ghost btn-sm">{{ t(key="edit", lang=lang | default(value='sk')) }}</a>
-                      <form method="post" action="/admin/blog/articles/{{ article.id }}/delete">
-                        <button type="submit" class="btn btn-ghost btn-sm">{{ t(key="delete", lang=lang | default(value='sk')) }}</button>
-                      </form>
-                    </div>
-                  </td>
-                </tr>
-              {% endfor %}
-            </tbody>
-          </table>
-        </div>
-      {% else %}
-        <div class="text-center">
-          <p class="font-medium">{{ t(key="admin-no-articles", lang=lang | default(value='sk')) }}</p>
-          <p class="text-sm opacity-70">{{ t(key="admin-create-first-post", lang=lang | default(value='sk')) }}</p>
-          <div class="pt-2">
-            <a href="/admin/blog/articles/new" class="btn btn-neutral btn-sm">{{ t(key="new-article", lang=lang | default(value='sk')) }}</a>
-          </div>
-        </div>
-      {% endif %}
-    </div>
-  </div>
-</div>
-{% endblock content %}

assets/views/admin/blog/new.html

@@ -1,60 +0,0 @@
-{% extends "admin/base.html" %}
-
-{% block title %}{{ t(key="new-article", lang=lang | default(value='sk')) }}{% endblock title %}
-{% block head %}{% endblock head %}
-
-{% block content %}
-<div class="space-y-2">
-  <div class="flex flex-wrap items-center justify-between gap-3">
-    <div>
-      <h1 class="text-2xl font-bold">{{ t(key="new-article", lang=lang | default(value='sk')) }}</h1>
-      <p class="text-sm opacity-70">{{ t(key="admin-blog-create-desc", lang=lang | default(value='sk')) }}</p>
-    </div>
-    <a href="/admin/blog/articles" class="btn btn-ghost btn-sm">{{ t(key="back-to-articles", lang=lang | default(value='sk')) }}</a>
-  </div>
-
-  <div class="card border border-base-300 bg-base-100 shadow-sm">
-    <div class="card-body">
-      <form method="post" action="/admin/blog/articles" class="space-y-2">
-        <div class="form-control">
-          <label class="label"><span class="label-text">{{ t(key="title", lang=lang | default(value='sk')) }}</span></label>
-          <input type="text" name="title" required class="input input-bordered w-full">
-        </div>
-
-        <div class="form-control">
-          <label class="label"><span class="label-text">{{ t(key="excerpt", lang=lang | default(value='sk')) }}</span></label>
-          <textarea name="excerpt" rows="4" class="textarea textarea-bordered w-full"></textarea>
-        </div>
-
-        <div class="form-control">
-          <label class="label"><span class="label-text">{{ t(key="content", lang=lang | default(value='sk')) }}</span></label>
-          <textarea name="content" data-rich-content class="hidden"></textarea>
-          <input type="hidden" name="featured_image_id" data-featured-image-id>
-          <div data-rich-editor class="blog-editor"></div>
-          <div data-image-size-controls class="blog-image-size-controls hidden">
-            <span>{{ t(key="image-size", lang=lang | default(value='sk')) }}</span>
-            <button type="button" data-image-size="small">{{ t(key="image-size-small", lang=lang | default(value='sk')) }}</button>
-            <button type="button" data-image-size="medium">{{ t(key="image-size-medium", lang=lang | default(value='sk')) }}</button>
-            <button type="button" data-image-size="full">{{ t(key="image-size-full", lang=lang | default(value='sk')) }}</button>
-            <label>
-              <span>{{ t(key="image-width-px", lang=lang | default(value='sk')) }}</span>
-              <input type="number" min="40" max="1200" step="10" data-image-width class="input input-bordered input-sm">
-            </label>
-          </div>
-          <p class="text-sm opacity-70" data-rich-status data-uploading='{{ t(key="image-uploading", lang=lang | default(value='sk')) }}' data-uploaded='{{ t(key="image-uploaded", lang=lang | default(value='sk')) }}' data-error='{{ t(key="image-upload-error", lang=lang | default(value='sk')) }}'></p>
-        </div>
-
-        <label class="label cursor-pointer justify-start gap-2">
-          <input type="checkbox" name="published" class="checkbox checkbox-sm">
-          <span class="label-text">{{ t(key="published", lang=lang | default(value='sk')) }}</span>
-        </label>
-
-        <div class="flex flex-wrap gap-2 pt-2">
-          <button type="submit" class="btn btn-neutral btn-sm">{{ t(key="create", lang=lang | default(value='sk')) }}</button>
-          <a href="/admin/blog/articles" class="btn btn-ghost btn-sm">{{ t(key="cancel", lang=lang | default(value='sk')) }}</a>
-        </div>
-      </form>
-    </div>
-  </div>
-</div>
-{% endblock content %}

assets/views/admin/catalog/categories.html

@@ -0,0 +1,70 @@
+{% extends "admin/base.html" %}
+
+{% block title %}{{ t(key="admin-categories", lang=lang | default(value='sk')) }}{% endblock title %}
+{% block crumb %}{{ t(key="admin-categories", lang=lang | default(value='sk')) }}{% endblock crumb %}
+
+{% block content %}
+<div class="flex flex-wrap items-end justify-between gap-3">
+  <div>
+    <h1 class="text-2xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="admin-categories", lang=lang | default(value='sk')) }}</h1>
+    <p class="text-sm text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="admin-categories-desc", lang=lang | default(value='sk')) }}</p>
+  </div>
+  <a href="/admin/catalog/categories/new"
+    class="inline-flex items-center justify-center rounded-radius bg-primary px-4 py-2 text-sm font-medium tracking-wide text-on-primary transition hover:opacity-75 dark:bg-primary-dark dark:text-on-primary-dark">
+    {{ t(key="new-category", lang=lang | default(value='sk')) }}
+  </a>
+</div>
+
+<div class="mt-6 overflow-hidden rounded-radius border border-outline dark:border-outline-dark">
+  {% if categories | length > 0 %}
+  <table class="w-full text-left text-sm">
+    <thead class="border-b border-outline bg-surface-alt text-xs uppercase tracking-wide text-on-surface/70 dark:border-outline-dark dark:bg-surface-dark-alt dark:text-on-surface-dark/70">
+      <tr>
+        <th class="px-4 py-3 font-semibold">{{ t(key="name", lang=lang | default(value='sk')) }}</th>
+        <th class="px-4 py-3 font-semibold">{{ t(key="admin-products", lang=lang | default(value='sk')) }}</th>
+        <th class="px-4 py-3 font-semibold">{{ t(key="status", lang=lang | default(value='sk')) }}</th>
+        <th class="px-4 py-3 text-right font-semibold">{{ t(key="actions", lang=lang | default(value='sk')) }}</th>
+      </tr>
+    </thead>
+    <tbody class="divide-y divide-outline dark:divide-outline-dark">
+      {% for row in categories %}
+      <tr class="hover:bg-surface-alt dark:hover:bg-surface-dark-alt">
+        <td class="px-4 py-3 font-medium text-on-surface-strong dark:text-on-surface-dark-strong">
+          <span style="padding-left: {{ row.depth * 20 }}px" class="inline-flex items-center gap-1.5">
+            {% if row.depth > 0 %}<span class="text-on-surface/40 dark:text-on-surface-dark/40">↳</span>{% endif %}
+            {{ row.category.name }}
+          </span>
+        </td>
+        <td class="px-4 py-3 tabular-nums">{{ row.product_count }}</td>
+        <td class="px-4 py-3">
+          {% if row.category.published %}
+          <span class="inline-flex rounded-full bg-success/15 px-2 py-0.5 text-xs font-medium text-success">{{ t(key="published", lang=lang | default(value='sk')) }}</span>
+          {% else %}
+          <span class="inline-flex rounded-full bg-surface-alt px-2 py-0.5 text-xs font-medium text-on-surface/70 dark:bg-surface-dark-alt dark:text-on-surface-dark/70">{{ t(key="draft", lang=lang | default(value='sk')) }}</span>
+          {% endif %}
+        </td>
+        <td class="px-4 py-3">
+          <div class="flex flex-wrap justify-end gap-2">
+            <a href="/admin/catalog/categories/{{ row.category.id }}/edit"
+              class="inline-flex items-center rounded-radius border border-outline px-3 py-1.5 text-xs font-medium text-on-surface transition hover:bg-surface-alt dark:border-outline-dark dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">{{ t(key="edit", lang=lang | default(value='sk')) }}</a>
+            <form method="post" action="/admin/catalog/categories/{{ row.category.id }}/delete"
+              onsubmit="return confirm('{{ t(key="confirm-delete", lang=lang | default(value='sk')) }}')">
+              <button type="submit" class="inline-flex items-center rounded-radius border border-outline px-3 py-1.5 text-xs font-medium text-danger transition hover:bg-danger/10 dark:border-outline-dark">{{ t(key="delete", lang=lang | default(value='sk')) }}</button>
+            </form>
+          </div>
+        </td>
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+  {% else %}
+  <div class="flex flex-col items-center gap-3 px-4 py-16 text-center">
+    <p class="text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="admin-no-categories", lang=lang | default(value='sk')) }}</p>
+    <a href="/admin/catalog/categories/new"
+      class="inline-flex items-center justify-center rounded-radius bg-primary px-4 py-2 text-sm font-medium text-on-primary transition hover:opacity-75 dark:bg-primary-dark dark:text-on-primary-dark">
+      {{ t(key="new-category", lang=lang | default(value='sk')) }}
+    </a>
+  </div>
+  {% endif %}
+</div>
+{% endblock content %}

assets/views/admin/catalog/category_form.html

@@ -0,0 +1,82 @@
+{% extends "admin/base.html" %}
+
+{% block title %}{% if category %}{{ t(key="edit-category", lang=lang | default(value='sk')) }}{% else %}{{ t(key="new-category", lang=lang | default(value='sk')) }}{% endif %}{% endblock title %}
+{% block crumb %}{{ t(key="admin-categories", lang=lang | default(value='sk')) }}{% endblock crumb %}
+
+{% block content %}
+<div class="flex items-center justify-between gap-3">
+  <h1 class="text-2xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">
+    {% if category %}{{ t(key="edit-category", lang=lang | default(value='sk')) }}{% else %}{{ t(key="new-category", lang=lang | default(value='sk')) }}{% endif %}
+  </h1>
+  <a href="/admin/catalog/categories"
+    class="inline-flex items-center rounded-radius border border-outline px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt dark:border-outline-dark dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">{{ t(key="cancel", lang=lang | default(value='sk')) }}</a>
+</div>
+
+<form method="post" enctype="multipart/form-data"
+  action="{% if category %}/admin/catalog/categories/{{ category.id }}{% else %}/admin/catalog/categories{% endif %}"
+  class="mt-6 space-y-5 rounded-radius border border-outline bg-surface p-6 dark:border-outline-dark dark:bg-surface-dark-alt">
+
+  <div class="space-y-1.5">
+    <label for="name" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="name", lang=lang | default(value='sk')) }}</label>
+    <input id="name" name="name" type="text" required value="{% if category %}{{ category.name }}{% endif %}"
+      class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+  </div>
+
+  <div class="grid gap-5 sm:grid-cols-2">
+    <div class="space-y-1.5">
+      <label for="slug" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="slug", lang=lang | default(value='sk')) }}</label>
+      <input id="slug" name="slug" type="text" value="{% if category %}{{ category.slug }}{% endif %}"
+        placeholder="{{ t(key='slug-auto', lang=lang | default(value='sk')) }}"
+        class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+    </div>
+    <div class="space-y-1.5">
+      <label for="position" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="position", lang=lang | default(value='sk')) }}</label>
+      <input id="position" name="position" type="number" value="{% if category %}{{ category.position }}{% else %}0{% endif %}"
+        class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+    </div>
+  </div>
+
+  <div class="space-y-1.5">
+    <label for="parent_id" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="parent-category", lang=lang | default(value='sk')) }}</label>
+    <select id="parent_id" name="parent_id"
+      class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+      <option value="">{{ t(key="no-parent", lang=lang | default(value='sk')) }}</option>
+      {% for parent in parents %}
+      <option value="{{ parent.id }}" {% if category and category.parent_id == parent.id %}selected{% endif %}>
+        {% if parent.depth > 0 %}{% for _ in range(end=parent.depth) %}—&nbsp;{% endfor %}{% endif %}{{ parent.name }}
+      </option>
+      {% endfor %}
+    </select>
+  </div>
+
+  <div class="space-y-1.5">
+    <label for="description" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="description", lang=lang | default(value='sk')) }}</label>
+    <textarea id="description" name="description" rows="4"
+      class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">{% if category and category.description %}{{ category.description }}{% endif %}</textarea>
+  </div>
+
+  <div class="space-y-1.5">
+    <label for="image" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="image", lang=lang | default(value='sk')) }}</label>
+    {% if category and category.image_id %}
+    <img src="/images/{{ category.image_id }}" alt="" class="size-24 rounded-radius object-cover">
+    {% endif %}
+    <input id="image" name="image" type="file" accept="image/*"
+      class="block w-full text-sm text-on-surface file:mr-3 file:rounded-radius file:border-0 file:bg-primary file:px-3 file:py-2 file:text-sm file:font-medium file:text-on-primary dark:text-on-surface-dark dark:file:bg-primary-dark dark:file:text-on-primary-dark">
+  </div>
+
+  <label class="flex items-center gap-2">
+    <input type="checkbox" name="published" value="on" {% if category and category.published %}checked{% endif %}
+      class="size-4 rounded border-outline text-primary focus:ring-primary dark:border-outline-dark">
+    <span class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="published", lang=lang | default(value='sk')) }}</span>
+  </label>
+
+  <div class="flex gap-3 pt-2">
+    <button type="submit"
+      class="inline-flex items-center justify-center rounded-radius bg-primary px-4 py-2 text-sm font-medium tracking-wide text-on-primary transition hover:opacity-75 dark:bg-primary-dark dark:text-on-primary-dark">
+      {{ t(key="save", lang=lang | default(value='sk')) }}
+    </button>
+    <a href="/admin/catalog/categories"
+      class="inline-flex items-center rounded-radius border border-outline px-4 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt dark:border-outline-dark dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">{{ t(key="cancel", lang=lang | default(value='sk')) }}</a>
+  </div>
+</form>
+{% endblock content %}

assets/views/admin/catalog/product_form.html

@@ -0,0 +1,100 @@
+{% extends "admin/base.html" %}
+
+{% block title %}{% if product %}{{ t(key="edit-product", lang=lang | default(value='sk')) }}{% else %}{{ t(key="new-product", lang=lang | default(value='sk')) }}{% endif %}{% endblock title %}
+{% block crumb %}{{ t(key="admin-products", lang=lang | default(value='sk')) }}{% endblock crumb %}
+
+{% block content %}
+<div class="flex items-center justify-between gap-3">
+  <h1 class="text-2xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">
+    {% if product %}{{ t(key="edit-product", lang=lang | default(value='sk')) }}{% else %}{{ t(key="new-product", lang=lang | default(value='sk')) }}{% endif %}
+  </h1>
+  <a href="/admin/catalog/products"
+    class="inline-flex items-center rounded-radius border border-outline px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt dark:border-outline-dark dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">{{ t(key="cancel", lang=lang | default(value='sk')) }}</a>
+</div>
+
+<form method="post" enctype="multipart/form-data"
+  action="{% if product %}/admin/catalog/products/{{ product.id }}{% else %}/admin/catalog/products{% endif %}"
+  class="mt-6 space-y-5 rounded-radius border border-outline bg-surface p-6 dark:border-outline-dark dark:bg-surface-dark-alt">
+
+  <div class="space-y-1.5">
+    <label for="name" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="name", lang=lang | default(value='sk')) }}</label>
+    <input id="name" name="name" type="text" required value="{% if product %}{{ product.name }}{% endif %}"
+      class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+  </div>
+
+  <div class="grid gap-5 sm:grid-cols-2">
+    <div class="space-y-1.5">
+      <label for="price" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="price", lang=lang | default(value='sk')) }}</label>
+      <input id="price" name="price" type="text" inputmode="decimal" required value="{% if product %}{{ product.price }}{% endif %}"
+        placeholder="0.00"
+        class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+    </div>
+    <div class="space-y-1.5">
+      <label for="currency" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="currency", lang=lang | default(value='sk')) }}</label>
+      <input id="currency" name="currency" type="text" maxlength="3" value="{% if product %}{{ product.currency }}{% else %}EUR{% endif %}"
+        class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm uppercase text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+    </div>
+  </div>
+
+  <div class="grid gap-5 sm:grid-cols-2">
+    <div class="space-y-1.5">
+      <label for="stock" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="stock", lang=lang | default(value='sk')) }}</label>
+      <input id="stock" name="stock" type="number" min="0" value="{% if product %}{{ product.stock }}{% else %}0{% endif %}"
+        class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+    </div>
+    <div class="space-y-1.5">
+      <label for="sku" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="sku", lang=lang | default(value='sk')) }}</label>
+      <input id="sku" name="sku" type="text" value="{% if product and product.sku %}{{ product.sku }}{% endif %}"
+        class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+    </div>
+  </div>
+
+  <div class="space-y-1.5">
+    <label for="category_id" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="category", lang=lang | default(value='sk')) }}</label>
+    <select id="category_id" name="category_id"
+      class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+      <option value="">{{ t(key="no-category", lang=lang | default(value='sk')) }}</option>
+      {% for category in categories %}
+      <option value="{{ category.id }}" {% if product and product.category_id == category.id %}selected{% endif %}>{{ category.name }}</option>
+      {% endfor %}
+    </select>
+  </div>
+
+  <div class="space-y-1.5">
+    <label for="slug" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="slug", lang=lang | default(value='sk')) }}</label>
+    <input id="slug" name="slug" type="text" value="{% if product %}{{ product.slug }}{% endif %}"
+      placeholder="{{ t(key='slug-auto', lang=lang | default(value='sk')) }}"
+      class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+  </div>
+
+  <div class="space-y-1.5">
+    <label for="description" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="description", lang=lang | default(value='sk')) }}</label>
+    <textarea id="description" name="description" rows="5"
+      class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">{% if product and product.description %}{{ product.description }}{% endif %}</textarea>
+  </div>
+
+  <div class="space-y-1.5">
+    <label for="image" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="image", lang=lang | default(value='sk')) }}</label>
+    {% if product and product.image %}
+    <img src="/images/{{ product.image }}" alt="" class="size-24 rounded-radius object-cover">
+    {% endif %}
+    <input id="image" name="image" type="file" accept="image/*"
+      class="block w-full text-sm text-on-surface file:mr-3 file:rounded-radius file:border-0 file:bg-primary file:px-3 file:py-2 file:text-sm file:font-medium file:text-on-primary dark:text-on-surface-dark dark:file:bg-primary-dark dark:file:text-on-primary-dark">
+  </div>
+
+  <label class="flex items-center gap-2">
+    <input type="checkbox" name="published" value="on" {% if product and product.published %}checked{% endif %}
+      class="size-4 rounded border-outline text-primary focus:ring-primary dark:border-outline-dark">
+    <span class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="published", lang=lang | default(value='sk')) }}</span>
+  </label>
+
+  <div class="flex gap-3 pt-2">
+    <button type="submit"
+      class="inline-flex items-center justify-center rounded-radius bg-primary px-4 py-2 text-sm font-medium tracking-wide text-on-primary transition hover:opacity-75 dark:bg-primary-dark dark:text-on-primary-dark">
+      {{ t(key="save", lang=lang | default(value='sk')) }}
+    </button>
+    <a href="/admin/catalog/products"
+      class="inline-flex items-center rounded-radius border border-outline px-4 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt dark:border-outline-dark dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">{{ t(key="cancel", lang=lang | default(value='sk')) }}</a>
+  </div>
+</form>
+{% endblock content %}

assets/views/admin/catalog/products.html

@@ -0,0 +1,81 @@
+{% extends "admin/base.html" %}
+
+{% block title %}{{ t(key="admin-products", lang=lang | default(value='sk')) }}{% endblock title %}
+{% block crumb %}{{ t(key="admin-products", lang=lang | default(value='sk')) }}{% endblock crumb %}
+
+{% block content %}
+<div class="flex flex-wrap items-end justify-between gap-3">
+  <div>
+    <h1 class="text-2xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="admin-products", lang=lang | default(value='sk')) }}</h1>
+    <p class="text-sm text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="admin-products-desc", lang=lang | default(value='sk')) }}</p>
+  </div>
+  <a href="/admin/catalog/products/new"
+    class="inline-flex items-center justify-center rounded-radius bg-primary px-4 py-2 text-sm font-medium tracking-wide text-on-primary transition hover:opacity-75 dark:bg-primary-dark dark:text-on-primary-dark">
+    {{ t(key="new-product", lang=lang | default(value='sk')) }}
+  </a>
+</div>
+
+<div class="mt-6 overflow-hidden rounded-radius border border-outline dark:border-outline-dark">
+  {% if products | length > 0 %}
+  <table class="w-full text-left text-sm">
+    <thead class="border-b border-outline bg-surface-alt text-xs uppercase tracking-wide text-on-surface/70 dark:border-outline-dark dark:bg-surface-dark-alt dark:text-on-surface-dark/70">
+      <tr>
+        <th class="px-4 py-3 font-semibold">{{ t(key="product", lang=lang | default(value='sk')) }}</th>
+        <th class="px-4 py-3 font-semibold">{{ t(key="price", lang=lang | default(value='sk')) }}</th>
+        <th class="px-4 py-3 font-semibold">{{ t(key="stock", lang=lang | default(value='sk')) }}</th>
+        <th class="px-4 py-3 font-semibold">{{ t(key="status", lang=lang | default(value='sk')) }}</th>
+        <th class="px-4 py-3 text-right font-semibold">{{ t(key="actions", lang=lang | default(value='sk')) }}</th>
+      </tr>
+    </thead>
+    <tbody class="divide-y divide-outline dark:divide-outline-dark">
+      {% for product in products %}
+      <tr class="hover:bg-surface-alt dark:hover:bg-surface-dark-alt">
+        <td class="px-4 py-3">
+          <div class="flex items-center gap-3">
+            {% if product.image %}
+            <img src="/images/{{ product.image }}" alt="" class="size-10 rounded-radius object-cover">
+            {% else %}
+            <div class="size-10 rounded-radius bg-surface-alt dark:bg-surface-dark-alt"></div>
+            {% endif %}
+            <div>
+              <div class="font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ product.name }}</div>
+              {% if product.category_name %}<div class="text-xs text-on-surface/60 dark:text-on-surface-dark/60">{{ product.category_name }}</div>{% endif %}
+            </div>
+          </div>
+        </td>
+        <td class="px-4 py-3 tabular-nums">{{ product.price }} {{ product.currency }}</td>
+        <td class="px-4 py-3 tabular-nums">{{ product.stock }}</td>
+        <td class="px-4 py-3">
+          {% if product.published %}
+          <span class="inline-flex rounded-full bg-success/15 px-2 py-0.5 text-xs font-medium text-success">{{ t(key="published", lang=lang | default(value='sk')) }}</span>
+          {% else %}
+          <span class="inline-flex rounded-full bg-surface-alt px-2 py-0.5 text-xs font-medium text-on-surface/70 dark:bg-surface-dark-alt dark:text-on-surface-dark/70">{{ t(key="draft", lang=lang | default(value='sk')) }}</span>
+          {% endif %}
+        </td>
+        <td class="px-4 py-3">
+          <div class="flex flex-wrap justify-end gap-2">
+            <a href="/admin/catalog/products/{{ product.id }}/edit"
+              class="inline-flex items-center rounded-radius border border-outline px-3 py-1.5 text-xs font-medium text-on-surface transition hover:bg-surface-alt dark:border-outline-dark dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">{{ t(key="edit", lang=lang | default(value='sk')) }}</a>
+            <a href="/shop/{{ product.slug }}"
+              class="inline-flex items-center rounded-radius border border-outline px-3 py-1.5 text-xs font-medium text-on-surface transition hover:bg-surface-alt dark:border-outline-dark dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">{{ t(key="view", lang=lang | default(value='sk')) }}</a>
+            <form method="post" action="/admin/catalog/products/{{ product.id }}/delete"
+              onsubmit="return confirm('{{ t(key="confirm-delete", lang=lang | default(value='sk')) }}')">
+              <button type="submit" class="inline-flex items-center rounded-radius border border-outline px-3 py-1.5 text-xs font-medium text-danger transition hover:bg-danger/10 dark:border-outline-dark">{{ t(key="delete", lang=lang | default(value='sk')) }}</button>
+            </form>
+          </div>
+        </td>
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+  {% else %}
+  <div class="flex flex-col items-center gap-3 px-4 py-16 text-center">
+    <p class="text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="admin-no-products", lang=lang | default(value='sk')) }}</p>
+    <a href="/admin/catalog/products/new"
+      class="inline-flex items-center justify-center rounded-radius bg-primary px-4 py-2 text-sm font-medium text-on-primary transition hover:opacity-75 dark:bg-primary-dark dark:text-on-primary-dark">
+      {{ t(key="new-product", lang=lang | default(value='sk')) }}
+    </a>
+  </div>
+  {% endif %}
+</div>
+{% endblock content %}

assets/views/admin/index.html

@@ -1,60 +1,29 @@
 {% extends "admin/base.html" %}
 
 {% block title %}{{ t(key="admin-title", lang=lang | default(value='sk')) }}{% endblock title %}
-{% block crumb %}dashboard{% endblock crumb %}
+{% block crumb %}{{ t(key="admin-dashboard", lang=lang | default(value='sk')) }}{% endblock crumb %}
 
 {% block content %}
-<header class="term-cmd">
+<header class="space-y-1">
-  <div>
+  <h1 class="text-2xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="admin-dashboard", lang=lang | default(value='sk')) }}</h1>
-    <h1 class="term-title">{{ t(key="admin-dashboard", lang=lang | default(value='sk')) }}</h1>
+  <p class="text-sm text-on-surface/70 dark:text-on-surface-dark/70">{{ admin.email }}</p>
-    <p class="term-sub">{{ t(key="admin-session", lang=lang | default(value='sk')) }}: {{ admin.email }}</p>
-  </div>
-  <div class="term-cmd-actions">
-    <a href="/" class="btn btn-outline btn-sm">[ {{ t(key="view-site", lang=lang | default(value='sk')) }} ]</a>
-  </div>
 </header>
 
-<div class="term-grid">
+<div class="mt-6 grid gap-5 sm:grid-cols-2 lg:grid-cols-3">
-  <article class="card">
+  <a href="/admin/catalog/products"
-    <div class="term-head">
+    class="flex flex-col gap-2 rounded-radius border border-outline bg-surface p-5 transition hover:border-primary dark:border-outline-dark dark:bg-surface-dark-alt dark:hover:border-primary-dark">
-      <span class="term-head-name">/admin/blog</span>
+    <h2 class="font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="admin-products", lang=lang | default(value='sk')) }}</h2>
-      <span class="term-head-meta term-tag">{{ t(key="manage", lang=lang | default(value='sk')) }}</span>
+    <p class="text-sm text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="admin-products-desc", lang=lang | default(value='sk')) }}</p>
-    </div>
+  </a>
-    <div class="card-body">
+  <a href="/admin/catalog/categories"
-      <h2 class="card-title text-base">{{ t(key="blog-title", lang=lang | default(value='sk')) }}</h2>
+    class="flex flex-col gap-2 rounded-radius border border-outline bg-surface p-5 transition hover:border-primary dark:border-outline-dark dark:bg-surface-dark-alt dark:hover:border-primary-dark">
-      <p class="text-sm opacity-70">{{ t(key="admin-blog-desc", lang=lang | default(value='sk')) }}</p>
+    <h2 class="font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="admin-categories", lang=lang | default(value='sk')) }}</h2>
-      <div class="pt-2">
+    <p class="text-sm text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="admin-categories-desc", lang=lang | default(value='sk')) }}</p>
-        <a href="/admin/blog/articles" class="btn btn-primary btn-sm">[ {{ t(key="blog-manage", lang=lang | default(value='sk')) }} → ]</a>
+  </a>
-      </div>
+  <a href="/admin/orders"
-    </div>
+    class="flex flex-col gap-2 rounded-radius border border-outline bg-surface p-5 transition hover:border-primary dark:border-outline-dark dark:bg-surface-dark-alt dark:hover:border-primary-dark">
-  </article>
+    <h2 class="font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="admin-orders", lang=lang | default(value='sk')) }}</h2>
-
+    <p class="text-sm text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="admin-orders", lang=lang | default(value='sk')) }}</p>
-  <article class="card">
+  </a>
-    <div class="term-head">
-      <span class="term-head-name">/admin/about</span>
-      <span class="term-head-meta term-tag is-blue">{{ t(key="single", lang=lang | default(value='sk')) }}</span>
-    </div>
-    <div class="card-body">
-      <h2 class="card-title text-base">{{ t(key="about-sub", lang=lang | default(value='sk')) }}</h2>
-      <p class="text-sm opacity-70">{{ t(key="admin-about-desc", lang=lang | default(value='sk')) }}</p>
-      <div class="pt-2">
-        <a href="/admin/about" class="btn btn-primary btn-sm">[ {{ t(key="edit", lang=lang | default(value='sk')) }} → ]</a>
-      </div>
-    </div>
-  </article>
-
-  <article class="card">
-    <div class="term-head">
-      <span class="term-head-name">/admin/audio</span>
-      <span class="term-head-meta term-tag is-purple">{{ t(key="album", lang=lang | default(value='sk')) }}</span>
-    </div>
-    <div class="card-body">
-      <h2 class="card-title text-base">{{ t(key="audio-title", lang=lang | default(value='sk')) }}</h2>
-      <p class="text-sm opacity-70">{{ t(key="admin-audio-desc", lang=lang | default(value='sk')) }}</p>
-      <div class="pt-2">
-        <a href="/admin/audio/albums" class="btn btn-primary btn-sm">[ {{ t(key="manage", lang=lang | default(value='sk')) }} → ]</a>
-      </div>
-    </div>
-  </article>
 </div>
 {% endblock content %}

assets/views/admin/login.html

@@ -1,32 +1,60 @@
 {% extends "base.html" %}
 
 {% block title %}{{ t(key="login-title", lang=lang | default(value='sk')) }}{% endblock title %}
-{% block crumb %}admin/login{% endblock crumb %}
 
 {% block content %}
 <div class="mx-auto mt-8 max-w-sm">
-  <div class="card">
+  <div
-    <div class="term-head">
+    class="rounded-radius border border-outline bg-surface-alt shadow-sm dark:border-outline-dark dark:bg-surface-dark-alt">
-      <span class="term-head-name">{{ t(key="nav-admin", lang=lang | default(value='sk')) }}</span>
+    <div
-      <span class="term-head-meta term-tag is-red">{{ t(key="auth", lang=lang | default(value='sk')) }}</span>
+      class="flex items-center justify-between border-b border-outline px-5 py-3 dark:border-outline-dark">
+      <span class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">
+        {{ t(key="nav-admin", lang=lang | default(value='sk')) }}
+      </span>
+      <span
+        class="rounded-radius border border-danger/40 px-2 py-0.5 text-xs font-medium text-danger">
+        {{ t(key="auth", lang=lang | default(value='sk')) }}
+      </span>
     </div>
-    <div class="card-body">
+
-      <h1 class="term-title">{{ t(key="login-auth", lang=lang | default(value='sk')) }}</h1>
+    <div class="p-5">
+      <h1 class="text-xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">
+        {{ t(key="login-auth", lang=lang | default(value='sk')) }}
+      </h1>
+
       {% if error %}
-      <div class="alert alert-error mt-2">
+      <div
-        <span>✗ {{ t(key="login-error", lang=lang | default(value='sk')) }}</span>
+        class="mt-3 rounded-radius border border-danger/40 bg-danger/10 px-3 py-2 text-sm text-danger"
+        role="alert">
+        ✗ {{ t(key="login-error", lang=lang | default(value='sk')) }}
       </div>
       {% endif %}
-      <form method="post" action="/admin/login" hx-boost="false" class="space-y-2">
+
-        <div class="form-control">
+      <form method="post" action="/admin/login" hx-boost="false" class="mt-4 flex flex-col gap-4">
-          <label class="label"><span class="label-text t-green">{{ t(key="login-email", lang=lang | default(value='sk')) }}:</span></label>
+        <div class="flex flex-col gap-1">
-          <input type="email" name="email" required autofocus class="input input-bordered w-full">
+          <label for="email"
+            class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">
+            {{ t(key="login-email", lang=lang | default(value='sk')) }}
+          </label>
+          <input type="email" id="email" name="email" required autofocus
+            autocomplete="email"
+            class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-none focus:ring-2 focus:ring-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark dark:focus:ring-primary-dark">
         </div>
-        <div class="form-control">
+
-          <label class="label"><span class="label-text t-green">{{ t(key="login-password", lang=lang | default(value='sk')) }}:</span></label>
+        <div class="flex flex-col gap-1">
-          <input type="password" name="password" required class="input input-bordered w-full">
+          <label for="password"
+            class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">
+            {{ t(key="login-password", lang=lang | default(value='sk')) }}
+          </label>
+          <input type="password" id="password" name="password" required
+            autocomplete="current-password"
+            class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-none focus:ring-2 focus:ring-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark dark:focus:ring-primary-dark">
         </div>
-        <button class="btn btn-primary mt-2 w-full">[ {{ t(key="login-auth", lang=lang | default(value='sk')) }} ]</button>
+
+        <button type="submit"
+          class="mt-1 w-full rounded-radius bg-primary px-4 py-2 text-sm font-semibold text-on-primary transition hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-surface-alt dark:bg-primary-dark dark:text-on-primary-dark dark:focus:ring-primary-dark dark:focus:ring-offset-surface-dark-alt">
+          {{ t(key="login-auth", lang=lang | default(value='sk')) }}
+        </button>
       </form>
     </div>
   </div>

assets/views/admin/orders/index.html

@@ -0,0 +1,41 @@
+{% extends "admin/base.html" %}
+
+{% block title %}{{ t(key="admin-orders", lang=lang | default(value='sk')) }}{% endblock title %}
+{% block crumb %}{{ t(key="admin-orders", lang=lang | default(value='sk')) }}{% endblock crumb %}
+
+{% block content %}
+<h1 class="text-2xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="admin-orders", lang=lang | default(value='sk')) }}</h1>
+
+<div class="mt-6 overflow-hidden rounded-radius border border-outline dark:border-outline-dark">
+  {% if orders | length > 0 %}
+  <table class="w-full text-left text-sm">
+    <thead class="border-b border-outline bg-surface-alt text-xs uppercase tracking-wide text-on-surface/70 dark:border-outline-dark dark:bg-surface-dark-alt dark:text-on-surface-dark/70">
+      <tr>
+        <th class="px-4 py-3 font-semibold">{{ t(key="order-number", lang=lang | default(value='sk')) }}</th>
+        <th class="px-4 py-3 font-semibold">{{ t(key="order-customer", lang=lang | default(value='sk')) }}</th>
+        <th class="px-4 py-3 font-semibold">{{ t(key="order-status", lang=lang | default(value='sk')) }}</th>
+        <th class="px-4 py-3 text-right font-semibold">{{ t(key="order-total", lang=lang | default(value='sk')) }}</th>
+        <th class="px-4 py-3"></th>
+      </tr>
+    </thead>
+    <tbody class="divide-y divide-outline dark:divide-outline-dark">
+      {% for order in orders %}
+      <tr class="hover:bg-surface-alt dark:hover:bg-surface-dark-alt">
+        <td class="px-4 py-3 font-mono font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ order.order_number }}</td>
+        <td class="px-4 py-3">{{ order.email }}</td>
+        <td class="px-4 py-3">
+          <span class="inline-flex rounded-full bg-surface-alt px-2 py-0.5 text-xs font-medium text-on-surface/80 dark:bg-surface-dark-alt dark:text-on-surface-dark/80">{{ t(key="order-status-" ~ order.status, lang=lang | default(value='sk')) }}</span>
+        </td>
+        <td class="px-4 py-3 text-right tabular-nums">{{ order.total }} {{ order.currency }}</td>
+        <td class="px-4 py-3 text-right">
+          <a href="/admin/orders/{{ order.id }}" class="inline-flex items-center rounded-radius border border-outline px-3 py-1.5 text-xs font-medium text-on-surface transition hover:bg-surface-alt dark:border-outline-dark dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">{{ t(key="view", lang=lang | default(value='sk')) }}</a>
+        </td>
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+  {% else %}
+  <div class="px-4 py-16 text-center text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="admin-no-orders", lang=lang | default(value='sk')) }}</div>
+  {% endif %}
+</div>
+{% endblock content %}

assets/views/admin/orders/show.html

@@ -0,0 +1,84 @@
+{% extends "admin/base.html" %}
+
+{% block title %}{{ order.order_number }}{% endblock title %}
+{% block crumb %}{{ t(key="admin-orders", lang=lang | default(value='sk')) }}{% endblock crumb %}
+
+{% block content %}
+<div class="flex flex-wrap items-center justify-between gap-3">
+  <h1 class="font-mono text-2xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ order.order_number }}</h1>
+  <a href="/admin/orders" class="inline-flex items-center rounded-radius border border-outline px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt dark:border-outline-dark dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">{{ t(key="admin-orders", lang=lang | default(value='sk')) }}</a>
+</div>
+
+<div class="mt-6 grid gap-6 lg:grid-cols-3">
+  <div class="space-y-6 lg:col-span-2">
+    <div class="overflow-hidden rounded-radius border border-outline dark:border-outline-dark">
+      <table class="w-full text-left text-sm">
+        <thead class="border-b border-outline bg-surface-alt text-xs uppercase tracking-wide text-on-surface/70 dark:border-outline-dark dark:bg-surface-dark-alt dark:text-on-surface-dark/70">
+          <tr>
+            <th class="px-4 py-3 font-semibold">{{ t(key="product", lang=lang | default(value='sk')) }}</th>
+            <th class="px-4 py-3 font-semibold">{{ t(key="quantity", lang=lang | default(value='sk')) }}</th>
+            <th class="px-4 py-3 text-right font-semibold">{{ t(key="order-total", lang=lang | default(value='sk')) }}</th>
+          </tr>
+        </thead>
+        <tbody class="divide-y divide-outline dark:divide-outline-dark">
+          {% for item in items %}
+          <tr>
+            <td class="px-4 py-3">{{ item.product_name }}</td>
+            <td class="px-4 py-3 tabular-nums">{{ item.quantity }}</td>
+            <td class="px-4 py-3 text-right tabular-nums">{{ item.line_total }} {{ order.currency }}</td>
+          </tr>
+          {% endfor %}
+        </tbody>
+        <tfoot class="border-t border-outline dark:border-outline-dark">
+          <tr>
+            <td colspan="2" class="px-4 py-3 text-right font-semibold">{{ t(key="order-total", lang=lang | default(value='sk')) }}</td>
+            <td class="px-4 py-3 text-right font-bold tabular-nums text-primary dark:text-primary-dark">{{ order.total }} {{ order.currency }}</td>
+          </tr>
+        </tfoot>
+      </table>
+    </div>
+  </div>
+
+  <aside class="space-y-6">
+    <div class="space-y-3 rounded-radius border border-outline bg-surface p-5 text-sm dark:border-outline-dark dark:bg-surface-dark-alt">
+      <div>
+        <p class="text-xs uppercase tracking-wide text-on-surface/60 dark:text-on-surface-dark/60">{{ t(key="order-customer", lang=lang | default(value='sk')) }}</p>
+        <p class="font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ order.customer_name }}</p>
+        <p class="text-on-surface/80 dark:text-on-surface-dark/80">{{ order.email }}</p>
+      </div>
+      <div>
+        <p class="text-xs uppercase tracking-wide text-on-surface/60 dark:text-on-surface-dark/60">{{ t(key="checkout-shipping", lang=lang | default(value='sk')) }}</p>
+        <p class="text-on-surface/80 dark:text-on-surface-dark/80">{{ order.address }}<br>{{ order.zip }} {{ order.city }}<br>{{ order.country }}</p>
+      </div>
+      <div>
+        <p class="text-xs uppercase tracking-wide text-on-surface/60 dark:text-on-surface-dark/60">{{ t(key="checkout-carrier", lang=lang | default(value='sk')) }}</p>
+        <p class="text-on-surface/80 dark:text-on-surface-dark/80">{{ order.carrier_name }} — {{ order.shipping }} {{ order.currency }}</p>
+        {% if order.pickup_point_name %}<p class="text-on-surface/80 dark:text-on-surface-dark/80">{{ order.pickup_point_name }}</p>{% endif %}
+      </div>
+      <div>
+        <p class="text-xs uppercase tracking-wide text-on-surface/60 dark:text-on-surface-dark/60">{{ t(key="checkout-payment", lang=lang | default(value='sk')) }}</p>
+        <p class="text-on-surface/80 dark:text-on-surface-dark/80">
+          {% if order.payment_method == "bank_transfer" %}{{ t(key="payment-bank", lang=lang | default(value='sk')) }} · VS {{ order.variable_symbol }}{% else %}{{ t(key="payment-cod", lang=lang | default(value='sk')) }}{% endif %}
+        </p>
+      </div>
+      {% if order.note %}
+      <div>
+        <p class="text-xs uppercase tracking-wide text-on-surface/60 dark:text-on-surface-dark/60">{{ t(key="checkout-note", lang=lang | default(value='sk')) }}</p>
+        <p class="text-on-surface/80 dark:text-on-surface-dark/80">{{ order.note }}</p>
+      </div>
+      {% endif %}
+    </div>
+
+    <form method="post" action="/admin/orders/{{ order.id }}/status" class="space-y-3 rounded-radius border border-outline bg-surface p-5 dark:border-outline-dark dark:bg-surface-dark-alt">
+      <label for="status" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="order-status", lang=lang | default(value='sk')) }}</label>
+      <select id="status" name="status"
+        class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+        {% for status in statuses %}
+        <option value="{{ status }}" {% if order.status == status %}selected{% endif %}>{{ t(key="order-status-" ~ status, lang=lang | default(value='sk')) }}</option>
+        {% endfor %}
+      </select>
+      <button type="submit" class="inline-flex w-full items-center justify-center rounded-radius bg-primary px-4 py-2 text-sm font-medium text-on-primary transition hover:opacity-75 dark:bg-primary-dark dark:text-on-primary-dark">{{ t(key="order-update-status", lang=lang | default(value='sk')) }}</button>
+    </form>
+  </aside>
+</div>
+{% endblock content %}

assets/views/admin/shipping/index.html

@@ -0,0 +1,37 @@
+{% extends "admin/base.html" %}
+
+{% block title %}{{ t(key="admin-shipping", lang=lang | default(value='sk')) }}{% endblock title %}
+{% block crumb %}{{ t(key="admin-shipping", lang=lang | default(value='sk')) }}{% endblock crumb %}
+
+{% block content %}
+<header class="space-y-1">
+  <h1 class="text-2xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="admin-shipping", lang=lang | default(value='sk')) }}</h1>
+  <p class="text-sm text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="admin-shipping-desc", lang=lang | default(value='sk')) }}</p>
+</header>
+
+<div class="mt-6 space-y-4">
+  {% for method in methods %}
+  <form method="post" action="/admin/shipping/{{ method.id }}"
+    class="flex flex-wrap items-end gap-4 rounded-radius border border-outline bg-surface p-5 dark:border-outline-dark dark:bg-surface-dark-alt">
+    <div class="min-w-40">
+      <p class="font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">{{ method.name }}</p>
+      <p class="text-xs text-on-surface/60 dark:text-on-surface-dark/60">{{ method.code }}{% if method.requires_pickup_point %} · {{ t(key="checkout-pickup-point", lang=lang | default(value='sk')) }}{% endif %}</p>
+    </div>
+    <div class="space-y-1.5">
+      <label for="price-{{ method.id }}" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="price", lang=lang | default(value='sk')) }}</label>
+      <input id="price-{{ method.id }}" name="price" type="text" inputmode="decimal" value="{{ method.price }}"
+        class="w-28 rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+    </div>
+    <label class="flex items-center gap-2 pb-2">
+      <input type="checkbox" name="enabled" value="on" {% if method.enabled %}checked{% endif %}
+        class="size-4 rounded border-outline text-primary focus:ring-primary dark:border-outline-dark">
+      <span class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="shipping-enabled", lang=lang | default(value='sk')) }}</span>
+    </label>
+    <button type="submit"
+      class="ml-auto inline-flex items-center justify-center rounded-radius bg-primary px-4 py-2 text-sm font-medium text-on-primary transition hover:opacity-75 dark:bg-primary-dark dark:text-on-primary-dark">
+      {{ t(key="save", lang=lang | default(value='sk')) }}
+    </button>
+  </form>
+  {% endfor %}
+</div>
+{% endblock content %}

assets/views/audio/album.html

@@ -1,140 +0,0 @@
-{% extends "base.html" %}
-
-{% block title %}{{ album.title }}{% endblock title %}
-{% block crumb %}audio/{{ album.slug }}{% endblock crumb %}
-
-{% block content %}
-{% if logged_in_admin %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ album.title }}</h1>
-    {% if album.artist %}
-    <p class="term-sub">// {{ t(key="album-by", lang=lang | default(value='sk')) }} {{ album.artist }}</p>
-    {% endif %}
-  </div>
-  <div class="term-cmd-actions">
-    {% if tracks | length > 0 %}
-    <button type="button" class="uw-play-album btn btn-primary btn-sm"
-      data-tracks-from="#uw-album-tracks">{{ t(key="album-play-full", lang=lang | default(value='sk')) }}</button>
-    {% endif %}
-    <a href="/audio/albums" class="btn btn-outline btn-sm">[ {{ t(key="cd-up", lang=lang | default(value='sk')) }} ]</a>
-  </div>
-</header>
-
-{% if album.cover_image_id %}
-<div class="card mb-6">
-  <div class="term-head">
-    <span class="term-head-name">~/audio/{{ album.slug }}/cover.png</span>
-  </div>
-  <div class="card-body">
-    <img src="/images/{{ album.cover_image_id }}" alt="">
-  </div>
-</div>
-{% endif %}
-
-{% if album.description %}
-<div class="card mb-6">
-  <div class="term-head">
-    <span class="term-head-name">~/audio/{{ album.slug }}/notes.txt</span>
-  </div>
-  <div class="card-body">
-    <p class="term-prose whitespace-pre-line">{{ album.description }}</p>
-  </div>
-</div>
-{% endif %}
-
-<div class="card">
-  <div class="term-head">
-    <span class="term-head-name">~/audio/{{ album.slug }}/tracklist</span>
-    <span class="term-head-meta term-tag is-green">{{ tracks | length }} tracks</span>
-  </div>
-  <div class="card-body" id="uw-album-tracks">
-    {% if tracks | length > 0 %}
-      <div class="term-track-bar">
-        <button type="button" class="uw-play-album btn btn-primary btn-sm"
-          data-tracks-from="#uw-album-tracks">{{ t(key="album-play-full", lang=lang | default(value='sk')) }}</button>
-        <span class="term-track-name t-dim">// {{ t(key="album-queue-all", lang=lang | default(value='sk')) }}</span>
-      </div>
-      {% for track in tracks %}
-      <div class="term-track">
-        <button type="button" class="uw-play btn btn-primary btn-sm"
-          data-src="/audio/tracks/{{ track.id }}/stream" data-title="{{ track.title }}">&#9654; play</button>
-        <span class="term-track-name">
-          <span class="t-dim">{% if track.track_number %}{{ track.track_number }}{% else %}-{% endif %}</span>
-          <span class="t-green">▸</span> {{ track.title }}
-        </span>
-      </div>
-      {% endfor %}
-    {% else %}
-      <p class="term-empty-cmd">{{ t(key="album-no-tracks", lang=lang | default(value='sk')) }}</p>
-    {% endif %}
-  </div>
-</div>
-{% else %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ album.title }}</h1>
-    {% if album.artist %}
-    <p class="term-sub">{{ t(key="album-by", lang=lang | default(value='sk')) }} {{ album.artist }}</p>
-    {% endif %}
-  </div>
-  <div class="term-cmd-actions">
-    {% if tracks | length > 0 %}
-    <button type="button" class="uw-play-album btn btn-primary btn-sm"
-      data-tracks-from="#uw-album-tracks">{{ t(key="album-play-full", lang=lang | default(value='sk')) }}</button>
-    {% endif %}
-    <a href="/audio/albums" class="btn btn-outline btn-sm">[ {{ t(key="cd-up", lang=lang | default(value='sk')) }} ]</a>
-  </div>
-</header>
-
-{% if album.cover_image_id %}
-<div class="card mb-6">
-  <div class="term-head">
-    <span class="term-head-name">~/audio/{{ album.slug }}/cover.png</span>
-  </div>
-  <div class="card-body">
-    <img src="/images/{{ album.cover_image_id }}" alt="">
-  </div>
-</div>
-{% endif %}
-
-{% if album.description %}
-<div class="card mb-6">
-  <div class="term-head">
-    <span class="term-head-name">~/audio/{{ album.slug }}/notes.txt</span>
-  </div>
-  <div class="card-body">
-    <p class="term-prose whitespace-pre-line">{{ album.description }}</p>
-  </div>
-</div>
-{% endif %}
-
-<div class="card">
-  <div class="term-head">
-    <span class="term-head-name">~/audio/{{ album.slug }}/tracklist</span>
-    <span class="term-head-meta term-tag is-green">{{ tracks | length }} tracks</span>
-  </div>
-  <div class="card-body" id="uw-album-tracks">
-    {% if tracks | length > 0 %}
-      <div class="term-track-bar">
-        <button type="button" class="uw-play-album btn btn-primary btn-sm"
-          data-tracks-from="#uw-album-tracks">{{ t(key="album-play-full", lang=lang | default(value='sk')) }}</button>
-        <span class="term-track-name t-dim">// {{ t(key="album-queue-all", lang=lang | default(value='sk')) }}</span>
-      </div>
-      {% for track in tracks %}
-      <div class="term-track">
-        <button type="button" class="uw-play btn btn-primary btn-sm"
-          data-src="/audio/tracks/{{ track.id }}/stream" data-title="{{ track.title }}">{{ t(key="audio-play", lang=lang | default(value='sk')) }}</button>
-        <span class="term-track-name">
-          <span class="t-dim">{% if track.track_number %}{{ track.track_number }}{% else %}-{% endif %}</span>
-          <span class="t-green">▸</span> {{ track.title }}
-        </span>
-      </div>
-      {% endfor %}
-    {% else %}
-      <p class="term-empty-cmd">{{ t(key="album-no-tracks", lang=lang | default(value='sk')) }}</p>
-    {% endif %}
-  </div>
-</div>
-{% endif %}
-{% endblock content %}

assets/views/audio/albums.html

@@ -1,96 +0,0 @@
-{% extends "base.html" %}
-
-{% block title %}{{ t(key="audio-title", lang=lang | default(value='sk')) }}{% endblock title %}
-{% block crumb %}audio{% endblock crumb %}
-
-{% block content %}
-{% if logged_in_admin %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ t(key="audio-title", lang=lang | default(value='sk')) }}</h1>
-    <p class="term-sub">// {{ albums | length }} {{ t(key="audio-sub", lang=lang | default(value='sk')) }}</p>
-  </div>
-  <div class="term-cmd-actions">
-    <a href="/audio/tracks" class="btn btn-outline btn-sm">[ {{ t(key="audio-all-songs", lang=lang | default(value='sk')) }} ]</a>
-  </div>
-</header>
-
-{% if albums | length > 0 %}
-  <div class="term-grid">
-    {% for album in albums %}
-      <article class="card">
-        <div class="term-head">
-          <span class="term-head-name">~/audio/{{ album.slug }}/</span>
-          <span class="term-head-meta term-tag is-purple">{{ t(key="album", lang=lang | default(value='sk')) }}</span>
-        </div>
-        <div class="card-body">
-          {% if album.cover_image_id %}
-          <img src="/images/{{ album.cover_image_id }}" alt="" class="mb-3">
-          {% endif %}
-          <h2 class="card-title text-base">{{ album.title }}</h2>
-          {% if album.artist %}
-          <p class="text-sm t-aqua">{{ album.artist }}</p>
-          {% endif %}
-          {% if album.description %}
-          <p class="term-prose text-sm opacity-80">{{ album.description }}</p>
-          {% endif %}
-          <div class="flex flex-wrap gap-2 pt-2">
-            <button type="button" class="uw-play-album-remote btn btn-primary btn-sm"
-              data-album-tracks-url="/audio/albums/{{ album.slug }}/tracks">{{ t(key="audio-play", lang=lang | default(value='sk')) }}</button>
-            <a href="/audio/albums/{{ album.slug }}" class="btn btn-outline btn-sm">{{ t(key="audio-open", lang=lang | default(value='sk')) }}</a>
-          </div>
-        </div>
-      </article>
-    {% endfor %}
-  </div>
-{% else %}
-  <div class="term-empty">
-    <p class="font-medium">{{ t(key="audio-no-albums", lang=lang | default(value='sk')) }}</p>
-  </div>
-{% endif %}
-{% else %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ t(key="audio-title", lang=lang | default(value='sk')) }}</h1>
-    <p class="term-sub">{{ albums | length }} {{ t(key="audio-sub", lang=lang | default(value='sk')) }}</p>
-  </div>
-  <div class="term-cmd-actions">
-    <a href="/audio/tracks" class="btn btn-outline btn-sm">[ {{ t(key="audio-all-songs", lang=lang | default(value='sk')) }} ]</a>
-  </div>
-</header>
-
-{% if albums | length > 0 %}
-  <div class="term-grid">
-    {% for album in albums %}
-      <article class="card">
-        <div class="term-head">
-          <span class="term-head-name">~/audio/{{ album.slug }}/</span>
-          <span class="term-head-meta term-tag is-purple">{{ t(key="album", lang=lang | default(value='sk')) }}</span>
-        </div>
-        <div class="card-body">
-          {% if album.cover_image_id %}
-          <img src="/images/{{ album.cover_image_id }}" alt="" class="mb-3">
-          {% endif %}
-          <h2 class="card-title text-base">{{ album.title }}</h2>
-          {% if album.artist %}
-          <p class="text-sm t-aqua">{{ album.artist }}</p>
-          {% endif %}
-          {% if album.description %}
-          <p class="term-prose text-sm opacity-80">{{ album.description }}</p>
-          {% endif %}
-          <div class="flex flex-wrap gap-2 pt-2">
-            <button type="button" class="uw-play-album-remote btn btn-primary btn-sm"
-              data-album-tracks-url="/audio/albums/{{ album.slug }}/tracks">{{ t(key="audio-play", lang=lang | default(value='sk')) }}</button>
-            <a href="/audio/albums/{{ album.slug }}" class="btn btn-outline btn-sm">{{ t(key="audio-open", lang=lang | default(value='sk')) }}</a>
-          </div>
-        </div>
-      </article>
-    {% endfor %}
-  </div>
-{% else %}
-  <div class="term-empty">
-    <p class="font-medium">{{ t(key="audio-no-albums", lang=lang | default(value='sk')) }}</p>
-  </div>
-{% endif %}
-{% endif %}
-{% endblock content %}

assets/views/audio/tracks.html

@@ -1,76 +0,0 @@
-{% extends "base.html" %}
-
-{% block title %}{{ t(key="songs-title", lang=lang | default(value='sk')) }}{% endblock title %}
-{% block crumb %}audio/tracks{% endblock crumb %}
-
-{% block content %}
-{% if logged_in_admin %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ t(key="songs-title", lang=lang | default(value='sk')) }}</h1>
-    <p class="term-sub">// {{ tracks | length }} {{ t(key="songs-sub", lang=lang | default(value='sk')) }}</p>
-  </div>
-  <div class="term-cmd-actions">
-    {% if tracks | length > 0 %}
-    <button type="button" class="uw-play-album btn btn-primary btn-sm"
-      data-tracks-from="#uw-songs-list">{{ t(key="songs-play-all", lang=lang | default(value='sk')) }}</button>
-    {% endif %}
-    <a href="/audio/albums" class="btn btn-outline btn-sm">[ {{ t(key="songs-albums", lang=lang | default(value='sk')) }} ]</a>
-  </div>
-</header>
-
-<div class="card">
-  <div class="term-head">
-    <span class="term-head-name">~/audio/playlist.m3u</span>
-    <span class="term-head-meta term-tag is-green">{{ tracks | length }} tracks</span>
-  </div>
-  <div class="card-body" id="uw-songs-list">
-    {% if tracks | length > 0 %}
-      {% for track in tracks %}
-      <div class="term-track">
-        <button type="button" class="uw-play btn btn-primary btn-sm"
-          data-src="/audio/tracks/{{ track.id }}/stream" data-title="{{ track.title }}">{{ t(key="audio-play", lang=lang | default(value='sk')) }}</button>
-        <span class="term-track-name"><span class="t-green">▸</span> {{ track.title }}</span>
-      </div>
-      {% endfor %}
-    {% else %}
-      <p class="term-empty-cmd">{{ t(key="songs-no-tracks", lang=lang | default(value='sk')) }}</p>
-    {% endif %}
-  </div>
-</div>
-{% else %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ t(key="songs-title", lang=lang | default(value='sk')) }}</h1>
-    <p class="term-sub">{{ tracks | length }} {{ t(key="songs-sub", lang=lang | default(value='sk')) }}</p>
-  </div>
-  <div class="term-cmd-actions">
-    {% if tracks | length > 0 %}
-    <button type="button" class="uw-play-album btn btn-primary btn-sm"
-      data-tracks-from="#uw-songs-list">{{ t(key="songs-play-all", lang=lang | default(value='sk')) }}</button>
-    {% endif %}
-    <a href="/audio/albums" class="btn btn-outline btn-sm">[ {{ t(key="songs-albums", lang=lang | default(value='sk')) }} ]</a>
-  </div>
-</header>
-
-<div class="card">
-  <div class="term-head">
-    <span class="term-head-name">~/audio/playlist.m3u</span>
-    <span class="term-head-meta term-tag is-green">{{ tracks | length }} tracks</span>
-  </div>
-  <div class="card-body" id="uw-songs-list">
-    {% if tracks | length > 0 %}
-      {% for track in tracks %}
-      <div class="term-track">
-        <button type="button" class="uw-play btn btn-primary btn-sm"
-          data-src="/audio/tracks/{{ track.id }}/stream" data-title="{{ track.title }}">{{ t(key="audio-play", lang=lang | default(value='sk')) }}</button>
-        <span class="term-track-name">{{ track.title }}</span>
-      </div>
-      {% endfor %}
-    {% else %}
-      <p class="term-empty-cmd">{{ t(key="songs-no-tracks", lang=lang | default(value='sk')) }}</p>
-    {% endif %}
-  </div>
-</div>
-{% endif %}
-{% endblock content %}

assets/views/base.html

@@ -45,10 +45,20 @@
     <script defer src="/static/vendor/alpine/alpinejs-3.14.9.min.js"></script>
   </head>
   <body hx-boost="true"
-    class="flex min-h-screen flex-col bg-surface text-on-surface antialiased dark:bg-surface-dark dark:text-on-surface-dark">
+    x-data="{ cats: false, lg: window.matchMedia('(min-width: 1024px)').matches }"
+    x-init="window.matchMedia('(min-width: 1024px)').addEventListener('change', e => lg = e.matches)"
+    class="min-h-screen bg-surface text-on-surface antialiased dark:bg-surface-dark dark:text-on-surface-dark">
     <header
       class="sticky top-0 z-30 border-b border-outline bg-surface/95 backdrop-blur dark:border-outline-dark dark:bg-surface-dark/95">
-      <nav x-data="{ mobile: false }" class="mx-auto flex max-w-6xl items-center gap-4 px-4 py-3">
+      <nav x-data="{ mobile: false }" class="mx-auto flex max-w-7xl items-center gap-4 px-4 py-3">
+        <!-- category sidebar toggle (mobile only) -->
+        <button type="button" @click="cats = !cats" :aria-expanded="cats"
+          aria-label="{{ t(key='categories', lang=lang | default(value='sk')) }}"
+          class="inline-flex size-9 items-center justify-center rounded-radius text-on-surface transition hover:bg-surface-alt lg:hidden dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">
+          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
+          </svg>
+        </button>
         <a href="/"
           class="text-lg font-bold tracking-tight text-on-surface-strong dark:text-on-surface-dark-strong">
           {{ t(key="brand", lang=lang | default(value='sk')) }}
@@ -57,10 +67,7 @@
         <!-- desktop links -->
         <ul class="ml-2 hidden items-center gap-1 md:flex">
           <li><a href="/" data-nav="/" class="rounded-radius px-3 py-1.5 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary aria-[current=page]:text-primary aria-[current=page]:font-semibold dark:text-on-surface-dark dark:hover:bg-surface-dark-alt dark:hover:text-primary-dark dark:aria-[current=page]:text-primary-dark">{{ t(key="nav-home", lang=lang | default(value='sk')) }}</a></li>
-          <li><a href="/blog" data-nav="/blog" class="rounded-radius px-3 py-1.5 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary aria-[current=page]:text-primary aria-[current=page]:font-semibold dark:text-on-surface-dark dark:hover:bg-surface-dark-alt dark:hover:text-primary-dark dark:aria-[current=page]:text-primary-dark">{{ t(key="nav-blog", lang=lang | default(value='sk')) }}</a></li>
+          <li><a href="/shop" data-nav="/shop" class="rounded-radius px-3 py-1.5 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary aria-[current=page]:text-primary aria-[current=page]:font-semibold dark:text-on-surface-dark dark:hover:bg-surface-dark-alt dark:hover:text-primary-dark dark:aria-[current=page]:text-primary-dark">{{ t(key="nav-shop", lang=lang | default(value='sk')) }}</a></li>
-          <li><a href="/audio/albums" data-nav="/audio/albums" class="rounded-radius px-3 py-1.5 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary aria-[current=page]:text-primary aria-[current=page]:font-semibold dark:text-on-surface-dark dark:hover:bg-surface-dark-alt dark:hover:text-primary-dark dark:aria-[current=page]:text-primary-dark">{{ t(key="nav-audio", lang=lang | default(value='sk')) }}</a></li>
-          <li><a href="/audio/tracks" data-nav="/audio/tracks" class="rounded-radius px-3 py-1.5 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary aria-[current=page]:text-primary aria-[current=page]:font-semibold dark:text-on-surface-dark dark:hover:bg-surface-dark-alt dark:hover:text-primary-dark dark:aria-[current=page]:text-primary-dark">{{ t(key="nav-songs", lang=lang | default(value='sk')) }}</a></li>
-          <li><a href="/about" data-nav="/about" class="rounded-radius px-3 py-1.5 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary aria-[current=page]:text-primary aria-[current=page]:font-semibold dark:text-on-surface-dark dark:hover:bg-surface-dark-alt dark:hover:text-primary-dark dark:aria-[current=page]:text-primary-dark">{{ t(key="nav-about", lang=lang | default(value='sk')) }}</a></li>
           {% if logged_in_admin %}
           <li><a href="/admin/dashboard" hx-boost="false" data-nav="/admin" class="rounded-radius px-3 py-1.5 text-sm font-medium text-warning transition hover:bg-surface-alt dark:hover:bg-surface-dark-alt">{{ t(key="admin-title", lang=lang | default(value='sk')) }}</a></li>
           <li>
@@ -73,8 +80,21 @@
           {% endif %}
         </ul>
 
-        <!-- right side: settings + mobile toggle -->
+        <!-- right side: cart + settings + mobile toggle -->
         <div class="ml-auto flex items-center gap-1">
+          <!-- cart with live item-count badge read from the `cart` cookie -->
+          <a href="/cart" data-nav="/cart"
+            x-data="{ count: 0 }"
+            x-init="count = (function(){ var m = document.cookie.split('; ').find(function(c){return c.indexOf('cart=')===0}); if(!m) return 0; var v = decodeURIComponent(m.split('=')[1]||''); if(!v) return 0; return v.split(',').reduce(function(s,e){ return s + (parseInt(e.split(':')[1])||0) }, 0) })()"
+            aria-label="{{ t(key='cart-title', lang=lang | default(value='sk')) }}"
+            title="{{ t(key='cart-title', lang=lang | default(value='sk')) }}"
+            class="relative inline-flex size-9 items-center justify-center rounded-radius text-on-surface transition hover:bg-surface-alt dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5">
+              <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
+            </svg>
+            <span x-show="count > 0" x-cloak x-text="count"
+              class="absolute -right-1 -top-1 inline-flex min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-semibold leading-4 text-on-primary dark:bg-primary-dark dark:text-on-primary-dark"></span>
+          </a>
           <!-- settings (language + theme) dropdown -->
           <div x-data="{ open: false }" @keydown.escape="open = false" class="relative">
             <button type="button" @click="open = !open" :aria-expanded="open"
@@ -144,10 +164,7 @@
         <ul x-show="mobile" x-cloak @click.outside="mobile = false" x-transition
           class="absolute inset-x-0 top-full mx-4 mt-2 flex flex-col gap-1 rounded-radius border border-outline bg-surface p-2 shadow-lg md:hidden dark:border-outline-dark dark:bg-surface-dark-alt">
           <li><a href="/" class="block rounded-radius px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark">{{ t(key="nav-home", lang=lang | default(value='sk')) }}</a></li>
-          <li><a href="/blog" class="block rounded-radius px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark">{{ t(key="nav-blog", lang=lang | default(value='sk')) }}</a></li>
+          <li><a href="/shop" class="block rounded-radius px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark">{{ t(key="nav-shop", lang=lang | default(value='sk')) }}</a></li>
-          <li><a href="/audio/albums" class="block rounded-radius px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark">{{ t(key="nav-audio", lang=lang | default(value='sk')) }}</a></li>
-          <li><a href="/audio/tracks" class="block rounded-radius px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark">{{ t(key="nav-songs", lang=lang | default(value='sk')) }}</a></li>
-          <li><a href="/about" class="block rounded-radius px-3 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt hover:text-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark">{{ t(key="nav-about", lang=lang | default(value='sk')) }}</a></li>
           {% if logged_in_admin %}
           <li><a href="/admin/dashboard" hx-boost="false" class="block rounded-radius px-3 py-2 text-sm font-medium text-warning hover:bg-surface-alt dark:hover:bg-surface-dark">{{ t(key="admin-title", lang=lang | default(value='sk')) }}</a></li>
           <li>
@@ -162,8 +179,23 @@
       </nav>
     </header>
 
-    <main class="mx-auto w-full max-w-6xl flex-1 px-4 py-8">
+    <!-- dark overlay behind the category drawer on small screens -->
-      {% block content %}{% endblock content %}
+    <div x-cloak x-show="cats" x-transition.opacity @click="cats = false" aria-hidden="true"
-    </main>
+      class="fixed inset-0 z-30 bg-black/50 lg:hidden"></div>
+
+    <div class="mx-auto flex w-full max-w-7xl gap-8 px-4 py-8">
+      <!-- persistent category sidebar (off-canvas drawer on mobile).
+           hx-preserve keeps this node across boosted page swaps, so it is
+           fetched once (hx-trigger=load) and never reloaded on navigation. -->
+      <aside id="category-sidebar" hx-preserve="true"
+        x-cloak x-show="cats || lg" aria-label="{{ t(key='categories', lang=lang | default(value='sk')) }}"
+        hx-get="/partials/categories" hx-trigger="load"
+        class="fixed inset-y-0 left-0 z-40 w-64 overflow-y-auto border-r border-outline bg-surface-alt p-4 lg:static lg:z-auto lg:w-64 lg:shrink-0 lg:self-start lg:overflow-visible lg:rounded-radius lg:border lg:p-3 dark:border-outline-dark dark:bg-surface-dark-alt">
+      </aside>
+
+      <main class="min-w-0 flex-1">
+        {% block content %}{% endblock content %}
+      </main>
+    </div>
   </body>
 </html>

assets/views/blog/index.html

@@ -1,81 +0,0 @@
-{% extends "base.html" %}
-
-{% block title %}{{ t(key="blog-title", lang=lang | default(value='sk')) }}{% endblock title %}
-{% block crumb %}blog{% endblock crumb %}
-
-{% block content %}
-{% if logged_in_admin %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ t(key="blog-title", lang=lang | default(value='sk')) }}</h1>
-    <p class="term-sub">// {{ articles | length }} {{ t(key="blog-sub", lang=lang | default(value='sk')) }}</p>
-  </div>
-  <div class="term-cmd-actions">
-    <a href="/admin/blog/articles" hx-boost="false" class="btn btn-outline btn-sm">[ {{ t(key="blog-manage", lang=lang | default(value='sk')) }} ]</a>
-  </div>
-</header>
-
-{% if articles | length > 0 %}
-  <div class="term-stack">
-    {% for article in articles %}
-      <article class="card">
-        <div class="term-head">
-          <span class="term-head-name">~/blog/{{ article.slug }}.txt</span>
-          <span class="term-head-meta term-tag">{{ t(key="post", lang=lang | default(value='sk')) }}</span>
-        </div>
-        <div class="card-body">
-          <h2 class="card-title text-base">
-            <a href="/blog/{{ article.slug }}">{{ article.title }}</a>
-          </h2>
-          {% if article.excerpt %}
-          <p class="term-prose text-sm opacity-80">{{ article.excerpt }}</p>
-          {% endif %}
-          <div class="pt-2">
-            <a href="/blog/{{ article.slug }}" class="btn btn-primary btn-sm">{{ t(key="blog-read", lang=lang | default(value='sk')) }}</a>
-          </div>
-        </div>
-      </article>
-    {% endfor %}
-  </div>
-{% else %}
-  <div class="term-empty">
-    <p class="font-medium">{{ t(key="blog-no-posts", lang=lang | default(value='sk')) }}</p>
-  </div>
-{% endif %}
-{% else %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ t(key="blog-title", lang=lang | default(value='sk')) }}</h1>
-    <p class="term-sub">{{ articles | length }} {{ t(key="blog-sub", lang=lang | default(value='sk')) }}</p>
-  </div>
-</header>
-
-{% if articles | length > 0 %}
-  <div class="term-stack">
-    {% for article in articles %}
-      <article class="card">
-        <div class="term-head">
-          <span class="term-head-name">~/blog/{{ article.slug }}.txt</span>
-          <span class="term-head-meta term-tag">{{ t(key="post", lang=lang | default(value='sk')) }}</span>
-        </div>
-        <div class="card-body">
-          <h2 class="card-title text-base">
-            <a href="/blog/{{ article.slug }}">{{ article.title }}</a>
-          </h2>
-          {% if article.excerpt %}
-          <p class="term-prose text-sm opacity-80">{{ article.excerpt }}</p>
-          {% endif %}
-          <div class="pt-2">
-            <a href="/blog/{{ article.slug }}" class="btn btn-primary btn-sm">{{ t(key="blog-read", lang=lang | default(value='sk')) }}</a>
-          </div>
-        </div>
-      </article>
-    {% endfor %}
-  </div>
-{% else %}
-  <div class="term-empty">
-    <p class="font-medium">{{ t(key="blog-no-posts", lang=lang | default(value='sk')) }}</p>
-  </div>
-{% endif %}
-{% endif %}
-{% endblock content %}

assets/views/blog/show.html

@@ -1,56 +0,0 @@
-{% extends "base.html" %}
-
-{% block title %}{{ article.title }}{% endblock title %}
-{% block crumb %}blog/{{ article.slug }}{% endblock crumb %}
-
-{% block content %}
-{% if logged_in_admin %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ article.title }}</h1>
-    <p class="term-sub">// {{ article.view_count }} {{ t(key="blog-views", lang=lang | default(value='sk')) }}</p>
-  </div>
-  <div class="term-cmd-actions">
-    <a href="/blog" class="btn btn-outline btn-sm">[ {{ t(key="cd-up", lang=lang | default(value='sk')) }} ]</a>
-  </div>
-</header>
-
-<article class="card">
-  <div class="term-head">
-    <span class="term-head-name">~/blog/{{ article.slug }}.txt</span>
-    <span class="term-head-meta term-tag is-blue">{{ t(key="readonly", lang=lang | default(value='sk')) }}</span>
-  </div>
-  <div class="card-body">
-    {% if article.excerpt %}
-    <p class="term-prose t-yellow"># {{ article.excerpt }}</p>
-    <div class="border-t border-base-300 pt-4"></div>
-    {% endif %}
-    <div class="blog-content term-prose">{{ article.content | safe }}</div>
-  </div>
-</article>
-{% else %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ article.title }}</h1>
-    <p class="term-sub">{{ article.view_count }} {{ t(key="blog-views", lang=lang | default(value='sk')) }}</p>
-  </div>
-  <div class="term-cmd-actions">
-    <a href="/blog" class="btn btn-outline btn-sm">[ {{ t(key="cd-up", lang=lang | default(value='sk')) }} ]</a>
-  </div>
-</header>
-
-<article class="card">
-  <div class="term-head">
-    <span class="term-head-name">~/blog/{{ article.slug }}.txt</span>
-    <span class="term-head-meta term-tag is-blue">{{ t(key="readonly", lang=lang | default(value='sk')) }}</span>
-  </div>
-  <div class="card-body">
-    {% if article.excerpt %}
-    <p class="term-prose t-yellow"># {{ article.excerpt }}</p>
-    <div class="border-t border-base-300 pt-4"></div>
-    {% endif %}
-    <div class="blog-content term-prose">{{ article.content | safe }}</div>
-  </div>
-</article>
-{% endif %}
-{% endblock content %}

assets/views/home/index.html

@@ -1,186 +1,29 @@
 {% extends "base.html" %}
 
-{% block title %}{{ t(key="home-title", lang=lang | default(value='sk')) }}{% endblock title %}
+{% block title %}{{ t(key="brand", lang=lang | default(value='sk')) }}{% endblock title %}
-{% block crumb %}{% endblock crumb %}
 
 {% block content %}
-{% if logged_in_admin %}
+<div class="space-y-12">
-<header class="term-cmd">
+  <!-- hero -->
-  <div>
+  <section class="rounded-radius border border-outline bg-surface-alt px-6 py-12 text-center dark:border-outline-dark dark:bg-surface-dark-alt">
-    <h1 class="term-title">{{ t(key="home-title", lang=lang | default(value='sk')) }}</h1>
+    <h1 class="text-4xl font-bold tracking-tight text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="shop-title", lang=lang | default(value='sk')) }}</h1>
-    <p class="term-sub">// {{ t(key="home-sub", lang=lang | default(value='sk')) }}</p>
+    <p class="mx-auto mt-3 max-w-xl text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="shop-subtitle", lang=lang | default(value='sk')) }}</p>
-  </div>
+    <a href="/shop" class="mt-6 inline-flex items-center justify-center rounded-radius bg-primary px-6 py-2.5 text-sm font-medium tracking-wide text-on-primary transition hover:opacity-75 dark:bg-primary-dark dark:text-on-primary-dark">{{ t(key="nav-shop", lang=lang | default(value='sk')) }}</a>
-  <div class="term-cmd-actions">
+  </section>
-    <a href="/blog" class="btn btn-outline btn-sm">[ {{ t(key="home-all-posts", lang=lang | default(value='sk')) }} ]</a>
-  </div>
-</header>
 
-{% if featured_track or featured_album %}
+  <!-- featured products -->
-<section class="mb-8">
+  {% if products | length > 0 %}
-  <p class="term-cmd-line mb-6"><span class="t-dim"># </span>{{ t(key="home-picks", lang=lang | default(value='sk')) }}</p>
+  <section class="space-y-5">
-  <div class="term-grid">
+    <div class="flex items-end justify-between">
-    {% if featured_track %}
+      <h2 class="text-2xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="shop-title", lang=lang | default(value='sk')) }}</h2>
-    <article class="card">
+      <a href="/shop" class="text-sm font-medium text-primary dark:text-primary-dark">{{ t(key="cart-continue", lang=lang | default(value='sk')) }} →</a>
-      <div class="term-head">
+    </div>
-        <span class="term-head-name">~/audio/tracks/{{ featured_track.slug }}</span>
+    <div class="grid grid-cols-2 gap-5 sm:grid-cols-3 lg:grid-cols-4">
-        <span class="term-head-meta term-tag is-green">{{ t(key="song", lang=lang | default(value='sk')) }}</span>
+      {% for product in products %}
-      </div>
+      {% include "shop/_card.html" %}
-      <div class="card-body">
-        <div class="term-track">
-          <button type="button" class="uw-play btn btn-primary btn-sm"
-            data-src="/audio/tracks/{{ featured_track.id }}/stream" data-title="{{ featured_track.title }}">{{ t(key="audio-play", lang=lang | default(value='sk')) }}</button>
-          <span class="term-track-name"><span class="t-green">▸</span> {{ featured_track.title }}</span>
-        </div>
-      </div>
-    </article>
-    {% endif %}
-    {% if featured_album %}
-    <article class="card">
-      <div class="term-head">
-        <span class="term-head-name">~/audio/{{ featured_album.slug }}/</span>
-        <span class="term-head-meta term-tag is-purple">{{ t(key="album", lang=lang | default(value='sk')) }}</span>
-      </div>
-      <div class="card-body">
-        {% if featured_album.cover_image_id %}
-        <img src="/images/{{ featured_album.cover_image_id }}" alt="" class="mb-3">
-        {% endif %}
-        <h2 class="card-title text-base">{{ featured_album.title }}</h2>
-        {% if featured_album.artist %}
-        <p class="text-sm t-aqua">{{ featured_album.artist }}</p>
-        {% endif %}
-        {% if featured_album.description %}
-        <p class="term-prose text-sm opacity-80">{{ featured_album.description }}</p>
-        {% endif %}
-        <div class="flex flex-wrap gap-2 pt-2">
-          <button type="button" class="uw-play-album-remote btn btn-primary btn-sm"
-            data-album-tracks-url="/audio/albums/{{ featured_album.slug }}/tracks">{{ t(key="audio-play", lang=lang | default(value='sk')) }}</button>
-          <a href="/audio/albums/{{ featured_album.slug }}" class="btn btn-outline btn-sm">{{ t(key="audio-open", lang=lang | default(value='sk')) }}</a>
-        </div>
-      </div>
-    </article>
-    {% endif %}
-  </div>
-</section>
-{% endif %}
-
-<section>
-  <p class="term-cmd-line mb-6"><span class="t-dim"># </span>{{ t(key="home-recent", lang=lang | default(value='sk')) }} <span class="t-dim">({{ articles | length }})</span></p>
-  {% if articles | length > 0 %}
-    <div class="term-stack">
-      {% for article in articles %}
-        <article class="card">
-          <div class="term-head">
-            <span class="term-head-name">~/blog/{{ article.slug }}.txt</span>
-            <span class="term-head-meta term-tag">{{ t(key="post", lang=lang | default(value='sk')) }}</span>
-          </div>
-          <div class="card-body">
-            <h2 class="card-title text-base">
-              <a href="/blog/{{ article.slug }}">{{ article.title }}</a>
-            </h2>
-            {% if article.excerpt %}
-            <p class="term-prose text-sm opacity-80">{{ article.excerpt }}</p>
-            {% endif %}
-            <div class="pt-2">
-              <a href="/blog/{{ article.slug }}" class="btn btn-primary btn-sm">{{ t(key="blog-read", lang=lang | default(value='sk')) }}</a>
-            </div>
-          </div>
-        </article>
       {% endfor %}
     </div>
-  {% else %}
+  </section>
-    <div class="term-empty">
-      <p class="font-medium">{{ t(key="home-no-posts", lang=lang | default(value='sk')) }}</p>
-    </div>
   {% endif %}
-</section>
+</div>
-{% else %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ t(key="home-title", lang=lang | default(value='sk')) }}</h1>
-    <p class="term-sub">{{ t(key="home-sub", lang=lang | default(value='sk')) }}</p>
-  </div>
-  <div class="term-cmd-actions">
-    <a href="/blog" class="btn btn-outline btn-sm">{{ t(key="home-all-posts", lang=lang | default(value='sk')) }}</a>
-  </div>
-</header>
-
-{% if featured_track or featured_album %}
-<section class="mb-8">
-  <p class="term-cmd-line mb-6"><span class="t-dim"># </span>{{ t(key="home-picks", lang=lang | default(value='sk')) }}</p>
-  <div class="term-grid">
-    {% if featured_track %}
-    <article class="card">
-      <div class="term-head">
-        <span class="term-head-name">~/audio/tracks/{{ featured_track.slug }}</span>
-        <span class="term-head-meta term-tag is-green">{{ t(key="song", lang=lang | default(value='sk')) }}</span>
-      </div>
-      <div class="card-body">
-        <div class="term-track">
-          <button type="button" class="uw-play btn btn-primary btn-sm"
-            data-src="/audio/tracks/{{ featured_track.id }}/stream" data-title="{{ featured_track.title }}">{{ t(key="audio-play", lang=lang | default(value='sk')) }}</button>
-          <span class="term-track-name"><span class="t-green">▸</span> {{ featured_track.title }}</span>
-        </div>
-      </div>
-    </article>
-    {% endif %}
-    {% if featured_album %}
-    <article class="card">
-      <div class="term-head">
-        <span class="term-head-name">~/audio/{{ featured_album.slug }}/</span>
-        <span class="term-head-meta term-tag is-purple">{{ t(key="album", lang=lang | default(value='sk')) }}</span>
-      </div>
-      <div class="card-body">
-        {% if featured_album.cover_image_id %}
-        <img src="/images/{{ featured_album.cover_image_id }}" alt="" class="mb-3">
-        {% endif %}
-        <h2 class="card-title text-base">{{ featured_album.title }}</h2>
-        {% if featured_album.artist %}
-        <p class="text-sm t-aqua">{{ featured_album.artist }}</p>
-        {% endif %}
-        {% if featured_album.description %}
-        <p class="term-prose text-sm opacity-80">{{ featured_album.description }}</p>
-        {% endif %}
-        <div class="flex flex-wrap gap-2 pt-2">
-          <button type="button" class="uw-play-album-remote btn btn-primary btn-sm"
-            data-album-tracks-url="/audio/albums/{{ featured_album.slug }}/tracks">{{ t(key="audio-play", lang=lang | default(value='sk')) }}</button>
-          <a href="/audio/albums/{{ featured_album.slug }}" class="btn btn-outline btn-sm">{{ t(key="audio-open", lang=lang | default(value='sk')) }}</a>
-        </div>
-      </div>
-    </article>
-    {% endif %}
-  </div>
-</section>
-{% endif %}
-
-<section>
-  <p class="term-cmd-line mb-6"><span class="t-dim"># </span>{{ t(key="home-recent", lang=lang | default(value='sk')) }} <span class="t-dim">({{ articles | length }})</span></p>
-  {% if articles | length > 0 %}
-    <div class="term-stack">
-      {% for article in articles %}
-        <article class="card">
-          <div class="term-head">
-            <span class="term-head-name">~/blog/{{ article.slug }}.txt</span>
-            <span class="term-head-meta term-tag">{{ t(key="post", lang=lang | default(value='sk')) }}</span>
-          </div>
-          <div class="card-body">
-            <h2 class="card-title text-base">
-              <a href="/blog/{{ article.slug }}">{{ article.title }}</a>
-            </h2>
-            {% if article.excerpt %}
-            <p class="text-sm opacity-80">{{ article.excerpt }}</p>
-            {% endif %}
-            <div class="pt-2">
-              <a href="/blog/{{ article.slug }}" class="btn btn-primary btn-sm">{{ t(key="blog-read", lang=lang | default(value='sk')) }}</a>
-            </div>
-          </div>
-        </article>
-      {% endfor %}
-    </div>
-  {% else %}
-    <div class="term-empty">
-      <p class="font-medium">{{ t(key="home-no-posts", lang=lang | default(value='sk')) }}</p>
-    </div>
-  {% endif %}
-</section>
-{% endif %}
 {% endblock content %}

assets/views/pages/about.html

@@ -1,45 +0,0 @@
-{% extends "base.html" %}
-
-{% block title %}{{ page.title }}{% endblock title %}
-{% block crumb %}about{% endblock crumb %}
-
-{% block content %}
-{% if logged_in_admin %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ page.title }}</h1>
-    <p class="term-sub">// {{ t(key="about-sub", lang=lang | default(value='sk')) }}</p>
-  </div>
-  <div class="term-cmd-actions">
-    <a href="/admin/about" hx-boost="false" class="btn btn-outline btn-sm">[ {{ t(key="edit", lang=lang | default(value='sk')) }} ]</a>
-  </div>
-</header>
-
-<article class="card">
-  <div class="term-head">
-    <span class="term-head-name">~/about.txt</span>
-    <span class="term-head-meta term-tag is-blue">{{ t(key="readonly", lang=lang | default(value='sk')) }}</span>
-  </div>
-  <div class="card-body">
-    <div class="term-prose whitespace-pre-line">{{ page.content }}</div>
-  </div>
-</article>
-{% else %}
-<header class="term-cmd">
-  <div>
-    <h1 class="term-title">{{ page.title }}</h1>
-    <p class="term-sub">{{ t(key="about-sub", lang=lang | default(value='sk')) }}</p>
-  </div>
-</header>
-
-<article class="card">
-  <div class="term-head">
-    <span class="term-head-name">~/about.txt</span>
-    <span class="term-head-meta term-tag is-blue">{{ t(key="readonly", lang=lang | default(value='sk')) }}</span>
-  </div>
-  <div class="card-body">
-    <div class="term-prose whitespace-pre-line">{{ page.content }}</div>
-  </div>
-</article>
-{% endif %}
-{% endblock content %}

assets/views/shop/_card.html

@@ -0,0 +1,12 @@
+<a href="/shop/{{ product.slug }}"
+  class="group flex flex-col overflow-hidden rounded-radius border border-outline bg-surface transition hover:border-primary dark:border-outline-dark dark:bg-surface-dark-alt dark:hover:border-primary-dark">
+  <div class="aspect-square overflow-hidden bg-surface-alt dark:bg-surface-dark">
+    {% if product.image %}
+    <img src="/images/{{ product.image }}" alt="{{ product.name }}" class="size-full object-cover transition group-hover:scale-105">
+    {% endif %}
+  </div>
+  <div class="flex flex-1 flex-col gap-1 p-4">
+    <h3 class="font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ product.name }}</h3>
+    <p class="mt-auto pt-2 font-semibold text-primary dark:text-primary-dark">{{ product.price }} {{ product.currency }}</p>
+  </div>
+</a>

assets/views/shop/_sidebar.html

@@ -0,0 +1,60 @@
+{# Site-wide category menu, served as an htmx partial and swapped into the
+   <aside> in base.html. `category_groups` is a two-level list of top-level
+   categories, each `{ name, slug, children: [{ name, slug }] }`. A category
+   with children is expandable (accordion); one without is a plain link.
+   Active state is set client-side by markActiveNav() via data-nav +
+   aria-current; groups auto-expand when the current page is the category or
+   one of its subcategories. #}
+<p class="px-3 pb-2 text-xs font-semibold uppercase tracking-wide text-on-surface/60 dark:text-on-surface-dark/60">
+  {{ t(key="categories", lang=lang | default(value='sk')) }}
+</p>
+<ul class="flex flex-col gap-0.5">
+  <li>
+    <a href="/shop" data-nav="/shop"
+      class="block rounded-radius px-3 py-1.5 text-sm font-medium text-on-surface transition hover:bg-surface hover:text-primary aria-[current=page]:bg-primary aria-[current=page]:text-on-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark dark:aria-[current=page]:bg-primary-dark dark:aria-[current=page]:text-on-primary-dark">
+      {{ t(key="all-products", lang=lang | default(value='sk')) }}
+    </a>
+  </li>
+  {% for group in category_groups %}
+  {% if group.children | length > 0 %}
+  <li x-data="{ open: false }"
+    x-init="open = ['{{ group.slug }}'{% for child in group.children %}, '{{ child.slug }}'{% endfor %}].some(s => location.pathname === '/category/' + s)">
+    <div class="flex items-stretch">
+      <a href="/category/{{ group.slug }}" data-nav="/category/{{ group.slug }}"
+        class="flex-1 truncate rounded-l-radius px-3 py-1.5 text-sm font-medium text-on-surface transition hover:bg-surface hover:text-primary aria-[current=page]:bg-primary aria-[current=page]:text-on-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark dark:aria-[current=page]:bg-primary-dark dark:aria-[current=page]:text-on-primary-dark">
+        {{ group.name }}
+      </a>
+      <button type="button" @click="open = !open" :aria-expanded="open"
+        aria-label="{{ group.name }}"
+        class="inline-flex w-8 shrink-0 items-center justify-center rounded-r-radius text-on-surface/60 transition hover:bg-surface hover:text-primary dark:text-on-surface-dark/60 dark:hover:bg-surface-dark dark:hover:text-primary-dark">
+        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
+          class="size-4 transition-transform" :class="open && 'rotate-90'">
+          <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
+        </svg>
+      </button>
+    </div>
+    <ul x-show="open" x-cloak x-transition class="mt-0.5 flex flex-col gap-0.5">
+      {% for child in group.children %}
+      <li>
+        <a href="/category/{{ child.slug }}" data-nav="/category/{{ child.slug }}" style="padding-left: 28px"
+          class="flex items-center gap-1.5 rounded-radius py-1.5 pr-3 text-sm text-on-surface transition hover:bg-surface hover:text-primary aria-[current=page]:bg-primary aria-[current=page]:text-on-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark dark:aria-[current=page]:bg-primary-dark dark:aria-[current=page]:text-on-primary-dark">
+          <span class="text-on-surface/40 dark:text-on-surface-dark/40">↳</span>
+          <span class="truncate">{{ child.name }}</span>
+        </a>
+      </li>
+      {% endfor %}
+    </ul>
+  </li>
+  {% else %}
+  <li>
+    <a href="/category/{{ group.slug }}" data-nav="/category/{{ group.slug }}"
+      class="block truncate rounded-radius px-3 py-1.5 text-sm font-medium text-on-surface transition hover:bg-surface hover:text-primary aria-[current=page]:bg-primary aria-[current=page]:text-on-primary dark:text-on-surface-dark dark:hover:bg-surface-dark dark:hover:text-primary-dark dark:aria-[current=page]:bg-primary-dark dark:aria-[current=page]:text-on-primary-dark">
+      {{ group.name }}
+    </a>
+  </li>
+  {% endif %}
+  {% endfor %}
+</ul>
+{% if category_groups | length == 0 %}
+<p class="px-3 py-2 text-sm text-on-surface/60 dark:text-on-surface-dark/60">{{ t(key="shop-empty", lang=lang | default(value='sk')) }}</p>
+{% endif %}

assets/views/shop/cart.html

@@ -0,0 +1,67 @@
+{% extends "base.html" %}
+
+{% block title %}{{ t(key="cart-title", lang=lang | default(value='sk')) }}{% endblock title %}
+
+{% block content %}
+<div class="space-y-6">
+  <h1 class="text-3xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="cart-title", lang=lang | default(value='sk')) }}</h1>
+
+  {% if items | length > 0 %}
+  <div class="overflow-hidden rounded-radius border border-outline dark:border-outline-dark">
+    <table class="w-full text-left text-sm">
+      <thead class="border-b border-outline bg-surface-alt text-xs uppercase tracking-wide text-on-surface/70 dark:border-outline-dark dark:bg-surface-dark-alt dark:text-on-surface-dark/70">
+        <tr>
+          <th class="px-4 py-3 font-semibold">{{ t(key="product", lang=lang | default(value='sk')) }}</th>
+          <th class="px-4 py-3 font-semibold">{{ t(key="price", lang=lang | default(value='sk')) }}</th>
+          <th class="px-4 py-3 font-semibold">{{ t(key="quantity", lang=lang | default(value='sk')) }}</th>
+          <th class="px-4 py-3 text-right font-semibold">{{ t(key="cart-total", lang=lang | default(value='sk')) }}</th>
+          <th class="px-4 py-3"></th>
+        </tr>
+      </thead>
+      <tbody class="divide-y divide-outline dark:divide-outline-dark">
+        {% for item in items %}
+        <tr>
+          <td class="px-4 py-3">
+            <a href="/shop/{{ item.slug }}" class="font-medium text-on-surface-strong hover:text-primary dark:text-on-surface-dark-strong dark:hover:text-primary-dark">{{ item.name }}</a>
+          </td>
+          <td class="px-4 py-3 tabular-nums">{{ item.price }} {{ item.currency }}</td>
+          <td class="px-4 py-3">
+            <form method="post" action="/cart/update" hx-boost="false" class="flex items-center gap-2">
+              <input type="hidden" name="product_id" value="{{ item.id }}">
+              <input type="number" name="quantity" min="0" max="{{ item.stock }}" value="{{ item.quantity }}"
+                class="w-20 rounded-radius border border-outline bg-surface px-2 py-1 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+              <button type="submit" class="rounded-radius border border-outline px-2 py-1 text-xs font-medium text-on-surface transition hover:bg-surface-alt dark:border-outline-dark dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">{{ t(key="cart-update", lang=lang | default(value='sk')) }}</button>
+            </form>
+          </td>
+          <td class="px-4 py-3 text-right font-medium tabular-nums">{{ item.line_total }} {{ item.currency }}</td>
+          <td class="px-4 py-3 text-right">
+            <form method="post" action="/cart/remove" hx-boost="false">
+              <input type="hidden" name="product_id" value="{{ item.id }}">
+              <button type="submit" class="text-xs font-medium text-danger hover:underline">{{ t(key="cart-remove", lang=lang | default(value='sk')) }}</button>
+            </form>
+          </td>
+        </tr>
+        {% endfor %}
+      </tbody>
+      <tfoot class="border-t border-outline dark:border-outline-dark">
+        <tr>
+          <td colspan="3" class="px-4 py-3 text-right font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="cart-total", lang=lang | default(value='sk')) }}</td>
+          <td class="px-4 py-3 text-right text-lg font-bold tabular-nums text-primary dark:text-primary-dark">{{ total }} {{ currency }}</td>
+          <td></td>
+        </tr>
+      </tfoot>
+    </table>
+  </div>
+
+  <div class="flex flex-wrap justify-between gap-3">
+    <a href="/shop" class="inline-flex items-center rounded-radius border border-outline px-4 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt dark:border-outline-dark dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">{{ t(key="cart-continue", lang=lang | default(value='sk')) }}</a>
+    <a href="/checkout" class="inline-flex items-center justify-center rounded-radius bg-primary px-5 py-2 text-sm font-medium tracking-wide text-on-primary transition hover:opacity-75 dark:bg-primary-dark dark:text-on-primary-dark">{{ t(key="cart-checkout", lang=lang | default(value='sk')) }}</a>
+  </div>
+  {% else %}
+  <div class="rounded-radius border border-outline px-6 py-16 text-center dark:border-outline-dark">
+    <p class="text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="cart-empty", lang=lang | default(value='sk')) }}</p>
+    <a href="/shop" class="mt-4 inline-flex items-center justify-center rounded-radius bg-primary px-4 py-2 text-sm font-medium text-on-primary transition hover:opacity-75 dark:bg-primary-dark dark:text-on-primary-dark">{{ t(key="cart-continue", lang=lang | default(value='sk')) }}</a>
+  </div>
+  {% endif %}
+</div>
+{% endblock content %}

assets/views/shop/category.html

@@ -0,0 +1,42 @@
+{% extends "base.html" %}
+
+{% block title %}{{ category.name }}{% endblock title %}
+
+{% block content %}
+<div class="space-y-8">
+  <header class="space-y-2">
+    <nav class="text-sm text-on-surface/60 dark:text-on-surface-dark/60">
+      <a href="/shop" class="hover:text-primary dark:hover:text-primary-dark">{{ t(key="nav-shop", lang=lang | default(value='sk')) }}</a>
+      {% for crumb in breadcrumbs %}
+      <span class="px-1">/</span>
+      <a href="/category/{{ crumb.slug }}" class="hover:text-primary dark:hover:text-primary-dark">{{ crumb.name }}</a>
+      {% endfor %}
+      <span class="px-1">/</span>
+      <span>{{ category.name }}</span>
+    </nav>
+    <h1 class="text-3xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ category.name }}</h1>
+    {% if category.description %}<p class="text-on-surface/70 dark:text-on-surface-dark/70">{{ category.description }}</p>{% endif %}
+
+    {% if children | length > 0 %}
+    <div class="flex flex-wrap gap-2 pt-1">
+      {% for child in children %}
+      <a href="/category/{{ child.slug }}"
+        class="rounded-full border border-outline px-3 py-1 text-sm font-medium text-on-surface transition hover:border-primary hover:text-primary dark:border-outline-dark dark:text-on-surface-dark dark:hover:border-primary-dark dark:hover:text-primary-dark">{{ child.name }}</a>
+      {% endfor %}
+    </div>
+    {% endif %}
+  </header>
+
+  {% if products | length > 0 %}
+  <div class="grid grid-cols-2 gap-5 sm:grid-cols-3 xl:grid-cols-4">
+    {% for product in products %}
+    {% include "shop/_card.html" %}
+    {% endfor %}
+  </div>
+  {% else %}
+  <div class="rounded-radius border border-outline px-6 py-16 text-center text-on-surface/70 dark:border-outline-dark dark:text-on-surface-dark/70">
+    {{ t(key="shop-empty", lang=lang | default(value='sk')) }}
+  </div>
+  {% endif %}
+</div>
+{% endblock content %}

assets/views/shop/checkout.html

@@ -0,0 +1,163 @@
+{% extends "base.html" %}
+
+{% block title %}{{ t(key="checkout-title", lang=lang | default(value='sk')) }}{% endblock title %}
+
+{% block content %}
+{% if packeta_api_key %}<script src="https://widget.packeta.com/v6/www/js/library.js"></script>{% endif %}
+
+<h1 class="text-3xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="checkout-title", lang=lang | default(value='sk')) }}</h1>
+
+<form method="post" action="/checkout" hx-boost="false"
+  x-data="{
+    paymentMethod: '',
+    carrier: '',
+    carrierPrice: 0,
+    requiresPoint: false,
+    pointId: '',
+    pointName: '',
+    subtotal: {{ subtotal_cents }},
+    packetaKey: '{{ packeta_api_key }}',
+    fmt(c) { return (c / 100).toFixed(2) },
+    pickPoint() {
+      Packeta.Widget.pick(this.packetaKey, (point) => {
+        if (point) { this.pointId = String(point.id); this.pointName = point.formatedValue || point.name }
+      })
+    },
+    get canSubmit() {
+      return this.paymentMethod && this.carrier && (!this.requiresPoint || this.pointId)
+    }
+  }"
+  class="mt-6 grid gap-8 lg:grid-cols-3">
+
+  <div class="space-y-6 lg:col-span-2">
+    <!-- contact -->
+    <fieldset class="space-y-4 rounded-radius border border-outline bg-surface p-6 dark:border-outline-dark dark:bg-surface-dark-alt">
+      <legend class="px-1 text-sm font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="checkout-contact", lang=lang | default(value='sk')) }}</legend>
+      <div class="space-y-1.5">
+        <label for="email" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="checkout-email", lang=lang | default(value='sk')) }}</label>
+        <input id="email" name="email" type="email" required
+          class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+      </div>
+      <div class="space-y-1.5">
+        <label for="customer_name" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="checkout-name", lang=lang | default(value='sk')) }}</label>
+        <input id="customer_name" name="customer_name" type="text" required
+          class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+      </div>
+    </fieldset>
+
+    <!-- shipping address -->
+    <fieldset class="space-y-4 rounded-radius border border-outline bg-surface p-6 dark:border-outline-dark dark:bg-surface-dark-alt">
+      <legend class="px-1 text-sm font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="checkout-shipping", lang=lang | default(value='sk')) }}</legend>
+      <div class="space-y-1.5">
+        <label for="address" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="checkout-address", lang=lang | default(value='sk')) }}</label>
+        <input id="address" name="address" type="text" required
+          class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+      </div>
+      <div class="grid gap-4 sm:grid-cols-3">
+        <div class="space-y-1.5">
+          <label for="city" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="checkout-city", lang=lang | default(value='sk')) }}</label>
+          <input id="city" name="city" type="text" required
+            class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+        </div>
+        <div class="space-y-1.5">
+          <label for="zip" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="checkout-zip", lang=lang | default(value='sk')) }}</label>
+          <input id="zip" name="zip" type="text" required
+            class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+        </div>
+        <div class="space-y-1.5">
+          <label for="country" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="checkout-country", lang=lang | default(value='sk')) }}</label>
+          <input id="country" name="country" type="text" required value="Slovensko"
+            class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+        </div>
+      </div>
+    </fieldset>
+
+    <!-- carrier -->
+    <fieldset class="space-y-3 rounded-radius border border-outline bg-surface p-6 dark:border-outline-dark dark:bg-surface-dark-alt">
+      <legend class="px-1 text-sm font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="checkout-carrier", lang=lang | default(value='sk')) }}</legend>
+      {% for m in shipping_methods %}
+      <label class="flex cursor-pointer items-center justify-between gap-3 rounded-radius border border-outline px-4 py-3 transition has-[:checked]:border-primary dark:border-outline-dark dark:has-[:checked]:border-primary-dark">
+        <span class="flex items-center gap-3">
+          <input type="radio" name="carrier_code" value="{{ m.code }}" required
+            @change="carrier='{{ m.code }}'; carrierPrice={{ m.price_cents }}; requiresPoint={{ m.requires_pickup_point }}; pointId=''; pointName=''"
+            class="size-4 border-outline text-primary focus:ring-primary dark:border-outline-dark">
+          <span class="font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ m.name }}</span>
+        </span>
+        <span class="tabular-nums text-on-surface/80 dark:text-on-surface-dark/80">{{ m.price }} {{ currency }}</span>
+      </label>
+      {% endfor %}
+
+      <!-- pickup point (carriers that need one, e.g. Packeta) -->
+      <div x-show="requiresPoint" x-cloak class="space-y-2 pt-1">
+        <input type="hidden" name="pickup_point_id" x-model="pointId">
+        <input type="hidden" name="pickup_point_name" x-model="pointName">
+        {% if packeta_api_key %}
+        <button type="button" @click="pickPoint()"
+          class="inline-flex items-center rounded-radius border border-outline px-4 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt dark:border-outline-dark dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">
+          {{ t(key="checkout-pick-point", lang=lang | default(value='sk')) }}
+        </button>
+        <p x-show="pointName" x-cloak class="text-sm text-on-surface/80 dark:text-on-surface-dark/80">
+          <span class="font-medium">{{ t(key="checkout-chosen-point", lang=lang | default(value='sk')) }}:</span> <span x-text="pointName"></span>
+        </p>
+        {% else %}
+        <label class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="checkout-pickup-point", lang=lang | default(value='sk')) }}</label>
+        <input type="text" x-model="pointName" @input="pointId = pointName"
+          class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+        {% endif %}
+      </div>
+    </fieldset>
+
+    <!-- payment -->
+    <fieldset class="space-y-3 rounded-radius border border-outline bg-surface p-6 dark:border-outline-dark dark:bg-surface-dark-alt">
+      <legend class="px-1 text-sm font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="checkout-payment", lang=lang | default(value='sk')) }}</legend>
+      <label class="flex cursor-pointer items-center gap-3 rounded-radius border border-outline px-4 py-3 transition has-[:checked]:border-primary dark:border-outline-dark dark:has-[:checked]:border-primary-dark">
+        <input type="radio" name="payment_method" value="cod" required x-model="paymentMethod"
+          class="size-4 border-outline text-primary focus:ring-primary dark:border-outline-dark">
+        <span class="font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="payment-cod", lang=lang | default(value='sk')) }}</span>
+      </label>
+      <label class="flex cursor-pointer items-center gap-3 rounded-radius border border-outline px-4 py-3 transition has-[:checked]:border-primary dark:border-outline-dark dark:has-[:checked]:border-primary-dark">
+        <input type="radio" name="payment_method" value="bank_transfer" required x-model="paymentMethod"
+          class="size-4 border-outline text-primary focus:ring-primary dark:border-outline-dark">
+        <span class="font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="payment-bank", lang=lang | default(value='sk')) }}</span>
+      </label>
+    </fieldset>
+
+    <div class="space-y-1.5">
+      <label for="note" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="checkout-note", lang=lang | default(value='sk')) }}</label>
+      <textarea id="note" name="note" rows="3"
+        class="w-full rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark"></textarea>
+    </div>
+  </div>
+
+  <!-- summary -->
+  <aside class="h-fit space-y-4 rounded-radius border border-outline bg-surface p-6 dark:border-outline-dark dark:bg-surface-dark-alt">
+    <h2 class="text-sm font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="checkout-summary", lang=lang | default(value='sk')) }}</h2>
+    <ul class="space-y-2 text-sm">
+      {% for item in items %}
+      <li class="flex justify-between gap-2">
+        <span class="text-on-surface/80 dark:text-on-surface-dark/80">{{ item.name }} × {{ item.quantity }}</span>
+        <span class="tabular-nums">{{ item.line_total }} {{ item.currency }}</span>
+      </li>
+      {% endfor %}
+    </ul>
+    <div class="space-y-1 border-t border-outline pt-3 text-sm dark:border-outline-dark">
+      <div class="flex justify-between">
+        <span class="text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="checkout-subtotal", lang=lang | default(value='sk')) }}</span>
+        <span class="tabular-nums">{{ subtotal }} {{ currency }}</span>
+      </div>
+      <div class="flex justify-between">
+        <span class="text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="checkout-shipping-cost", lang=lang | default(value='sk')) }}</span>
+        <span class="tabular-nums" x-text="fmt(carrierPrice) + ' {{ currency }}'"></span>
+      </div>
+    </div>
+    <div class="flex justify-between border-t border-outline pt-3 text-base font-bold dark:border-outline-dark">
+      <span>{{ t(key="cart-total", lang=lang | default(value='sk')) }}</span>
+      <span class="tabular-nums text-primary dark:text-primary-dark" x-text="fmt(subtotal + carrierPrice) + ' {{ currency }}'"></span>
+    </div>
+    <button type="submit" :disabled="!canSubmit"
+      class="inline-flex w-full items-center justify-center rounded-radius bg-primary px-6 py-2.5 text-sm font-medium tracking-wide text-on-primary transition hover:opacity-75 disabled:cursor-not-allowed disabled:opacity-40 dark:bg-primary-dark dark:text-on-primary-dark">
+      {{ t(key="checkout-place-order", lang=lang | default(value='sk')) }}
+    </button>
+  </aside>
+</form>
+{% endblock content %}

assets/views/shop/index.html

@@ -0,0 +1,24 @@
+{% extends "base.html" %}
+
+{% block title %}{{ t(key="nav-shop", lang=lang | default(value='sk')) }}{% endblock title %}
+
+{% block content %}
+<div class="space-y-8">
+  <header class="space-y-2">
+    <h1 class="text-3xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="shop-title", lang=lang | default(value='sk')) }}</h1>
+    <p class="text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="shop-subtitle", lang=lang | default(value='sk')) }}</p>
+  </header>
+
+  {% if products | length > 0 %}
+  <div class="grid grid-cols-2 gap-5 sm:grid-cols-3 xl:grid-cols-4">
+    {% for product in products %}
+    {% include "shop/_card.html" %}
+    {% endfor %}
+  </div>
+  {% else %}
+  <div class="rounded-radius border border-outline px-6 py-16 text-center text-on-surface/70 dark:border-outline-dark dark:text-on-surface-dark/70">
+    {{ t(key="shop-empty", lang=lang | default(value='sk')) }}
+  </div>
+  {% endif %}
+</div>
+{% endblock content %}

assets/views/shop/order_confirmed.html

@@ -0,0 +1,61 @@
+{% extends "base.html" %}
+
+{% block title %}{{ t(key="order-confirmed-title", lang=lang | default(value='sk')) }}{% endblock title %}
+
+{% block content %}
+<div class="mx-auto max-w-2xl space-y-6">
+  <div class="text-center">
+    <div class="mx-auto flex size-14 items-center justify-center rounded-full bg-success/15 text-success">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="size-7">
+        <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
+      </svg>
+    </div>
+    <h1 class="mt-3 text-3xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="order-confirmed-title", lang=lang | default(value='sk')) }}</h1>
+    <p class="mt-1 text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="order-confirmed-sub", lang=lang | default(value='sk')) }}</p>
+  </div>
+
+  <div class="rounded-radius border border-outline bg-surface p-6 dark:border-outline-dark dark:bg-surface-dark-alt">
+    <div class="flex flex-wrap justify-between gap-2 border-b border-outline pb-3 dark:border-outline-dark">
+      <span class="text-sm text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="order-number", lang=lang | default(value='sk')) }}</span>
+      <span class="font-mono font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">{{ order.order_number }}</span>
+    </div>
+    <ul class="space-y-2 py-3 text-sm">
+      {% for item in items %}
+      <li class="flex justify-between gap-2">
+        <span class="text-on-surface/80 dark:text-on-surface-dark/80">{{ item.product_name }} × {{ item.quantity }}</span>
+        <span class="tabular-nums">{{ item.line_total }} {{ order.currency }}</span>
+      </li>
+      {% endfor %}
+    </ul>
+    <div class="space-y-1 border-t border-outline py-3 text-sm dark:border-outline-dark">
+      <div class="flex justify-between"><span class="text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="checkout-subtotal", lang=lang | default(value='sk')) }}</span><span class="tabular-nums">{{ order.subtotal }} {{ order.currency }}</span></div>
+      <div class="flex justify-between"><span class="text-on-surface/70 dark:text-on-surface-dark/70">{{ order.carrier_name }}</span><span class="tabular-nums">{{ order.shipping }} {{ order.currency }}</span></div>
+      {% if order.pickup_point_name %}<div class="text-xs text-on-surface/60 dark:text-on-surface-dark/60">{{ order.pickup_point_name }}</div>{% endif %}
+    </div>
+    <div class="flex justify-between border-t border-outline pt-3 font-bold dark:border-outline-dark">
+      <span>{{ t(key="order-total", lang=lang | default(value='sk')) }}</span>
+      <span class="tabular-nums text-primary dark:text-primary-dark">{{ order.total }} {{ order.currency }}</span>
+    </div>
+  </div>
+
+  {% if order.payment_method == "bank_transfer" %}
+  <div class="space-y-2 rounded-radius border border-primary/40 bg-primary/5 p-6 text-sm dark:border-primary-dark/40">
+    <p class="font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="payment-bank-instructions", lang=lang | default(value='sk')) }}</p>
+    <div class="grid grid-cols-[auto_1fr] gap-x-4 gap-y-1">
+      <span class="text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="bank-account-name", lang=lang | default(value='sk')) }}</span><span class="font-medium">{{ order.bank_account_name }}</span>
+      <span class="text-on-surface/70 dark:text-on-surface-dark/70">IBAN</span><span class="font-mono font-medium">{{ order.bank_iban }}</span>
+      <span class="text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="bank-variable-symbol", lang=lang | default(value='sk')) }}</span><span class="font-mono font-medium">{{ order.variable_symbol }}</span>
+      <span class="text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="bank-amount", lang=lang | default(value='sk')) }}</span><span class="font-medium tabular-nums">{{ order.total }} {{ order.currency }}</span>
+    </div>
+  </div>
+  {% else %}
+  <div class="rounded-radius border border-outline bg-surface p-4 text-sm text-on-surface/80 dark:border-outline-dark dark:bg-surface-dark-alt dark:text-on-surface-dark/80">
+    {{ t(key="payment-cod-note", lang=lang | default(value='sk')) }}
+  </div>
+  {% endif %}
+
+  <div class="text-center">
+    <a href="/shop" class="inline-flex items-center justify-center rounded-radius border border-outline px-5 py-2 text-sm font-medium text-on-surface transition hover:bg-surface-alt dark:border-outline-dark dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">{{ t(key="cart-continue", lang=lang | default(value='sk')) }}</a>
+  </div>
+</div>
+{% endblock content %}

assets/views/shop/show.html

@@ -0,0 +1,60 @@
+{% extends "base.html" %}
+
+{% block title %}{{ product.name }}{% endblock title %}
+
+{% block content %}
+<div class="grid gap-10 lg:grid-cols-2">
+  <!-- gallery -->
+  <div x-data="{ active: 0 }" class="space-y-4">
+    <div class="aspect-square overflow-hidden rounded-radius border border-outline bg-surface-alt dark:border-outline-dark dark:bg-surface-dark-alt">
+      {% if images | length > 0 %}
+      {% for image in images %}
+      <img x-show="active === {{ loop.index0 }}" src="/images/{{ image }}" alt="{{ product.name }}" class="size-full object-cover">
+      {% endfor %}
+      {% endif %}
+    </div>
+    {% if images | length > 1 %}
+    <div class="flex flex-wrap gap-2">
+      {% for image in images %}
+      <button type="button" @click="active = {{ loop.index0 }}"
+        :class="active === {{ loop.index0 }} ? 'border-primary dark:border-primary-dark' : 'border-outline dark:border-outline-dark'"
+        class="size-16 overflow-hidden rounded-radius border">
+        <img src="/images/{{ image }}" alt="" class="size-full object-cover">
+      </button>
+      {% endfor %}
+    </div>
+    {% endif %}
+  </div>
+
+  <!-- details -->
+  <div class="space-y-6">
+    {% if category %}
+    <a href="/category/{{ category.slug }}" class="text-sm font-medium text-primary dark:text-primary-dark">{{ category.name }}</a>
+    {% endif %}
+    <h1 class="text-3xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ product.name }}</h1>
+    <p class="text-2xl font-semibold text-primary dark:text-primary-dark">{{ product.price }} {{ product.currency }}</p>
+
+    {% if product.description %}
+    <div class="whitespace-pre-line leading-relaxed text-on-surface/80 dark:text-on-surface-dark/80">{{ product.description }}</div>
+    {% endif %}
+
+    {% if product.stock > 0 %}
+    <form method="post" action="/cart/add" hx-boost="false" class="flex flex-wrap items-end gap-3">
+      <input type="hidden" name="product_id" value="{{ product.id }}">
+      <div class="space-y-1.5">
+        <label for="quantity" class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="quantity", lang=lang | default(value='sk')) }}</label>
+        <input id="quantity" name="quantity" type="number" min="1" max="{{ product.stock }}" value="1"
+          class="w-24 rounded-radius border border-outline bg-surface px-3 py-2 text-sm text-on-surface focus:outline-2 focus:outline-primary dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
+      </div>
+      <button type="submit"
+        class="inline-flex items-center justify-center rounded-radius bg-primary px-5 py-2 text-sm font-medium tracking-wide text-on-primary transition hover:opacity-75 dark:bg-primary-dark dark:text-on-primary-dark">
+        {{ t(key="add-to-cart", lang=lang | default(value='sk')) }}
+      </button>
+    </form>
+    <p class="text-sm text-on-surface/60 dark:text-on-surface-dark/60">{{ t(key="in-stock", lang=lang | default(value='sk')) }}: {{ product.stock }}</p>
+    {% else %}
+    <p class="inline-flex rounded-radius bg-danger/10 px-3 py-2 text-sm font-medium text-danger">{{ t(key="out-of-stock", lang=lang | default(value='sk')) }}</p>
+    {% endif %}
+  </div>
+</div>
+{% endblock content %}

config/development.yaml

@@ -71,7 +71,7 @@ mailer:
 # Database Configuration
 database:
   # Database connection URI
-  uri: {{ get_env(name="DATABASE_URL", default="postgres://uni_loco_web_user:3@localhost:5432/gitara_web_development") }}
+  uri: {{ get_env(name="DATABASE_URL", default="postgres://uni_loco_web_user:3@localhost:5432/kompress_eshop_development") }}
   # When enabled, the sql query will be logged.
   enable_logging: false
   # Set the timeout duration when acquiring a connection.
@@ -105,3 +105,9 @@ auth:
 settings:
   admin_email: {{ get_env(name="ADMIN_EMAIL", default="admin@example.com") }}
   uploads_root: {{ get_env(name="UPLOADS_ROOT", default="uploads") }}
+  # Packeta (Zásilkovna) web API key for the pickup-point picker widget.
+  # Empty falls back to a plain text field for the pickup point.
+  packeta_api_key: {{ get_env(name="PACKETA_API_KEY", default="") }}
+  # Bank-transfer payment details shown on the order confirmation.
+  bank_iban: {{ get_env(name="BANK_IBAN", default="SK00 0000 0000 0000 0000 0000") }}
+  bank_account_name: {{ get_env(name="BANK_ACCOUNT_NAME", default="Kompress s.r.o.") }}

config/test.yaml

@@ -68,7 +68,7 @@ mailer:
 # Database Configuration
 database:
   # Database connection URI
-  uri: {{ get_env(name="DATABASE_URL", default="postgres://uni_loco_web_user:3@localhost:5432/gitara_web_test") }}
+  uri: {{ get_env(name="DATABASE_URL", default="postgres://uni_loco_web_user:3@localhost:5432/kompress_eshop_test") }}
   # When enabled, the sql query will be logged.
   enable_logging: false
   # Set the timeout duration when acquiring a connection.

docker-compose.prod.yml

@@ -1,6 +1,6 @@
 services:
-  gitara-web:
+  kompress:
-    container_name: gitara-web
+    container_name: kompress
     build:
       context: .
       dockerfile: Dockerfile
@@ -9,9 +9,9 @@ services:
     env_file:
       - .env.production
     volumes:
-      - gitara_web_data:/usr/app/data
+      - kompress_eshop_data:/usr/app/data
     networks:
-      - gitara-net
+      - kompress_eshop-net
     restart: unless-stopped
     healthcheck:
       test: ["CMD-SHELL", "curl -fsS http://localhost:5150/_ping"]
@@ -21,10 +21,10 @@ services:
       start_period: 20s
 
 networks:
-  gitara-net:
+  kompress_eshop-net:
     external: true
 
 volumes:
-  gitara_web_data:
+  kompress_eshop_data:
     external: true
-    name: gitara_web_data
+    name: kompress_eshop_data

examples/playground.rs

@@ -1,6 +1,6 @@
 #[allow(unused_imports)]
 use loco_rs::{cli::playground, prelude::*};
-use gitara_web::app::App;
+use kompress_eshop::app::App;
 
 #[tokio::main]
 async fn main() -> loco_rs::Result<()> {

flake.nix

@@ -1,5 +1,5 @@
 {
-  description = "Development Nix flake for the gitara_web (kompress_eshop) loco-rs app";
+  description = "Development Nix flake for the kompress (kompress_eshop) loco-rs app";
 
   inputs = {
     nixpkgs.url = "github:NixOS/nixpkgs/nixos-unstable";
@@ -41,8 +41,8 @@
             cargo = pkgs.rust-bin.stable.latest.minimal;
             rustc = pkgs.rust-bin.stable.latest.minimal;
           };
-          gitara-web = rustPlatform.buildRustPackage {
+          kompress = rustPlatform.buildRustPackage {
-            pname = "gitara_web";
+            pname = "kompress_eshop";
             inherit version;
             src = ./.;
             cargoLock.lockFile = ./Cargo.lock;
@@ -57,7 +57,7 @@
             ];
 
             # Build only the application binary.
-            cargoBuildFlags = [ "--bin" "gitara_web-cli" ];
+            cargoBuildFlags = [ "--bin" "kompress-eshop-cli" ];
             # Tests need a database/runtime environment; skip during the build.
             doCheck = false;
 
@@ -66,8 +66,8 @@
           };
         in
         {
-          gitara-web = gitara-web;
+          kompress = kompress;
-          default = gitara-web;
+          default = kompress;
         }
       );
 

migration/src/lib.rs

@@ -15,6 +15,18 @@ mod m20260517_000010_drop_user_roles;
 mod m20260517_000011_site_pages;
 mod m20260517_000012_standalone_audio_tracks;
 
+mod m20260616_123506_categories;
+mod m20260616_123524_products;
+mod m20260616_123550_product_images;
+mod m20260616_123611_product_tags;
+mod m20260616_123957_create_join_table_products_and_product_tags;
+mod m20260616_130610_orders;
+mod m20260616_130628_order_items;
+mod m20260616_131000_drop_audio_tables;
+mod m20260616_132000_drop_blog_and_pages;
+mod m20260616_150755_shipping_methods;
+mod m20260616_150812_add_shipping_fields_to_orders;
+mod m20260616_160000_add_parent_to_categories;
 pub struct Migrator;
 
 #[async_trait::async_trait]
@@ -34,6 +46,18 @@ impl MigratorTrait for Migrator {
             Box::new(m20260517_000010_drop_user_roles::Migration),
             Box::new(m20260517_000011_site_pages::Migration),
             Box::new(m20260517_000012_standalone_audio_tracks::Migration),
+            Box::new(m20260616_123506_categories::Migration),
+            Box::new(m20260616_123524_products::Migration),
+            Box::new(m20260616_123550_product_images::Migration),
+            Box::new(m20260616_123611_product_tags::Migration),
+            Box::new(m20260616_123957_create_join_table_products_and_product_tags::Migration),
+            Box::new(m20260616_130610_orders::Migration),
+            Box::new(m20260616_130628_order_items::Migration),
+            Box::new(m20260616_131000_drop_audio_tables::Migration),
+            Box::new(m20260616_132000_drop_blog_and_pages::Migration),
+            Box::new(m20260616_150755_shipping_methods::Migration),
+            Box::new(m20260616_150812_add_shipping_fields_to_orders::Migration),
+            Box::new(m20260616_160000_add_parent_to_categories::Migration),
             // inject-above (do not remove this comment)
         ]
     }

migration/src/m20260616_123506_categories.rs

@@ -0,0 +1,30 @@
+use loco_rs::schema::*;
+use sea_orm_migration::prelude::*;
+
+#[derive(DeriveMigrationName)]
+pub struct Migration;
+
+#[async_trait::async_trait]
+impl MigrationTrait for Migration {
+    async fn up(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        create_table(m, "categories",
+            &[
+            
+            ("id", ColType::PkAuto),
+            
+            ("name", ColType::String),
+            ("slug", ColType::StringUniq),
+            ("description", ColType::TextNull),
+            ("image_id", ColType::StringNull),
+            ("position", ColType::IntegerWithDefault(0)),
+            ("published", ColType::BooleanWithDefault(false)),
+            ],
+            &[
+            ]
+        ).await
+    }
+
+    async fn down(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        drop_table(m, "categories").await
+    }
+}

migration/src/m20260616_123524_products.rs

@@ -0,0 +1,35 @@
+use loco_rs::schema::*;
+use sea_orm_migration::prelude::*;
+
+#[derive(DeriveMigrationName)]
+pub struct Migration;
+
+#[async_trait::async_trait]
+impl MigrationTrait for Migration {
+    async fn up(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        create_table(m, "products",
+            &[
+            
+            ("id", ColType::PkAuto),
+            
+            ("name", ColType::String),
+            ("slug", ColType::StringUniq),
+            ("description", ColType::TextNull),
+            ("price_cents", ColType::BigInteger),
+            ("currency", ColType::StringWithDefault("EUR".to_string())),
+            ("sku", ColType::StringNull),
+            ("stock", ColType::IntegerWithDefault(0)),
+            ("view_count", ColType::IntegerWithDefault(0)),
+            ("published", ColType::BooleanWithDefault(false)),
+            ("published_at", ColType::TimestampWithTimeZoneNull),
+            ],
+            &[
+            ("category?", ""),
+            ]
+        ).await
+    }
+
+    async fn down(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        drop_table(m, "products").await
+    }
+}

migration/src/m20260616_123550_product_images.rs

@@ -0,0 +1,28 @@
+use loco_rs::schema::*;
+use sea_orm_migration::prelude::*;
+
+#[derive(DeriveMigrationName)]
+pub struct Migration;
+
+#[async_trait::async_trait]
+impl MigrationTrait for Migration {
+    async fn up(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        create_table(m, "product_images",
+            &[
+            
+            ("id", ColType::PkAuto),
+            
+            ("image_id", ColType::String),
+            ("position", ColType::IntegerWithDefault(0)),
+            ("alt", ColType::StringNull),
+            ],
+            &[
+            ("product", ""),
+            ]
+        ).await
+    }
+
+    async fn down(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        drop_table(m, "product_images").await
+    }
+}

migration/src/m20260616_123611_product_tags.rs

@@ -0,0 +1,26 @@
+use loco_rs::schema::*;
+use sea_orm_migration::prelude::*;
+
+#[derive(DeriveMigrationName)]
+pub struct Migration;
+
+#[async_trait::async_trait]
+impl MigrationTrait for Migration {
+    async fn up(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        create_table(m, "product_tags",
+            &[
+            
+            ("id", ColType::PkAuto),
+            
+            ("name", ColType::String),
+            ("slug", ColType::StringUniq),
+            ],
+            &[
+            ]
+        ).await
+    }
+
+    async fn down(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        drop_table(m, "product_tags").await
+    }
+}

migration/src/m20260616_123957_create_join_table_products_and_product_tags.rs

@@ -0,0 +1,23 @@
+use loco_rs::schema::*;
+use sea_orm_migration::prelude::*;
+
+#[derive(DeriveMigrationName)]
+pub struct Migration;
+
+#[async_trait::async_trait]
+impl MigrationTrait for Migration {
+    async fn up(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        create_join_table_without_timestamps(m, "product_product_tags",
+            &[
+            ],
+            &[
+            ("product", ""),
+            ("product_tag", ""),
+            ]
+        ).await
+    }
+
+    async fn down(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        drop_table(m, "product_product_tags").await
+    }
+}

migration/src/m20260616_130610_orders.rs

@@ -0,0 +1,35 @@
+use loco_rs::schema::*;
+use sea_orm_migration::prelude::*;
+
+#[derive(DeriveMigrationName)]
+pub struct Migration;
+
+#[async_trait::async_trait]
+impl MigrationTrait for Migration {
+    async fn up(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        create_table(m, "orders",
+            &[
+            
+            ("id", ColType::PkAuto),
+            
+            ("order_number", ColType::StringUniq),
+            ("email", ColType::String),
+            ("customer_name", ColType::StringNull),
+            ("status", ColType::StringWithDefault("pending".to_string())),
+            ("total_cents", ColType::BigInteger),
+            ("currency", ColType::StringWithDefault("EUR".to_string())),
+            ("address", ColType::StringNull),
+            ("city", ColType::StringNull),
+            ("zip", ColType::StringNull),
+            ("country", ColType::StringNull),
+            ("note", ColType::TextNull),
+            ],
+            &[
+            ]
+        ).await
+    }
+
+    async fn down(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        drop_table(m, "orders").await
+    }
+}

migration/src/m20260616_130628_order_items.rs

@@ -0,0 +1,29 @@
+use loco_rs::schema::*;
+use sea_orm_migration::prelude::*;
+
+#[derive(DeriveMigrationName)]
+pub struct Migration;
+
+#[async_trait::async_trait]
+impl MigrationTrait for Migration {
+    async fn up(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        create_table(m, "order_items",
+            &[
+            
+            ("id", ColType::PkAuto),
+            
+            ("product_name", ColType::String),
+            ("unit_price_cents", ColType::BigInteger),
+            ("quantity", ColType::IntegerWithDefault(1)),
+            ],
+            &[
+            ("order", ""),
+            ("product?", ""),
+            ]
+        ).await
+    }
+
+    async fn down(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        drop_table(m, "order_items").await
+    }
+}

migration/src/m20260616_131000_drop_audio_tables.rs

@@ -0,0 +1,42 @@
+use sea_orm_migration::prelude::*;
+
+#[derive(DeriveMigrationName)]
+pub struct Migration;
+
+#[derive(DeriveIden)]
+enum AudioTrackTags {
+    Table,
+}
+#[derive(DeriveIden)]
+enum AudioTracks {
+    Table,
+}
+#[derive(DeriveIden)]
+enum AudioTags {
+    Table,
+}
+#[derive(DeriveIden)]
+enum AudioAlbums {
+    Table,
+}
+
+#[async_trait::async_trait]
+impl MigrationTrait for Migration {
+    async fn up(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        // Drop child tables before parents to satisfy foreign keys.
+        m.drop_table(Table::drop().table(AudioTrackTags::Table).if_exists().to_owned())
+            .await?;
+        m.drop_table(Table::drop().table(AudioTracks::Table).if_exists().to_owned())
+            .await?;
+        m.drop_table(Table::drop().table(AudioTags::Table).if_exists().to_owned())
+            .await?;
+        m.drop_table(Table::drop().table(AudioAlbums::Table).if_exists().to_owned())
+            .await?;
+        Ok(())
+    }
+
+    async fn down(&self, _m: &SchemaManager) -> Result<(), DbErr> {
+        // The music domain has been retired; recreating it is out of scope.
+        Ok(())
+    }
+}

migration/src/m20260616_132000_drop_blog_and_pages.rs

@@ -0,0 +1,29 @@
+use sea_orm_migration::prelude::*;
+
+#[derive(DeriveMigrationName)]
+pub struct Migration;
+
+#[derive(DeriveIden)]
+enum BlogArticles {
+    Table,
+}
+#[derive(DeriveIden)]
+enum SitePages {
+    Table,
+}
+
+#[async_trait::async_trait]
+impl MigrationTrait for Migration {
+    async fn up(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        m.drop_table(Table::drop().table(BlogArticles::Table).if_exists().to_owned())
+            .await?;
+        m.drop_table(Table::drop().table(SitePages::Table).if_exists().to_owned())
+            .await?;
+        Ok(())
+    }
+
+    async fn down(&self, _m: &SchemaManager) -> Result<(), DbErr> {
+        // The blog and static-pages domains have been retired.
+        Ok(())
+    }
+}

migration/src/m20260616_150755_shipping_methods.rs

@@ -0,0 +1,30 @@
+use loco_rs::schema::*;
+use sea_orm_migration::prelude::*;
+
+#[derive(DeriveMigrationName)]
+pub struct Migration;
+
+#[async_trait::async_trait]
+impl MigrationTrait for Migration {
+    async fn up(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        create_table(m, "shipping_methods",
+            &[
+            
+            ("id", ColType::PkAuto),
+            
+            ("code", ColType::StringUniq),
+            ("name", ColType::String),
+            ("price_cents", ColType::BigIntegerWithDefault(0)),
+            ("requires_pickup_point", ColType::BooleanWithDefault(false)),
+            ("enabled", ColType::BooleanWithDefault(true)),
+            ("position", ColType::IntegerWithDefault(0)),
+            ],
+            &[
+            ]
+        ).await
+    }
+
+    async fn down(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        drop_table(m, "shipping_methods").await
+    }
+}

migration/src/m20260616_150812_add_shipping_fields_to_orders.rs

@@ -0,0 +1,28 @@
+use loco_rs::schema::*;
+use sea_orm_migration::prelude::*;
+
+#[derive(DeriveMigrationName)]
+pub struct Migration;
+
+#[async_trait::async_trait]
+impl MigrationTrait for Migration {
+    async fn up(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        add_column(m, "orders", "payment_method", ColType::StringNull).await?;
+        add_column(m, "orders", "carrier_code", ColType::StringNull).await?;
+        add_column(m, "orders", "carrier_name", ColType::StringNull).await?;
+        add_column(m, "orders", "shipping_cents", ColType::BigIntegerWithDefault(0)).await?;
+        add_column(m, "orders", "pickup_point_id", ColType::StringNull).await?;
+        add_column(m, "orders", "pickup_point_name", ColType::StringNull).await?;
+        Ok(())
+    }
+
+    async fn down(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        remove_column(m, "orders", "payment_method").await?;
+        remove_column(m, "orders", "carrier_code").await?;
+        remove_column(m, "orders", "carrier_name").await?;
+        remove_column(m, "orders", "shipping_cents").await?;
+        remove_column(m, "orders", "pickup_point_id").await?;
+        remove_column(m, "orders", "pickup_point_name").await?;
+        Ok(())
+    }
+}

migration/src/m20260616_160000_add_parent_to_categories.rs

@@ -0,0 +1,55 @@
+use sea_orm_migration::prelude::*;
+
+#[derive(DeriveMigrationName)]
+pub struct Migration;
+
+#[derive(DeriveIden)]
+enum Categories {
+    Table,
+    Id,
+    ParentId,
+}
+
+const FK_NAME: &str = "fk_categories_parent_id";
+
+#[async_trait::async_trait]
+impl MigrationTrait for Migration {
+    async fn up(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        m.alter_table(
+            Table::alter()
+                .table(Categories::Table)
+                .add_column(ColumnDef::new(Categories::ParentId).integer().null())
+                .to_owned(),
+        )
+        .await?;
+
+        m.create_foreign_key(
+            ForeignKey::create()
+                .name(FK_NAME)
+                .from(Categories::Table, Categories::ParentId)
+                .to(Categories::Table, Categories::Id)
+                .on_delete(ForeignKeyAction::SetNull)
+                .on_update(ForeignKeyAction::Cascade)
+                .to_owned(),
+        )
+        .await
+    }
+
+    async fn down(&self, m: &SchemaManager) -> Result<(), DbErr> {
+        m.drop_foreign_key(
+            ForeignKey::drop()
+                .name(FK_NAME)
+                .table(Categories::Table)
+                .to_owned(),
+        )
+        .await?;
+
+        m.alter_table(
+            Table::alter()
+                .table(Categories::Table)
+                .drop_column(Categories::ParentId)
+                .to_owned(),
+        )
+        .await
+    }
+}

src/app.rs

@@ -16,7 +16,14 @@ use std::{path::Path, sync::Arc};
 
 #[allow(unused_imports)]
 use crate::{
-    controllers, initializers, models::_entities::users, tasks, workers::downloader::DownloadWorker,
+    controllers::{
+        admin_categories, admin_dashboard, admin_form, admin_login, admin_orders,
+        admin_products, admin_shipping, auth, cart, checkout, home, i18n, media, shop,
+    },
+    initializers,
+    models::_entities::users,
+    tasks,
+    workers::downloader::DownloadWorker,
 };
 
 pub struct App;
@@ -57,20 +64,28 @@ impl Hooks for App {
     }
 
     fn routes(_ctx: &AppContext) -> AppRoutes {
-        AppRoutes::with_default_routes() // controller routes below
+        AppRoutes::with_default_routes() // feature routes below
-            .add_route(controllers::auth::routes())
+            // public
-            .add_route(controllers::admin::routes())
+            .add_route(home::routes())
-            .add_route(controllers::blog::routes())
+            .add_route(shop::routes())
-            .add_route(controllers::i18n::routes())
+            .add_route(cart::routes())
-            .add_route(controllers::media::routes())
+            .add_route(checkout::routes())
-            .add_route(controllers::pages::routes())
+            // cross-cutting
-            .add_route(controllers::frontend::routes())
+            .add_route(auth::routes())
+            .add_route(i18n::routes())
+            .add_route(media::routes())
+            // admin
+            .add_route(admin_dashboard::routes())
+            .add_route(admin_login::routes())
+            .add_route(admin_products::routes())
+            .add_route(admin_categories::routes())
+            .add_route(admin_orders::routes())
+            .add_route(admin_shipping::routes())
     }
 
     async fn after_context(ctx: AppContext) -> Result<AppContext> {
-        let upload_root = crate::controllers::media::uploads_root(&ctx.config)?;
+        let upload_root = media::uploads_root(&ctx.config)?;
-        tokio::fs::create_dir_all(upload_root.join(controllers::media::AUDIO_STORAGE_DIR)).await?;
+        tokio::fs::create_dir_all(upload_root.join(media::IMAGE_STORAGE_DIR)).await?;
-        tokio::fs::create_dir_all(upload_root.join(controllers::media::IMAGE_STORAGE_DIR)).await?;
 
         let driver = storage::drivers::local::new_with_prefix(&upload_root)?;
         Ok(AppContext {
@@ -95,6 +110,7 @@ impl Hooks for App {
     async fn seed(ctx: &AppContext, base: &Path) -> Result<()> {
         db::seed::<users::ActiveModel>(&ctx.db, &base.join("users.yaml").display().to_string())
             .await?;
+        crate::seed::seed_catalog(ctx).await?;
         Ok(())
     }
 }

src/bin/main.rs

@@ -1,6 +1,6 @@
 use loco_rs::cli;
 use migration::Migrator;
-use gitara_web::app::App;
+use kompress_eshop::app::App;
 
 #[tokio::main]
 async fn main() -> loco_rs::Result<()> {

src/controllers/admin.rs

@@ -1,57 +0,0 @@
-use crate::models::{
-    _entities::{audio_albums, audio_tracks, audit_logs, blog_articles, users},
-    users as users_model,
-};
-use loco_rs::prelude::*;
-use sea_orm::{EntityTrait, PaginatorTrait};
-use serde::Serialize;
-
-#[derive(Debug, Serialize)]
-struct DashboardResponse {
-    users: u64,
-    blog_articles: u64,
-    audio_albums: u64,
-    audio_tracks: u64,
-    audit_logs: u64,
-}
-
-pub(crate) fn admin_email(ctx: &AppContext) -> Option<&str> {
-    ctx.config
-        .settings
-        .as_ref()
-        .and_then(|settings| settings.get("admin_email"))
-        .and_then(|email| email.as_str())
-}
-
-pub(crate) fn is_admin(ctx: &AppContext, user: &users::Model) -> bool {
-    admin_email(ctx).is_some_and(|email| user.email.eq_ignore_ascii_case(email))
-}
-
-pub(crate) async fn current_admin(auth: auth::JWT, ctx: &AppContext) -> Result<users::Model> {
-    let user = users_model::Model::find_by_pid(&ctx.db, &auth.claims.pid).await?;
-
-    if !is_admin(ctx, &user) {
-        return unauthorized("admin only");
-    }
-
-    Ok(user)
-}
-
-#[debug_handler]
-async fn dashboard(auth: auth::JWT, State(ctx): State<AppContext>) -> Result<Response> {
-    current_admin(auth, &ctx).await?;
-
-    format::json(DashboardResponse {
-        users: users::Entity::find().count(&ctx.db).await?,
-        blog_articles: blog_articles::Entity::find().count(&ctx.db).await?,
-        audio_albums: audio_albums::Entity::find().count(&ctx.db).await?,
-        audio_tracks: audio_tracks::Entity::find().count(&ctx.db).await?,
-        audit_logs: audit_logs::Entity::find().count(&ctx.db).await?,
-    })
-}
-
-pub fn routes() -> Routes {
-    Routes::new()
-        .prefix("/api/admin")
-        .add("/dashboard", get(dashboard))
-}

src/controllers/admin_categories.rs

@@ -0,0 +1,271 @@
+//! Admin category CRUD, including parent/child hierarchy management.
+
+use std::collections::HashSet;
+
+use axum::extract::{DefaultBodyLimit, Multipart};
+use axum_extra::extract::cookie::CookieJar;
+use loco_rs::prelude::*;
+use sea_orm::{
+    ActiveModelTrait, ColumnTrait, EntityTrait, ModelTrait, PaginatorTrait, QueryFilter, Set,
+};
+use serde_json::json;
+
+use crate::{
+    controllers::{
+        admin_form::{read_multipart_form, store_image, MultipartForm},
+        i18n::current_lang,
+        media::IMAGE_MAX_BYTES,
+    },
+    shared::{
+        guard,
+        slug::{slugify, unique_slug},
+    },
+    models::{categories, products},
+};
+
+async fn category_by_id(ctx: &AppContext, id: i32) -> Result<categories::Model> {
+    categories::Entity::find_by_id(id)
+        .one(&ctx.db)
+        .await?
+        .ok_or_else(|| Error::NotFound)
+}
+
+/// Fields parsed from a category form.
+struct CategoryFields {
+    name: String,
+    slug: String,
+    description: Option<String>,
+    position: i32,
+    published: bool,
+    parent_id: Option<i32>,
+}
+
+async fn parse_category_fields(
+    ctx: &AppContext,
+    form: &MultipartForm,
+    current_id: Option<i32>,
+) -> Result<CategoryFields> {
+    let name = form
+        .text("name")
+        .ok_or_else(|| Error::BadRequest("category name is required".to_string()))?;
+    let description = form.text("description");
+    let position = form
+        .text("position")
+        .and_then(|s| s.parse::<i32>().ok())
+        .unwrap_or(0);
+    let published = form.checked("published");
+
+    // Resolve the chosen parent, rejecting cycles: a category may not be its
+    // own parent nor be re-parented under one of its descendants.
+    let parent_id = match form.text("parent_id").and_then(|s| s.parse::<i32>().ok()) {
+        Some(parent_id) => {
+            categories::Entity::find_by_id(parent_id)
+                .one(&ctx.db)
+                .await?
+                .ok_or_else(|| Error::BadRequest("parent category not found".to_string()))?;
+            if let Some(id) = current_id {
+                if parent_id == id {
+                    return Err(Error::BadRequest(
+                        "a category cannot be its own parent".to_string(),
+                    ));
+                }
+                if categories::descendant_ids(&categories::all(ctx).await?, id).contains(&parent_id)
+                {
+                    return Err(Error::BadRequest(
+                        "a category cannot be moved under its own descendant".to_string(),
+                    ));
+                }
+            }
+            Some(parent_id)
+        }
+        None => None,
+    };
+
+    let desired = form
+        .text("slug")
+        .map(|s| slugify(&s))
+        .filter(|s| !s.is_empty())
+        .unwrap_or_else(|| slugify(&name));
+    let slug = unique_slug(&desired, |candidate| {
+        let ctx = ctx.clone();
+        async move {
+            let mut query =
+                categories::Entity::find().filter(categories::Column::Slug.eq(candidate));
+            if let Some(id) = current_id {
+                query = query.filter(categories::Column::Id.ne(id));
+            }
+            Ok(query.count(&ctx.db).await? > 0)
+        }
+    })
+    .await?;
+
+    Ok(CategoryFields {
+        name,
+        slug,
+        description,
+        position,
+        published,
+        parent_id,
+    })
+}
+
+/// Build the parent-category dropdown options for the category form, as a
+/// depth-ordered list of `{ id, name, depth }`. When editing, the category
+/// itself and all of its descendants are excluded to keep the tree acyclic.
+async fn form_context(
+    ctx: &AppContext,
+    jar: &CookieJar,
+    editing: Option<i32>,
+) -> Result<serde_json::Value> {
+    let all = categories::all(ctx).await?;
+    let blocked: HashSet<i32> = match editing {
+        Some(id) => {
+            let mut set = categories::descendant_ids(&all, id);
+            set.insert(id);
+            set
+        }
+        None => HashSet::new(),
+    };
+    let parents: Vec<serde_json::Value> = categories::tree(&all)
+        .into_iter()
+        .filter(|(category, _)| !blocked.contains(&category.id))
+        .map(|(category, depth)| json!({ "id": category.id, "name": category.name, "depth": depth }))
+        .collect();
+    Ok(json!({ "parents": parents, "lang": current_lang(jar) }))
+}
+
+#[debug_handler]
+async fn index(
+    auth: auth::JWT,
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    let list = categories::all(&ctx).await?;
+    let mut rows = Vec::new();
+    for (category, depth) in categories::tree(&list) {
+        let product_count = products::Entity::find()
+            .filter(products::Column::CategoryId.eq(category.id))
+            .count(&ctx.db)
+            .await?;
+        rows.push(json!({ "category": category, "depth": depth, "product_count": product_count }));
+    }
+    format::view(
+        &v,
+        "admin/catalog/categories.html",
+        json!({ "categories": rows, "lang": current_lang(&jar) }),
+    )
+}
+
+#[debug_handler]
+async fn new(
+    auth: auth::JWT,
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    let mut context = form_context(&ctx, &jar, None).await?;
+    context["category"] = serde_json::Value::Null;
+    format::view(&v, "admin/catalog/category_form.html", context)
+}
+
+#[debug_handler]
+async fn create(
+    auth: auth::JWT,
+    State(ctx): State<AppContext>,
+    multipart: Multipart,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    let form = read_multipart_form(multipart).await?;
+    let fields = parse_category_fields(&ctx, &form, None).await?;
+    let image_id = match form.image {
+        Some(data) => Some(store_image(&ctx, data).await?),
+        None => None,
+    };
+
+    categories::ActiveModel {
+        name: Set(fields.name),
+        slug: Set(fields.slug),
+        description: Set(fields.description),
+        image_id: Set(image_id),
+        position: Set(fields.position),
+        published: Set(fields.published),
+        parent_id: Set(fields.parent_id),
+        ..Default::default()
+    }
+    .insert(&ctx.db)
+    .await?;
+
+    format::redirect("/admin/catalog/categories")
+}
+
+#[debug_handler]
+async fn edit(
+    auth: auth::JWT,
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    Path(id): Path<i32>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    let mut context = form_context(&ctx, &jar, Some(id)).await?;
+    context["category"] = json!(category_by_id(&ctx, id).await?);
+    format::view(&v, "admin/catalog/category_form.html", context)
+}
+
+#[debug_handler]
+async fn update(
+    auth: auth::JWT,
+    Path(id): Path<i32>,
+    State(ctx): State<AppContext>,
+    multipart: Multipart,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    let existing = category_by_id(&ctx, id).await?;
+    let form = read_multipart_form(multipart).await?;
+    let fields = parse_category_fields(&ctx, &form, Some(id)).await?;
+
+    let mut category = existing.into_active_model();
+    category.name = Set(fields.name);
+    category.slug = Set(fields.slug);
+    category.description = Set(fields.description);
+    category.position = Set(fields.position);
+    category.published = Set(fields.published);
+    category.parent_id = Set(fields.parent_id);
+    if let Some(data) = form.image {
+        category.image_id = Set(Some(store_image(&ctx, data).await?));
+    }
+    category.update(&ctx.db).await?;
+
+    format::redirect("/admin/catalog/categories")
+}
+
+#[debug_handler]
+async fn delete(
+    auth: auth::JWT,
+    Path(id): Path<i32>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    category_by_id(&ctx, id).await?.delete(&ctx.db).await?;
+    format::redirect("/admin/catalog/categories")
+}
+
+pub fn routes() -> Routes {
+    let image_limit = DefaultBodyLimit::max(IMAGE_MAX_BYTES + 1024 * 1024);
+    Routes::new()
+        .add("/admin/catalog/categories", get(index))
+        .add("/admin/catalog/categories/new", get(new))
+        .add(
+            "/admin/catalog/categories",
+            post(create).layer(image_limit.clone()),
+        )
+        .add("/admin/catalog/categories/{id}/edit", get(edit))
+        .add(
+            "/admin/catalog/categories/{id}",
+            post(update).layer(image_limit),
+        )
+        .add("/admin/catalog/categories/{id}/delete", post(delete))
+}

src/controllers/admin_dashboard.rs

@@ -0,0 +1,54 @@
+//! Admin dashboard (HTML home + JSON stats).
+
+use axum_extra::extract::cookie::CookieJar;
+use loco_rs::prelude::*;
+use sea_orm::{EntityTrait, PaginatorTrait};
+use serde::Serialize;
+use serde_json::json;
+
+use crate::{controllers::i18n::current_lang, models::_entities, shared::guard};
+
+#[derive(Debug, Serialize)]
+struct DashboardResponse {
+    users: u64,
+    products: u64,
+    categories: u64,
+    orders: u64,
+    audit_logs: u64,
+}
+
+/// JSON dashboard stats, served under `/api/admin`.
+#[debug_handler]
+async fn dashboard_json(auth: auth::JWT, State(ctx): State<AppContext>) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+
+    format::json(DashboardResponse {
+        users: _entities::users::Entity::find().count(&ctx.db).await?,
+        products: _entities::products::Entity::find().count(&ctx.db).await?,
+        categories: _entities::categories::Entity::find().count(&ctx.db).await?,
+        orders: _entities::orders::Entity::find().count(&ctx.db).await?,
+        audit_logs: _entities::audit_logs::Entity::find().count(&ctx.db).await?,
+    })
+}
+
+/// HTML admin home page.
+#[debug_handler]
+async fn dashboard_page(
+    auth: auth::JWT,
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    let admin_user = guard::current_admin(auth, &ctx).await?;
+    format::view(
+        &v,
+        "admin/index.html",
+        json!({ "admin": admin_user, "lang": current_lang(&jar) }),
+    )
+}
+
+pub fn routes() -> Routes {
+    Routes::new()
+        .add("/admin/dashboard", get(dashboard_page))
+        .add("/api/admin/dashboard", get(dashboard_json))
+}

src/controllers/admin_form.rs

@@ -0,0 +1,87 @@
+//! Multipart form handling shared by the product and category admin forms.
+//!
+//! Both forms submit a mix of text fields and an optional `image` file part;
+//! this collects them into an easy-to-query [`MultipartForm`] and stores any
+//! uploaded image through the configured storage driver.
+
+use std::collections::HashMap;
+
+use axum::extract::Multipart;
+use loco_rs::prelude::*;
+
+use crate::controllers::media::{detect_image_extension, store_upload, IMAGE_MAX_BYTES, IMAGE_STORAGE_DIR};
+
+fn normalize_empty(value: Option<String>) -> Option<String> {
+    value.and_then(|value| {
+        let value = value.trim().to_string();
+        (!value.is_empty()).then_some(value)
+    })
+}
+
+/// Collected multipart form: text fields keyed by name, plus the raw bytes of
+/// an `image` file part if one was uploaded (an empty file input is ignored).
+pub(crate) struct MultipartForm {
+    fields: HashMap<String, String>,
+    pub(crate) image: Option<Vec<u8>>,
+}
+
+impl MultipartForm {
+    /// Trimmed value of a text field, `None` when missing or blank.
+    pub(crate) fn text(&self, key: &str) -> Option<String> {
+        normalize_empty(self.fields.get(key).cloned())
+    }
+
+    /// Whether a checkbox-style field is checked.
+    pub(crate) fn checked(&self, key: &str) -> bool {
+        matches!(
+            self.fields.get(key).map(String::as_str),
+            Some("on" | "true" | "1")
+        )
+    }
+}
+
+pub(crate) async fn read_multipart_form(mut multipart: Multipart) -> Result<MultipartForm> {
+    let mut fields = HashMap::new();
+    let mut image = None;
+
+    while let Some(mut field) = multipart
+        .next_field()
+        .await
+        .map_err(|err| Error::BadRequest(format!("invalid multipart data: {err}")))?
+    {
+        let name = field.name().unwrap_or("").to_string();
+        if name == "image" {
+            let mut data = Vec::new();
+            while let Some(chunk) = field
+                .chunk()
+                .await
+                .map_err(|err| Error::BadRequest(format!("invalid multipart chunk: {err}")))?
+            {
+                data.extend_from_slice(&chunk);
+                if data.len() > IMAGE_MAX_BYTES {
+                    return Err(Error::BadRequest(format!(
+                        "image is larger than {} MB",
+                        IMAGE_MAX_BYTES / 1024 / 1024
+                    )));
+                }
+            }
+            if !data.is_empty() {
+                image = Some(data);
+            }
+        } else {
+            let value = field
+                .text()
+                .await
+                .map_err(|err| Error::BadRequest(format!("invalid multipart field: {err}")))?;
+            fields.insert(name, value);
+        }
+    }
+
+    Ok(MultipartForm { fields, image })
+}
+
+/// Store an uploaded image's bytes and return its generated filename.
+pub(crate) async fn store_image(ctx: &AppContext, data: Vec<u8>) -> Result<String> {
+    let extension = detect_image_extension(&data)?;
+    store_upload(ctx, IMAGE_STORAGE_DIR, extension, data).await
+}

src/controllers/admin_login.rs

@@ -0,0 +1,86 @@
+//! Cookie-based admin login/logout pages (separate from the JSON `/api/auth`
+//! flow used by the SPA/API).
+
+use axum_extra::extract::cookie::CookieJar;
+use loco_rs::prelude::*;
+use serde_json::json;
+
+use crate::{
+    controllers::auth as auth_controller,
+    models::users::{self, LoginParams},
+    controllers::i18n::current_lang,
+    shared::guard,
+};
+
+fn login_error(v: &TeraView, jar: &CookieJar) -> Result<Response> {
+    format::view(
+        v,
+        "admin/login.html",
+        json!({
+            "error": "Invalid credentials",
+            "logged_in_admin": false,
+            "lang": current_lang(jar),
+        }),
+    )
+}
+
+#[debug_handler]
+async fn login_page(
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    if guard::logged_in(&ctx, &jar).await {
+        return format::redirect("/admin/dashboard");
+    }
+
+    format::view(
+        &v,
+        "admin/login.html",
+        json!({
+            "error": null,
+            "logged_in_admin": false,
+            "lang": current_lang(&jar),
+        }),
+    )
+}
+
+#[debug_handler]
+async fn login(
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    State(ctx): State<AppContext>,
+    Form(params): Form<LoginParams>,
+) -> Result<Response> {
+    let Ok(user) = users::Model::find_by_email(&ctx.db, &params.email).await else {
+        return login_error(&v, &jar);
+    };
+
+    if !user.verify_password(&params.password) || !guard::is_admin(&ctx, &user) {
+        return login_error(&v, &jar);
+    }
+
+    let jwt_secret = ctx.config.get_jwt_config()?;
+    let token = user
+        .generate_jwt(&jwt_secret.secret, jwt_secret.expiration)
+        .or_else(|_| unauthorized("unauthorized!"))?;
+
+    format::render()
+        .cookies(&[auth_controller::auth_cookie(&token, jwt_secret.expiration)])?
+        .redirect("/admin/dashboard")
+}
+
+#[debug_handler]
+async fn logout() -> Result<Response> {
+    format::render()
+        .cookies(&[auth_controller::clear_auth_cookie()])?
+        .redirect("/admin/login")
+}
+
+pub fn routes() -> Routes {
+    Routes::new()
+        .add("/admin", get(login_page))
+        .add("/admin/login", get(login_page))
+        .add("/admin/login", post(login))
+        .add("/admin/logout", post(logout))
+}

src/controllers/admin_orders.rs

@@ -0,0 +1,104 @@
+//! Admin order list, detail, and status updates.
+
+use axum_extra::extract::cookie::CookieJar;
+use loco_rs::prelude::*;
+use sea_orm::{ActiveModelTrait, ColumnTrait, EntityTrait, QueryFilter, QueryOrder, Set};
+use serde::Deserialize;
+use serde_json::json;
+
+use crate::{
+    models::{order_items, orders},
+    views::checkout as view,
+    controllers::i18n::current_lang,
+    shared::{guard, settings},
+};
+
+pub(crate) const ORDER_STATUSES: [&str; 4] = ["pending", "paid", "shipped", "cancelled"];
+
+#[derive(Debug, Deserialize)]
+struct StatusForm {
+    status: String,
+}
+
+#[debug_handler]
+async fn index(
+    auth: auth::JWT,
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    let list = orders::Entity::find()
+        .order_by_desc(orders::Column::CreatedAt)
+        .all(&ctx.db)
+        .await?;
+    let rows: Vec<serde_json::Value> = list.iter().map(view::summary).collect();
+    format::view(
+        &v,
+        "admin/orders/index.html",
+        json!({ "orders": rows, "lang": current_lang(&jar) }),
+    )
+}
+
+#[debug_handler]
+async fn show(
+    auth: auth::JWT,
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    Path(id): Path<i32>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    let order = orders::Entity::find_by_id(id)
+        .one(&ctx.db)
+        .await?
+        .ok_or_else(|| Error::NotFound)?;
+    let items = order_items::Entity::find()
+        .filter(order_items::Column::OrderId.eq(order.id))
+        .all(&ctx.db)
+        .await?;
+
+    format::view(
+        &v,
+        "admin/orders/show.html",
+        json!({
+            "order": view::detail(
+                &order,
+                settings::get(&ctx, "bank_iban").unwrap_or(""),
+                settings::get(&ctx, "bank_account_name").unwrap_or(""),
+            ),
+            "items": view::items(&items),
+            "statuses": ORDER_STATUSES,
+            "lang": current_lang(&jar),
+        }),
+    )
+}
+
+#[debug_handler]
+async fn update_status(
+    auth: auth::JWT,
+    Path(id): Path<i32>,
+    State(ctx): State<AppContext>,
+    Form(form): Form<StatusForm>,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    if !ORDER_STATUSES.contains(&form.status.as_str()) {
+        return Err(Error::BadRequest("invalid status".to_string()));
+    }
+    let order = orders::Entity::find_by_id(id)
+        .one(&ctx.db)
+        .await?
+        .ok_or_else(|| Error::NotFound)?;
+    let mut active = order.into_active_model();
+    active.status = Set(form.status);
+    active.update(&ctx.db).await?;
+
+    format::redirect(&format!("/admin/orders/{id}"))
+}
+
+pub fn routes() -> Routes {
+    Routes::new()
+        .add("/admin/orders", get(index))
+        .add("/admin/orders/{id}", get(show))
+        .add("/admin/orders/{id}/status", post(update_status))
+}

src/controllers/admin_products.rs

@@ -0,0 +1,286 @@
+//! Admin product CRUD.
+
+use axum::extract::{DefaultBodyLimit, Multipart};
+use axum_extra::extract::cookie::CookieJar;
+use loco_rs::prelude::*;
+use sea_orm::{
+    ActiveModelTrait, ColumnTrait, EntityTrait, ModelTrait, PaginatorTrait, QueryFilter,
+    QueryOrder, Set,
+};
+use serde_json::json;
+
+use crate::{
+    controllers::{
+        admin_form::{read_multipart_form, store_image, MultipartForm},
+        i18n::current_lang,
+        media::IMAGE_MAX_BYTES,
+    },
+    shared::{
+        guard,
+        money::parse_price_to_cents,
+        slug::{slugify, unique_slug},
+    },
+    models::{categories, product_images, products},
+    views::shop as view,
+};
+
+async fn product_by_id(ctx: &AppContext, id: i32) -> Result<products::Model> {
+    products::Entity::find_by_id(id)
+        .one(&ctx.db)
+        .await?
+        .ok_or_else(|| Error::NotFound)
+}
+
+/// Fields parsed from a product form, ready to apply to an active model.
+struct ProductFields {
+    name: String,
+    slug: String,
+    description: Option<String>,
+    price_cents: i64,
+    currency: String,
+    sku: Option<String>,
+    stock: i32,
+    category_id: Option<i32>,
+    published: bool,
+}
+
+async fn parse_product_fields(
+    ctx: &AppContext,
+    form: &MultipartForm,
+    current_id: Option<i32>,
+) -> Result<ProductFields> {
+    let name = form
+        .text("name")
+        .ok_or_else(|| Error::BadRequest("product name is required".to_string()))?;
+    let price_cents = parse_price_to_cents(
+        form.text("price")
+            .ok_or_else(|| Error::BadRequest("price is required".to_string()))?
+            .as_str(),
+    )?;
+    let currency = form.text("currency").unwrap_or_else(|| "EUR".to_string());
+    let description = form.text("description");
+    let sku = form.text("sku");
+    let stock = form
+        .text("stock")
+        .and_then(|s| s.parse::<i32>().ok())
+        .filter(|n| *n >= 0)
+        .unwrap_or(0);
+    let category_id = form.text("category_id").and_then(|s| s.parse::<i32>().ok());
+    let published = form.checked("published");
+
+    let desired = form
+        .text("slug")
+        .map(|s| slugify(&s))
+        .filter(|s| !s.is_empty())
+        .unwrap_or_else(|| slugify(&name));
+    let slug = unique_slug(&desired, |candidate| {
+        let ctx = ctx.clone();
+        async move {
+            let mut query = products::Entity::find().filter(products::Column::Slug.eq(candidate));
+            if let Some(id) = current_id {
+                query = query.filter(products::Column::Id.ne(id));
+            }
+            Ok(query.count(&ctx.db).await? > 0)
+        }
+    })
+    .await?;
+
+    Ok(ProductFields {
+        name,
+        slug,
+        description,
+        price_cents,
+        currency,
+        sku,
+        stock,
+        category_id,
+        published,
+    })
+}
+
+async fn form_context(ctx: &AppContext, jar: &CookieJar) -> Result<serde_json::Value> {
+    let categories = categories::Entity::find()
+        .order_by_asc(categories::Column::Position)
+        .order_by_asc(categories::Column::Name)
+        .all(&ctx.db)
+        .await?;
+    Ok(json!({ "categories": categories, "lang": current_lang(jar) }))
+}
+
+#[debug_handler]
+async fn index(
+    auth: auth::JWT,
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    let list = products::Entity::find()
+        .order_by_desc(products::Column::CreatedAt)
+        .all(&ctx.db)
+        .await?;
+    let mut rows = Vec::new();
+    for product in list {
+        let image = product_images::first_for(&ctx, product.id).await?;
+        let category_name = match product.category_id {
+            Some(id) => categories::Entity::find_by_id(id)
+                .one(&ctx.db)
+                .await?
+                .map(|c| c.name),
+            None => None,
+        };
+        rows.push(view::product_card(&product, image, category_name));
+    }
+    format::view(
+        &v,
+        "admin/catalog/products.html",
+        json!({ "products": rows, "lang": current_lang(&jar) }),
+    )
+}
+
+#[debug_handler]
+async fn new(
+    auth: auth::JWT,
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    let mut context = form_context(&ctx, &jar).await?;
+    context["product"] = serde_json::Value::Null;
+    format::view(&v, "admin/catalog/product_form.html", context)
+}
+
+#[debug_handler]
+async fn create(
+    auth: auth::JWT,
+    State(ctx): State<AppContext>,
+    multipart: Multipart,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    let form = read_multipart_form(multipart).await?;
+    let fields = parse_product_fields(&ctx, &form, None).await?;
+
+    let product = products::ActiveModel {
+        name: Set(fields.name),
+        slug: Set(fields.slug),
+        description: Set(fields.description),
+        price_cents: Set(fields.price_cents),
+        currency: Set(fields.currency),
+        sku: Set(fields.sku),
+        stock: Set(fields.stock),
+        view_count: Set(0),
+        published: Set(fields.published),
+        published_at: Set(fields.published.then(|| chrono::Utc::now().into())),
+        category_id: Set(fields.category_id),
+        ..Default::default()
+    }
+    .insert(&ctx.db)
+    .await?;
+
+    if let Some(data) = form.image {
+        let filename = store_image(&ctx, data).await?;
+        product_images::ActiveModel {
+            product_id: Set(product.id),
+            image_id: Set(filename),
+            position: Set(0),
+            alt: Set(None),
+            ..Default::default()
+        }
+        .insert(&ctx.db)
+        .await?;
+    }
+
+    format::redirect("/admin/catalog/products")
+}
+
+#[debug_handler]
+async fn edit(
+    auth: auth::JWT,
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    Path(id): Path<i32>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    let product = product_by_id(&ctx, id).await?;
+    let image = product_images::first_for(&ctx, id).await?;
+    let mut context = form_context(&ctx, &jar).await?;
+    context["product"] = view::product_form(&product, image);
+    format::view(&v, "admin/catalog/product_form.html", context)
+}
+
+#[debug_handler]
+async fn update(
+    auth: auth::JWT,
+    Path(id): Path<i32>,
+    State(ctx): State<AppContext>,
+    multipart: Multipart,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    let existing = product_by_id(&ctx, id).await?;
+    let was_published = existing.published;
+    let form = read_multipart_form(multipart).await?;
+    let fields = parse_product_fields(&ctx, &form, Some(id)).await?;
+
+    let mut product = existing.into_active_model();
+    product.name = Set(fields.name);
+    product.slug = Set(fields.slug);
+    product.description = Set(fields.description);
+    product.price_cents = Set(fields.price_cents);
+    product.currency = Set(fields.currency);
+    product.sku = Set(fields.sku);
+    product.stock = Set(fields.stock);
+    product.category_id = Set(fields.category_id);
+    product.published = Set(fields.published);
+    if fields.published && !was_published {
+        product.published_at = Set(Some(chrono::Utc::now().into()));
+    } else if !fields.published {
+        product.published_at = Set(None);
+    }
+    product.update(&ctx.db).await?;
+
+    if let Some(data) = form.image {
+        let filename = store_image(&ctx, data).await?;
+        let next_position = product_images::count_for(&ctx, id).await?;
+        product_images::ActiveModel {
+            product_id: Set(id),
+            image_id: Set(filename),
+            position: Set(next_position),
+            alt: Set(None),
+            ..Default::default()
+        }
+        .insert(&ctx.db)
+        .await?;
+    }
+
+    format::redirect("/admin/catalog/products")
+}
+
+#[debug_handler]
+async fn delete(
+    auth: auth::JWT,
+    Path(id): Path<i32>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    product_by_id(&ctx, id).await?.delete(&ctx.db).await?;
+    format::redirect("/admin/catalog/products")
+}
+
+pub fn routes() -> Routes {
+    let image_limit = DefaultBodyLimit::max(IMAGE_MAX_BYTES + 1024 * 1024);
+    Routes::new()
+        .add("/admin/catalog/products", get(index))
+        .add("/admin/catalog/products/new", get(new))
+        .add(
+            "/admin/catalog/products",
+            post(create).layer(image_limit.clone()),
+        )
+        .add("/admin/catalog/products/{id}/edit", get(edit))
+        .add(
+            "/admin/catalog/products/{id}",
+            post(update).layer(image_limit),
+        )
+        .add("/admin/catalog/products/{id}/delete", post(delete))
+}

src/controllers/admin_shipping.rs

@@ -0,0 +1,79 @@
+//! Admin management of shipping methods (price + enabled toggle).
+
+use axum_extra::extract::cookie::CookieJar;
+use loco_rs::prelude::*;
+use sea_orm::{ActiveModelTrait, EntityTrait, QueryOrder, Set};
+use serde::Deserialize;
+use serde_json::json;
+
+use crate::{
+    models::shipping_methods,
+    controllers::i18n::current_lang,
+    shared::{
+        guard,
+        money::{format_price, parse_price_to_cents},
+    },
+};
+
+#[derive(Debug, Deserialize)]
+struct ShippingForm {
+    price: String,
+    enabled: Option<String>,
+}
+
+#[debug_handler]
+async fn index(
+    auth: auth::JWT,
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    let methods = shipping_methods::Entity::find()
+        .order_by_asc(shipping_methods::Column::Position)
+        .all(&ctx.db)
+        .await?;
+    let rows: Vec<serde_json::Value> = methods
+        .iter()
+        .map(|m| {
+            json!({
+                "id": m.id,
+                "code": m.code,
+                "name": m.name,
+                "price": format_price(m.price_cents),
+                "requires_pickup_point": m.requires_pickup_point,
+                "enabled": m.enabled,
+            })
+        })
+        .collect();
+    format::view(
+        &v,
+        "admin/shipping/index.html",
+        json!({ "methods": rows, "lang": current_lang(&jar) }),
+    )
+}
+
+#[debug_handler]
+async fn update(
+    auth: auth::JWT,
+    Path(id): Path<i32>,
+    State(ctx): State<AppContext>,
+    Form(form): Form<ShippingForm>,
+) -> Result<Response> {
+    guard::current_admin(auth, &ctx).await?;
+    let method = shipping_methods::Entity::find_by_id(id)
+        .one(&ctx.db)
+        .await?
+        .ok_or_else(|| Error::NotFound)?;
+    let mut active = method.into_active_model();
+    active.price_cents = Set(parse_price_to_cents(&form.price)?);
+    active.enabled = Set(matches!(form.enabled.as_deref(), Some("on" | "true" | "1")));
+    active.update(&ctx.db).await?;
+    format::redirect("/admin/shipping")
+}
+
+pub fn routes() -> Routes {
+    Routes::new()
+        .add("/admin/shipping", get(index))
+        .add("/admin/shipping/{id}", post(update))
+}

src/controllers/auth.rs

@@ -1,10 +1,8 @@
 use crate::{
-    mailers::auth::AuthMailer,
+    models::users::{self, LoginParams, RegisterParams},
-    models::{
-        _entities::users,
-        users::{LoginParams, RegisterParams},
-    },
     views::auth::{CurrentResponse, LoginResponse},
+    mailers::auth::AuthMailer,
+    shared::guard::is_admin,
 };
 use axum_extra::extract::cookie::{Cookie, SameSite};
 use loco_rs::prelude::*;
@@ -22,18 +20,6 @@ fn get_allow_email_domain_re() -> &'static Regex {
     })
 }
 
-fn admin_email(ctx: &AppContext) -> Option<&str> {
-    ctx.config
-        .settings
-        .as_ref()
-        .and_then(|settings| settings.get("admin_email"))
-        .and_then(|email| email.as_str())
-}
-
-fn is_admin(ctx: &AppContext, user: &users::Model) -> bool {
-    admin_email(ctx).is_some_and(|email| user.email.eq_ignore_ascii_case(email))
-}
-
 pub(crate) fn auth_cookie(token: &str, max_age_seconds: u64) -> Cookie<'static> {
     Cookie::build((AUTH_COOKIE, token.to_string()))
         .path("/")

src/controllers/blog.rs

@@ -1,245 +0,0 @@
-use crate::{controllers::admin, models::_entities::blog_articles};
-use chrono::Utc;
-use loco_rs::prelude::*;
-use sea_orm::{ActiveModelTrait, ColumnTrait, EntityTrait, QueryFilter, QueryOrder, Set};
-use serde::{Deserialize, Serialize};
-use uuid::Uuid;
-
-#[derive(Debug, Deserialize)]
-struct ArticleParams {
-    title: String,
-    content: String,
-    excerpt: Option<String>,
-    published: Option<bool>,
-    featured_image_id: Option<String>,
-}
-
-#[derive(Debug, Serialize)]
-struct ArticleResponse {
-    id: Uuid,
-    title: String,
-    slug: String,
-    content: String,
-    excerpt: Option<String>,
-    published: bool,
-    author_id: i32,
-    featured_image_id: Option<String>,
-    view_count: i32,
-    created_at: chrono::DateTime<chrono::FixedOffset>,
-    updated_at: chrono::DateTime<chrono::FixedOffset>,
-    published_at: Option<chrono::DateTime<chrono::FixedOffset>>,
-}
-
-#[derive(Debug, Serialize)]
-struct ArticleListResponse {
-    articles: Vec<ArticleResponse>,
-}
-
-impl From<blog_articles::Model> for ArticleResponse {
-    fn from(article: blog_articles::Model) -> Self {
-        Self {
-            id: article.id,
-            title: article.title,
-            slug: article.slug,
-            content: article.content,
-            excerpt: article.excerpt,
-            published: article.published,
-            author_id: article.author_id,
-            featured_image_id: article.featured_image_id,
-            view_count: article.view_count,
-            created_at: article.created_at,
-            updated_at: article.updated_at,
-            published_at: article.published_at,
-        }
-    }
-}
-
-fn slugify(title: &str) -> String {
-    let mut slug = String::new();
-    let mut last_was_dash = false;
-
-    for ch in title.chars().flat_map(char::to_lowercase) {
-        if ch.is_ascii_alphanumeric() {
-            slug.push(ch);
-            last_was_dash = false;
-        } else if !last_was_dash && !slug.is_empty() {
-            slug.push('-');
-            last_was_dash = true;
-        }
-    }
-
-    let slug = slug.trim_matches('-').to_string();
-    if slug.is_empty() {
-        Uuid::new_v4().to_string()
-    } else {
-        slug
-    }
-}
-
-fn published_at_for(published: bool) -> Option<chrono::DateTime<chrono::FixedOffset>> {
-    published.then(|| Utc::now().into())
-}
-
-async fn find_article_by_id(ctx: &AppContext, id: Uuid) -> Result<blog_articles::Model> {
-    blog_articles::Entity::find_by_id(id)
-        .one(&ctx.db)
-        .await?
-        .ok_or_else(|| Error::NotFound)
-}
-
-#[debug_handler]
-async fn public_index(State(ctx): State<AppContext>) -> Result<Response> {
-    let articles = blog_articles::Entity::find()
-        .filter(blog_articles::Column::Published.eq(true))
-        .order_by_desc(blog_articles::Column::PublishedAt)
-        .all(&ctx.db)
-        .await?
-        .into_iter()
-        .map(ArticleResponse::from)
-        .collect();
-
-    format::json(ArticleListResponse { articles })
-}
-
-#[debug_handler]
-async fn public_show(Path(slug): Path<String>, State(ctx): State<AppContext>) -> Result<Response> {
-    let article = blog_articles::Entity::find()
-        .filter(blog_articles::Column::Slug.eq(slug))
-        .filter(blog_articles::Column::Published.eq(true))
-        .one(&ctx.db)
-        .await?
-        .ok_or_else(|| Error::NotFound)?;
-
-    let mut active = article.into_active_model();
-    let next_count = active.view_count.as_ref().to_owned() + 1;
-    active.view_count = Set(next_count);
-    let article = active.update(&ctx.db).await?;
-
-    format::json(ArticleResponse::from(article))
-}
-
-#[debug_handler]
-async fn admin_index(auth: auth::JWT, State(ctx): State<AppContext>) -> Result<Response> {
-    admin::current_admin(auth, &ctx).await?;
-
-    let articles = blog_articles::Entity::find()
-        .order_by_desc(blog_articles::Column::CreatedAt)
-        .all(&ctx.db)
-        .await?
-        .into_iter()
-        .map(ArticleResponse::from)
-        .collect();
-
-    format::json(ArticleListResponse { articles })
-}
-
-#[debug_handler]
-async fn admin_create(
-    auth: auth::JWT,
-    State(ctx): State<AppContext>,
-    Json(params): Json<ArticleParams>,
-) -> Result<Response> {
-    let admin_user = admin::current_admin(auth, &ctx).await?;
-    let published = params.published.unwrap_or(false);
-
-    let article = blog_articles::ActiveModel {
-        id: Set(Uuid::new_v4()),
-        title: Set(params.title.clone()),
-        slug: Set(slugify(&params.title)),
-        content: Set(params.content),
-        excerpt: Set(params.excerpt),
-        published: Set(published),
-        author_id: Set(admin_user.id),
-        featured_image_id: Set(params.featured_image_id),
-        view_count: Set(0),
-        published_at: Set(published_at_for(published)),
-        ..Default::default()
-    }
-    .insert(&ctx.db)
-    .await?;
-
-    format::json(ArticleResponse::from(article))
-}
-
-#[debug_handler]
-async fn admin_update(
-    auth: auth::JWT,
-    Path(id): Path<Uuid>,
-    State(ctx): State<AppContext>,
-    Json(params): Json<ArticleParams>,
-) -> Result<Response> {
-    admin::current_admin(auth, &ctx).await?;
-
-    let existing = find_article_by_id(&ctx, id).await?;
-    let was_published = existing.published;
-    let published = params.published.unwrap_or(was_published);
-
-    let mut article = existing.into_active_model();
-    article.title = Set(params.title.clone());
-    article.slug = Set(slugify(&params.title));
-    article.content = Set(params.content);
-    article.excerpt = Set(params.excerpt);
-    article.published = Set(published);
-    article.featured_image_id = Set(params.featured_image_id);
-    if published && !was_published {
-        article.published_at = Set(published_at_for(true));
-    } else if !published {
-        article.published_at = Set(None);
-    }
-
-    let article = article.update(&ctx.db).await?;
-    format::json(ArticleResponse::from(article))
-}
-
-#[debug_handler]
-async fn admin_delete(
-    auth: auth::JWT,
-    Path(id): Path<Uuid>,
-    State(ctx): State<AppContext>,
-) -> Result<Response> {
-    admin::current_admin(auth, &ctx).await?;
-    let article = find_article_by_id(&ctx, id).await?;
-    article.delete(&ctx.db).await?;
-    format::json(())
-}
-
-#[debug_handler]
-async fn admin_publish(
-    auth: auth::JWT,
-    Path(id): Path<Uuid>,
-    State(ctx): State<AppContext>,
-) -> Result<Response> {
-    admin::current_admin(auth, &ctx).await?;
-    let mut article = find_article_by_id(&ctx, id).await?.into_active_model();
-    article.published = Set(true);
-    article.published_at = Set(published_at_for(true));
-    let article = article.update(&ctx.db).await?;
-    format::json(ArticleResponse::from(article))
-}
-
-#[debug_handler]
-async fn admin_unpublish(
-    auth: auth::JWT,
-    Path(id): Path<Uuid>,
-    State(ctx): State<AppContext>,
-) -> Result<Response> {
-    admin::current_admin(auth, &ctx).await?;
-    let mut article = find_article_by_id(&ctx, id).await?.into_active_model();
-    article.published = Set(false);
-    article.published_at = Set(None);
-    let article = article.update(&ctx.db).await?;
-    format::json(ArticleResponse::from(article))
-}
-
-pub fn routes() -> Routes {
-    Routes::new()
-        .prefix("/api")
-        .add("/blog", get(public_index))
-        .add("/blog/{slug}", get(public_show))
-        .add("/admin/blog/articles", get(admin_index))
-        .add("/admin/blog/articles", post(admin_create))
-        .add("/admin/blog/articles/{id}", put(admin_update))
-        .add("/admin/blog/articles/{id}", delete(admin_delete))
-        .add("/admin/blog/articles/{id}/publish", post(admin_publish))
-        .add("/admin/blog/articles/{id}/unpublish", post(admin_unpublish))
-}

src/controllers/cart.rs

@@ -0,0 +1,200 @@
+use crate::{controllers::i18n::current_lang, shared::money::format_price, models::products};
+use axum_extra::extract::cookie::{Cookie, CookieJar, SameSite};
+use loco_rs::prelude::*;
+use sea_orm::{ColumnTrait, EntityTrait, QueryFilter};
+use serde::Deserialize;
+use serde_json::json;
+use time::Duration as TimeDuration;
+
+pub(crate) const CART_COOKIE: &str = "cart";
+const CART_MAX_AGE_DAYS: i64 = 30;
+
+#[derive(Debug, Deserialize)]
+struct AddForm {
+    product_id: i32,
+    quantity: Option<i32>,
+}
+
+#[derive(Debug, Deserialize)]
+struct UpdateForm {
+    product_id: i32,
+    quantity: i32,
+}
+
+#[derive(Debug, Deserialize)]
+struct RemoveForm {
+    product_id: i32,
+}
+
+/// Parse the `cart` cookie ("id:qty,id:qty") into `(product_id, quantity)`
+/// pairs, silently dropping malformed or non-positive entries.
+pub(crate) fn parse_cart(jar: &CookieJar) -> Vec<(i32, i32)> {
+    let Some(cookie) = jar.get(CART_COOKIE) else {
+        return Vec::new();
+    };
+    cookie
+        .value()
+        .split(',')
+        .filter_map(|entry| {
+            let (id, qty) = entry.split_once(':')?;
+            let id = id.trim().parse::<i32>().ok()?;
+            let qty = qty.trim().parse::<i32>().ok()?;
+            (qty > 0).then_some((id, qty))
+        })
+        .collect()
+}
+
+fn serialize_cart(items: &[(i32, i32)]) -> String {
+    items
+        .iter()
+        .map(|(id, qty)| format!("{id}:{qty}"))
+        .collect::<Vec<_>>()
+        .join(",")
+}
+
+fn cart_cookie(value: String) -> Cookie<'static> {
+    Cookie::build((CART_COOKIE, value))
+        .path("/")
+        .same_site(SameSite::Lax)
+        .max_age(TimeDuration::days(CART_MAX_AGE_DAYS))
+        .build()
+}
+
+/// Look up a published product, returning its current stock cap.
+async fn published_product(ctx: &AppContext, id: i32) -> Result<Option<products::Model>> {
+    Ok(products::Entity::find_by_id(id)
+        .filter(products::Column::Published.eq(true))
+        .one(&ctx.db)
+        .await?)
+}
+
+#[debug_handler]
+async fn add(
+    jar: CookieJar,
+    State(ctx): State<AppContext>,
+    Form(form): Form<AddForm>,
+) -> Result<Response> {
+    let Some(product) = published_product(&ctx, form.product_id).await? else {
+        return Err(Error::NotFound);
+    };
+
+    let mut items = parse_cart(&jar);
+    let add_qty = form.quantity.unwrap_or(1).max(1);
+    if let Some(entry) = items.iter_mut().find(|(id, _)| *id == product.id) {
+        entry.1 = (entry.1 + add_qty).min(product.stock);
+    } else {
+        items.push((product.id, add_qty.min(product.stock)));
+    }
+    items.retain(|(_, qty)| *qty > 0);
+
+    format::render()
+        .cookies(&[cart_cookie(serialize_cart(&items))])?
+        .redirect("/cart")
+}
+
+#[debug_handler]
+async fn update(
+    jar: CookieJar,
+    State(ctx): State<AppContext>,
+    Form(form): Form<UpdateForm>,
+) -> Result<Response> {
+    let stock = published_product(&ctx, form.product_id)
+        .await?
+        .map(|p| p.stock)
+        .unwrap_or(0);
+
+    let mut items = parse_cart(&jar);
+    let clamped = form.quantity.clamp(0, stock);
+    if let Some(entry) = items.iter_mut().find(|(id, _)| *id == form.product_id) {
+        entry.1 = clamped;
+    }
+    items.retain(|(_, qty)| *qty > 0);
+
+    format::render()
+        .cookies(&[cart_cookie(serialize_cart(&items))])?
+        .redirect("/cart")
+}
+
+#[debug_handler]
+async fn remove(jar: CookieJar, Form(form): Form<RemoveForm>) -> Result<Response> {
+    let mut items = parse_cart(&jar);
+    items.retain(|(id, _)| *id != form.product_id);
+
+    format::render()
+        .cookies(&[cart_cookie(serialize_cart(&items))])?
+        .redirect("/cart")
+}
+
+/// Resolve the cart cookie into priced line items, dropping anything that is no
+/// longer purchasable and clamping quantities to current stock. Returns the
+/// (re-validated) lines, the rebuilt cookie value, and the total in cents.
+pub(crate) async fn resolve_cart(
+    ctx: &AppContext,
+    jar: &CookieJar,
+) -> Result<(Vec<serde_json::Value>, Vec<(i32, i32)>, i64)> {
+    let mut lines = Vec::new();
+    let mut valid = Vec::new();
+    let mut total: i64 = 0;
+
+    for (id, qty) in parse_cart(jar) {
+        let Some(product) = published_product(ctx, id).await? else {
+            continue;
+        };
+        let qty = qty.clamp(0, product.stock);
+        if qty == 0 {
+            continue;
+        }
+        let line_total = product.price_cents * i64::from(qty);
+        total += line_total;
+        valid.push((product.id, qty));
+        lines.push(json!({
+            "id": product.id,
+            "name": product.name,
+            "slug": product.slug,
+            "price": format_price(product.price_cents),
+            "currency": product.currency,
+            "quantity": qty,
+            "stock": product.stock,
+            "line_total": format_price(line_total),
+        }));
+    }
+
+    Ok((lines, valid, total))
+}
+
+#[debug_handler]
+async fn show(
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    let (lines, valid, total) = resolve_cart(&ctx, &jar).await?;
+    let currency = lines
+        .first()
+        .and_then(|line| line["currency"].as_str())
+        .unwrap_or("EUR")
+        .to_string();
+
+    // Drop any now-invalid lines from the cookie so the badge stays accurate.
+    let rebuilt = serialize_cart(&valid);
+    let response = format::view(
+        &v,
+        "shop/cart.html",
+        json!({
+            "items": lines,
+            "total": format_price(total),
+            "currency": currency,
+            "lang": current_lang(&jar),
+        }),
+    )?;
+
+    Ok((jar.add(cart_cookie(rebuilt)), response).into_response())
+}
+
+pub fn routes() -> Routes {
+    Routes::new()
+        .add("/cart", get(show))
+        .add("/cart/add", post(add))
+        .add("/cart/update", post(update))
+        .add("/cart/remove", post(remove))
+}

src/controllers/checkout.rs

@@ -0,0 +1,200 @@
+//! Public checkout flow: the checkout form, placing an order, and the order
+//! confirmation page.
+
+use axum_extra::extract::cookie::{Cookie, CookieJar, SameSite};
+use loco_rs::prelude::*;
+use sea_orm::{ColumnTrait, EntityTrait, QueryFilter, QueryOrder};
+use serde::Deserialize;
+use serde_json::json;
+use time::Duration as TimeDuration;
+
+use crate::{
+    controllers::cart::{resolve_cart, CART_COOKIE},
+    models::{order_items, orders, shipping_methods},
+    controllers::i18n::current_lang,
+    shared::{money::format_price, settings},
+    views::checkout as view,
+};
+
+const PAYMENT_METHODS: [&str; 2] = ["cod", "bank_transfer"];
+
+#[derive(Debug, Deserialize)]
+struct CheckoutForm {
+    email: String,
+    customer_name: String,
+    address: String,
+    city: String,
+    zip: String,
+    country: String,
+    note: Option<String>,
+    payment_method: String,
+    carrier_code: String,
+    pickup_point_id: Option<String>,
+    pickup_point_name: Option<String>,
+}
+
+fn trimmed(value: &str) -> Option<String> {
+    let value = value.trim();
+    (!value.is_empty()).then(|| value.to_string())
+}
+
+fn cleared_cart_cookie() -> Cookie<'static> {
+    Cookie::build((CART_COOKIE, ""))
+        .path("/")
+        .same_site(SameSite::Lax)
+        .max_age(TimeDuration::seconds(0))
+        .build()
+}
+
+async fn enabled_shipping_methods(ctx: &AppContext) -> Result<Vec<shipping_methods::Model>> {
+    Ok(shipping_methods::Entity::find()
+        .filter(shipping_methods::Column::Enabled.eq(true))
+        .order_by_asc(shipping_methods::Column::Position)
+        .all(&ctx.db)
+        .await?)
+}
+
+#[debug_handler]
+async fn checkout_page(
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    let (lines, _valid, subtotal) = resolve_cart(&ctx, &jar).await?;
+    if lines.is_empty() {
+        return format::redirect("/cart");
+    }
+    let currency = lines
+        .first()
+        .and_then(|line| line["currency"].as_str())
+        .unwrap_or("EUR")
+        .to_string();
+
+    let methods: Vec<serde_json::Value> = enabled_shipping_methods(&ctx)
+        .await?
+        .iter()
+        .map(|m| {
+            json!({
+                "code": m.code,
+                "name": m.name,
+                "price_cents": m.price_cents,
+                "price": format_price(m.price_cents),
+                "requires_pickup_point": m.requires_pickup_point,
+            })
+        })
+        .collect();
+
+    format::view(
+        &v,
+        "shop/checkout.html",
+        json!({
+            "items": lines,
+            "subtotal": format_price(subtotal),
+            "subtotal_cents": subtotal,
+            "currency": currency,
+            "shipping_methods": methods,
+            "packeta_api_key": settings::get(&ctx, "packeta_api_key").unwrap_or(""),
+            "lang": current_lang(&jar),
+        }),
+    )
+}
+
+#[debug_handler]
+async fn place_order(
+    jar: CookieJar,
+    State(ctx): State<AppContext>,
+    Form(form): Form<CheckoutForm>,
+) -> Result<Response> {
+    let (_lines, valid, _total) = resolve_cart(&ctx, &jar).await?;
+    if valid.is_empty() {
+        return format::redirect("/cart");
+    }
+    let email =
+        trimmed(&form.email).ok_or_else(|| Error::BadRequest("email is required".to_string()))?;
+
+    if !PAYMENT_METHODS.contains(&form.payment_method.as_str()) {
+        return Err(Error::BadRequest("invalid payment method".to_string()));
+    }
+
+    // Resolve the chosen carrier from the enabled methods (price is taken from
+    // the DB, never the form, so the customer can't pick their own fee).
+    let method = shipping_methods::Entity::find()
+        .filter(shipping_methods::Column::Code.eq(&form.carrier_code))
+        .filter(shipping_methods::Column::Enabled.eq(true))
+        .one(&ctx.db)
+        .await?
+        .ok_or_else(|| Error::BadRequest("invalid shipping method".to_string()))?;
+
+    let (pickup_point_id, pickup_point_name) = if method.requires_pickup_point {
+        let id = form
+            .pickup_point_id
+            .as_deref()
+            .and_then(trimmed)
+            .ok_or_else(|| Error::BadRequest("a pickup point is required".to_string()))?;
+        (Some(id), form.pickup_point_name.as_deref().and_then(trimmed))
+    } else {
+        (None, None)
+    };
+
+    let order = orders::place(
+        &ctx,
+        &valid,
+        orders::Checkout {
+            email,
+            customer_name: trimmed(&form.customer_name),
+            address: trimmed(&form.address),
+            city: trimmed(&form.city),
+            zip: trimmed(&form.zip),
+            country: trimmed(&form.country),
+            note: form.note.as_deref().and_then(trimmed),
+            payment_method: form.payment_method,
+            method,
+            pickup_point_id,
+            pickup_point_name,
+        },
+    )
+    .await?;
+
+    format::render()
+        .cookies(&[cleared_cart_cookie()])?
+        .redirect(&format!("/orders/{}", order.order_number))
+}
+
+#[debug_handler]
+async fn order_confirmation(
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    Path(order_number): Path<String>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    let order = orders::Entity::find()
+        .filter(orders::Column::OrderNumber.eq(order_number))
+        .one(&ctx.db)
+        .await?
+        .ok_or_else(|| Error::NotFound)?;
+    let items = order_items::Entity::find()
+        .filter(order_items::Column::OrderId.eq(order.id))
+        .all(&ctx.db)
+        .await?;
+
+    format::view(
+        &v,
+        "shop/order_confirmed.html",
+        json!({
+            "order": view::detail(
+                &order,
+                settings::get(&ctx, "bank_iban").unwrap_or(""),
+                settings::get(&ctx, "bank_account_name").unwrap_or(""),
+            ),
+            "items": view::items(&items),
+            "lang": current_lang(&jar),
+        }),
+    )
+}
+
+pub fn routes() -> Routes {
+    Routes::new()
+        .add("/checkout", get(checkout_page))
+        .add("/checkout", post(place_order))
+        .add("/orders/{order_number}", get(order_confirmation))
+}

src/controllers/frontend.rs

@@ -1,479 +0,0 @@
-use crate::{
-    controllers::{admin, auth as auth_controller, i18n::current_lang},
-    models::{
-        _entities::{audio_albums, audio_tracks, blog_articles, site_pages},
-        users::{self, LoginParams},
-    },
-};
-use axum_extra::extract::cookie::CookieJar;
-use chrono::Utc;
-use loco_rs::prelude::*;
-use sea_orm::{
-    sea_query::Expr, ActiveModelTrait, ColumnTrait, EntityTrait, Order, QueryFilter, QueryOrder,
-    QuerySelect, Set,
-};
-use serde::Deserialize;
-use serde_json::json;
-use uuid::Uuid;
-
-const ABOUT_SLUG: &str = "about";
-
-#[derive(Debug, Deserialize)]
-struct ArticleForm {
-    title: String,
-    content: String,
-    excerpt: Option<String>,
-    published: Option<String>,
-    featured_image_id: Option<String>,
-}
-
-#[derive(Debug, Deserialize)]
-struct AboutForm {
-    title: String,
-    content: String,
-}
-
-fn slugify(title: &str) -> String {
-    let mut slug = String::new();
-    let mut last_was_dash = false;
-
-    for ch in title.chars().flat_map(char::to_lowercase) {
-        if ch.is_ascii_alphanumeric() {
-            slug.push(ch);
-            last_was_dash = false;
-        } else if !last_was_dash && !slug.is_empty() {
-            slug.push('-');
-            last_was_dash = true;
-        }
-    }
-
-    let slug = slug.trim_matches('-').to_string();
-    if slug.is_empty() {
-        Uuid::new_v4().to_string()
-    } else {
-        slug
-    }
-}
-
-fn published_at_for(published: bool) -> Option<chrono::DateTime<chrono::FixedOffset>> {
-    published.then(|| Utc::now().into())
-}
-
-fn is_checked(value: &Option<String>) -> bool {
-    value
-        .as_deref()
-        .is_some_and(|value| value == "on" || value == "true")
-}
-
-fn normalize_empty(value: Option<String>) -> Option<String> {
-    value.and_then(|value| {
-        let value = value.trim().to_string();
-        if value.is_empty() {
-            None
-        } else {
-            Some(value)
-        }
-    })
-}
-
-async fn about_page(ctx: &AppContext) -> Result<site_pages::Model> {
-    site_pages::Entity::find()
-        .filter(site_pages::Column::Slug.eq(ABOUT_SLUG))
-        .one(&ctx.db)
-        .await?
-        .ok_or_else(|| Error::NotFound)
-}
-
-async fn article_by_id(ctx: &AppContext, id: Uuid) -> Result<blog_articles::Model> {
-    blog_articles::Entity::find_by_id(id)
-        .one(&ctx.db)
-        .await?
-        .ok_or_else(|| Error::NotFound)
-}
-
-async fn logged_in_admin(ctx: &AppContext, jar: &CookieJar) -> bool {
-    let Some(cookie) = jar.get(auth_controller::AUTH_COOKIE) else {
-        return false;
-    };
-    let Ok(jwt_config) = ctx.config.get_jwt_config() else {
-        return false;
-    };
-    let Ok(claims) = loco_rs::auth::jwt::JWT::new(&jwt_config.secret).validate(cookie.value())
-    else {
-        return false;
-    };
-    let Ok(user) = users::Model::find_by_pid(&ctx.db, &claims.claims.pid).await else {
-        return false;
-    };
-
-    admin::is_admin(ctx, &user)
-}
-
-#[debug_handler]
-async fn home(
-    jar: CookieJar,
-    ViewEngine(v): ViewEngine<TeraView>,
-    State(ctx): State<AppContext>,
-) -> Result<Response> {
-    let articles = blog_articles::Entity::find()
-        .filter(blog_articles::Column::Published.eq(true))
-        .order_by_desc(blog_articles::Column::PublishedAt)
-        .limit(5)
-        .all(&ctx.db)
-        .await?;
-
-    // A random published song to suggest on the landing page.
-    let featured_track = audio_tracks::Entity::find()
-        .filter(audio_tracks::Column::Published.eq(true))
-        .order_by(Expr::cust("RANDOM()"), Order::Asc)
-        .one(&ctx.db)
-        .await?;
-
-    // A random published album, never the one the suggested song belongs to.
-    let mut album_query =
-        audio_albums::Entity::find().filter(audio_albums::Column::Published.eq(true));
-    if let Some(album_id) = featured_track.as_ref().and_then(|track| track.album_id) {
-        album_query = album_query.filter(audio_albums::Column::Id.ne(album_id));
-    }
-    let featured_album = album_query
-        .order_by(Expr::cust("RANDOM()"), Order::Asc)
-        .one(&ctx.db)
-        .await?;
-
-    format::view(
-        &v,
-        "home/index.html",
-        json!({
-            "articles": articles,
-            "featured_track": featured_track,
-            "featured_album": featured_album,
-            "logged_in_admin": logged_in_admin(&ctx, &jar).await,
-            "lang": current_lang(&jar),
-        }),
-    )
-}
-
-#[debug_handler]
-async fn about(
-    jar: CookieJar,
-    ViewEngine(v): ViewEngine<TeraView>,
-    State(ctx): State<AppContext>,
-) -> Result<Response> {
-    format::view(
-        &v,
-        "pages/about.html",
-        json!({
-            "page": about_page(&ctx).await?,
-            "logged_in_admin": logged_in_admin(&ctx, &jar).await,
-            "lang": current_lang(&jar),
-        }),
-    )
-}
-
-#[debug_handler]
-async fn blog_index(
-    jar: CookieJar,
-    ViewEngine(v): ViewEngine<TeraView>,
-    State(ctx): State<AppContext>,
-) -> Result<Response> {
-    let articles = blog_articles::Entity::find()
-        .filter(blog_articles::Column::Published.eq(true))
-        .order_by_desc(blog_articles::Column::PublishedAt)
-        .all(&ctx.db)
-        .await?;
-
-    format::view(
-        &v,
-        "blog/index.html",
-        json!({
-            "articles": articles,
-            "logged_in_admin": logged_in_admin(&ctx, &jar).await,
-            "lang": current_lang(&jar),
-        }),
-    )
-}
-
-#[debug_handler]
-async fn blog_show(
-    jar: CookieJar,
-    ViewEngine(v): ViewEngine<TeraView>,
-    Path(slug): Path<String>,
-    State(ctx): State<AppContext>,
-) -> Result<Response> {
-    let article = blog_articles::Entity::find()
-        .filter(blog_articles::Column::Slug.eq(slug))
-        .filter(blog_articles::Column::Published.eq(true))
-        .one(&ctx.db)
-        .await?
-        .ok_or_else(|| Error::NotFound)?;
-
-    let mut active = article.into_active_model();
-    let next_count = active.view_count.as_ref().to_owned() + 1;
-    active.view_count = Set(next_count);
-    let article = active.update(&ctx.db).await?;
-
-    format::view(
-        &v,
-        "blog/show.html",
-        json!({
-            "article": article,
-            "logged_in_admin": logged_in_admin(&ctx, &jar).await,
-            "lang": current_lang(&jar),
-        }),
-    )
-}
-
-#[debug_handler]
-async fn admin_login_page(
-    jar: CookieJar,
-    ViewEngine(v): ViewEngine<TeraView>,
-    State(ctx): State<AppContext>,
-) -> Result<Response> {
-    if logged_in_admin(&ctx, &jar).await {
-        return format::redirect("/admin/dashboard");
-    }
-
-    format::view(
-        &v,
-        "admin/login.html",
-        json!({
-            "error": null,
-            "logged_in_admin": false,
-            "lang": current_lang(&jar),
-        }),
-    )
-}
-
-#[debug_handler]
-async fn admin_login(
-    jar: CookieJar,
-    ViewEngine(v): ViewEngine<TeraView>,
-    State(ctx): State<AppContext>,
-    Form(params): Form<LoginParams>,
-) -> Result<Response> {
-    let Ok(user) = users::Model::find_by_email(&ctx.db, &params.email).await else {
-        return format::view(
-            &v,
-            "admin/login.html",
-            json!({
-                "error": "Invalid credentials",
-                "logged_in_admin": false,
-                "lang": current_lang(&jar),
-            }),
-        );
-    };
-
-    if !user.verify_password(&params.password) || !admin::is_admin(&ctx, &user) {
-        return format::view(
-            &v,
-            "admin/login.html",
-            json!({
-                "error": "Invalid credentials",
-                "logged_in_admin": false,
-                "lang": current_lang(&jar),
-            }),
-        );
-    }
-
-    let jwt_secret = ctx.config.get_jwt_config()?;
-    let token = user
-        .generate_jwt(&jwt_secret.secret, jwt_secret.expiration)
-        .or_else(|_| unauthorized("unauthorized!"))?;
-
-    format::render()
-        .cookies(&[auth_controller::auth_cookie(&token, jwt_secret.expiration)])?
-        .redirect("/admin/dashboard")
-}
-
-#[debug_handler]
-async fn admin_logout() -> Result<Response> {
-    format::render()
-        .cookies(&[auth_controller::clear_auth_cookie()])?
-        .redirect("/admin/login")
-}
-
-#[debug_handler]
-async fn admin_home(
-    auth: auth::JWT,
-    jar: CookieJar,
-    ViewEngine(v): ViewEngine<TeraView>,
-    State(ctx): State<AppContext>,
-) -> Result<Response> {
-    let admin_user = admin::current_admin(auth, &ctx).await?;
-    format::view(
-        &v,
-        "admin/index.html",
-        json!({ "admin": admin_user, "lang": current_lang(&jar) }),
-    )
-}
-
-#[debug_handler]
-async fn admin_about(
-    auth: auth::JWT,
-    jar: CookieJar,
-    ViewEngine(v): ViewEngine<TeraView>,
-    State(ctx): State<AppContext>,
-) -> Result<Response> {
-    admin::current_admin(auth, &ctx).await?;
-    format::view(
-        &v,
-        "admin/about.html",
-        json!({ "page": about_page(&ctx).await?, "lang": current_lang(&jar) }),
-    )
-}
-
-#[debug_handler]
-async fn admin_about_update(
-    auth: auth::JWT,
-    State(ctx): State<AppContext>,
-    Form(params): Form<AboutForm>,
-) -> Result<Response> {
-    admin::current_admin(auth, &ctx).await?;
-    let mut page = about_page(&ctx).await?.into_active_model();
-    page.title = Set(params.title);
-    page.content = Set(params.content);
-    page.update(&ctx.db).await?;
-    format::redirect("/admin/about")
-}
-
-#[debug_handler]
-async fn admin_articles(
-    auth: auth::JWT,
-    jar: CookieJar,
-    ViewEngine(v): ViewEngine<TeraView>,
-    State(ctx): State<AppContext>,
-) -> Result<Response> {
-    admin::current_admin(auth, &ctx).await?;
-    let articles = blog_articles::Entity::find()
-        .order_by_desc(blog_articles::Column::CreatedAt)
-        .all(&ctx.db)
-        .await?;
-    format::view(
-        &v,
-        "admin/blog/index.html",
-        json!({ "articles": articles, "lang": current_lang(&jar) }),
-    )
-}
-
-#[debug_handler]
-async fn admin_article_new(
-    auth: auth::JWT,
-    jar: CookieJar,
-    ViewEngine(v): ViewEngine<TeraView>,
-    State(ctx): State<AppContext>,
-) -> Result<Response> {
-    admin::current_admin(auth, &ctx).await?;
-    format::view(
-        &v,
-        "admin/blog/new.html",
-        json!({ "lang": current_lang(&jar) }),
-    )
-}
-
-#[debug_handler]
-async fn admin_article_create(
-    auth: auth::JWT,
-    State(ctx): State<AppContext>,
-    Form(params): Form<ArticleForm>,
-) -> Result<Response> {
-    let admin_user = admin::current_admin(auth, &ctx).await?;
-    let published = is_checked(&params.published);
-
-    blog_articles::ActiveModel {
-        id: Set(Uuid::new_v4()),
-        title: Set(params.title.clone()),
-        slug: Set(slugify(&params.title)),
-        content: Set(params.content),
-        excerpt: Set(normalize_empty(params.excerpt)),
-        published: Set(published),
-        author_id: Set(admin_user.id),
-        featured_image_id: Set(normalize_empty(params.featured_image_id)),
-        view_count: Set(0),
-        published_at: Set(published_at_for(published)),
-        ..Default::default()
-    }
-    .insert(&ctx.db)
-    .await?;
-
-    format::redirect("/admin/blog/articles")
-}
-
-#[debug_handler]
-async fn admin_article_edit(
-    auth: auth::JWT,
-    jar: CookieJar,
-    ViewEngine(v): ViewEngine<TeraView>,
-    Path(id): Path<Uuid>,
-    State(ctx): State<AppContext>,
-) -> Result<Response> {
-    admin::current_admin(auth, &ctx).await?;
-    format::view(
-        &v,
-        "admin/blog/edit.html",
-        json!({ "article": article_by_id(&ctx, id).await?, "lang": current_lang(&jar) }),
-    )
-}
-
-#[debug_handler]
-async fn admin_article_update(
-    auth: auth::JWT,
-    Path(id): Path<Uuid>,
-    State(ctx): State<AppContext>,
-    Form(params): Form<ArticleForm>,
-) -> Result<Response> {
-    admin::current_admin(auth, &ctx).await?;
-    let existing = article_by_id(&ctx, id).await?;
-    let was_published = existing.published;
-    let published = is_checked(&params.published);
-
-    let mut article = existing.into_active_model();
-    article.title = Set(params.title.clone());
-    article.slug = Set(slugify(&params.title));
-    article.content = Set(params.content);
-    article.excerpt = Set(normalize_empty(params.excerpt));
-    article.published = Set(published);
-    article.featured_image_id = Set(normalize_empty(params.featured_image_id));
-    if published && !was_published {
-        article.published_at = Set(published_at_for(true));
-    } else if !published {
-        article.published_at = Set(None);
-    }
-    article.update(&ctx.db).await?;
-
-    format::redirect("/admin/blog/articles")
-}
-
-#[debug_handler]
-async fn admin_article_delete(
-    auth: auth::JWT,
-    Path(id): Path<Uuid>,
-    State(ctx): State<AppContext>,
-) -> Result<Response> {
-    admin::current_admin(auth, &ctx).await?;
-    article_by_id(&ctx, id).await?.delete(&ctx.db).await?;
-    format::redirect("/admin/blog/articles")
-}
-
-pub fn routes() -> Routes {
-    Routes::new()
-        .add("/", get(home))
-        .add("/about", get(about))
-        .add("/blog", get(blog_index))
-        .add("/blog/{slug}", get(blog_show))
-        .add("/admin/login", get(admin_login_page))
-        .add("/admin/login", post(admin_login))
-        .add("/admin/logout", post(admin_logout))
-        .add("/admin", get(admin_login_page))
-        .add("/admin/dashboard", get(admin_home))
-        .add("/admin/about", get(admin_about))
-        .add("/admin/about", post(admin_about_update))
-        .add("/admin/blog/articles", get(admin_articles))
-        .add("/admin/blog/articles/new", get(admin_article_new))
-        .add("/admin/blog/articles", post(admin_article_create))
-        .add("/admin/blog/articles/{id}/edit", get(admin_article_edit))
-        .add("/admin/blog/articles/{id}", post(admin_article_update))
-        .add(
-            "/admin/blog/articles/{id}/delete",
-            post(admin_article_delete),
-        )
-}

src/controllers/home.rs

@@ -0,0 +1,30 @@
+//! Public landing page.
+
+use axum_extra::extract::cookie::CookieJar;
+use loco_rs::prelude::*;
+use serde_json::json;
+
+use crate::{controllers::i18n::current_lang, shared::guard, controllers::shop};
+
+#[debug_handler]
+async fn index(
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    let products = shop::featured_products(&ctx, 8).await?;
+
+    format::view(
+        &v,
+        "home/index.html",
+        json!({
+            "products": products,
+            "logged_in_admin": guard::logged_in(&ctx, &jar).await,
+            "lang": current_lang(&jar),
+        }),
+    )
+}
+
+pub fn routes() -> Routes {
+    Routes::new().add("/", get(index))
+}

src/controllers/mod.rs

@@ -1,7 +1,14 @@
-pub mod admin;
 pub mod auth;
-pub mod blog;
+pub mod admin_categories;
-pub mod frontend;
+pub mod admin_dashboard;
+pub mod admin_form;
+pub mod admin_login;
+pub mod admin_orders;
+pub mod admin_products;
+pub mod admin_shipping;
+pub mod cart;
+pub mod checkout;
+pub mod home;
 pub mod i18n;
 pub mod media;
-pub mod pages;
+pub mod shop;

src/controllers/pages.rs

@@ -1,86 +0,0 @@
-use crate::{controllers::admin, models::_entities::site_pages};
-use loco_rs::prelude::*;
-use sea_orm::{ActiveModelTrait, ColumnTrait, EntityTrait, QueryFilter, Set};
-use serde::{Deserialize, Serialize};
-use uuid::Uuid;
-
-const ABOUT_SLUG: &str = "about";
-
-#[derive(Debug, Deserialize)]
-struct AboutParams {
-    title: String,
-    content: String,
-}
-
-#[derive(Debug, Serialize)]
-struct PageResponse {
-    id: Uuid,
-    slug: String,
-    title: String,
-    content: String,
-    updated_at: chrono::DateTime<chrono::FixedOffset>,
-}
-
-impl From<site_pages::Model> for PageResponse {
-    fn from(page: site_pages::Model) -> Self {
-        Self {
-            id: page.id,
-            slug: page.slug,
-            title: page.title,
-            content: page.content,
-            updated_at: page.updated_at,
-        }
-    }
-}
-
-async fn find_about(ctx: &AppContext) -> Result<site_pages::Model> {
-    site_pages::Entity::find()
-        .filter(site_pages::Column::Slug.eq(ABOUT_SLUG))
-        .one(&ctx.db)
-        .await?
-        .ok_or_else(|| Error::NotFound)
-}
-
-#[debug_handler]
-async fn about(State(ctx): State<AppContext>) -> Result<Response> {
-    format::json(PageResponse::from(find_about(&ctx).await?))
-}
-
-#[debug_handler]
-async fn update_about(
-    auth: auth::JWT,
-    State(ctx): State<AppContext>,
-    Json(params): Json<AboutParams>,
-) -> Result<Response> {
-    admin::current_admin(auth, &ctx).await?;
-
-    let page = match find_about(&ctx).await {
-        Ok(page) => {
-            let mut page = page.into_active_model();
-            page.title = Set(params.title);
-            page.content = Set(params.content);
-            page.update(&ctx.db).await?
-        }
-        Err(Error::NotFound) => {
-            site_pages::ActiveModel {
-                id: Set(Uuid::new_v4()),
-                slug: Set(ABOUT_SLUG.to_string()),
-                title: Set(params.title),
-                content: Set(params.content),
-                ..Default::default()
-            }
-            .insert(&ctx.db)
-            .await?
-        }
-        Err(err) => return Err(err),
-    };
-
-    format::json(PageResponse::from(page))
-}
-
-pub fn routes() -> Routes {
-    Routes::new()
-        .prefix("/api")
-        .add("/about", get(about))
-        .add("/admin/about", put(update_about))
-}

src/controllers/shop.rs

@@ -0,0 +1,174 @@
+//! Public storefront: product listings, product detail, category pages and the
+//! lazily-loaded category sidebar.
+
+use axum_extra::extract::cookie::CookieJar;
+use loco_rs::prelude::*;
+use sea_orm::{ColumnTrait, EntityTrait, QueryFilter, QueryOrder, QuerySelect, Set};
+use serde_json::json;
+
+use crate::{
+    controllers::i18n::current_lang,
+    shared::guard,
+    models::{categories, product_images, products},
+    views::shop as view,
+};
+
+/// Shape a list of products into card rows, loading each one's primary image.
+async fn product_rows(ctx: &AppContext, list: Vec<products::Model>) -> Result<Vec<serde_json::Value>> {
+    let mut rows = Vec::with_capacity(list.len());
+    for product in list {
+        let image = product_images::first_for(ctx, product.id).await?;
+        rows.push(view::product_card(&product, image, None));
+    }
+    Ok(rows)
+}
+
+/// Latest published products (with primary image), shaped for templates. Reused
+/// by the home-page landing grid.
+pub(crate) async fn featured_products(
+    ctx: &AppContext,
+    limit: u64,
+) -> Result<Vec<serde_json::Value>> {
+    let list = products::Entity::find()
+        .filter(products::Column::Published.eq(true))
+        .order_by_desc(products::Column::PublishedAt)
+        .limit(limit)
+        .all(&ctx.db)
+        .await?;
+    product_rows(ctx, list).await
+}
+
+/// The site-wide category sidebar, loaded lazily via htmx by the base layout so
+/// every page gets it without each handler having to supply category data.
+#[debug_handler]
+async fn category_sidebar(
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    let published = categories::published(&ctx).await?;
+    format::view(
+        &v,
+        "shop/_sidebar.html",
+        json!({
+            "category_groups": view::sidebar_groups(&published),
+            "lang": current_lang(&jar),
+        }),
+    )
+}
+
+#[debug_handler]
+async fn index(
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    let list = products::Entity::find()
+        .filter(products::Column::Published.eq(true))
+        .order_by_desc(products::Column::PublishedAt)
+        .all(&ctx.db)
+        .await?;
+
+    format::view(
+        &v,
+        "shop/index.html",
+        json!({
+            "products": product_rows(&ctx, list).await?,
+            "logged_in_admin": guard::logged_in(&ctx, &jar).await,
+            "lang": current_lang(&jar),
+        }),
+    )
+}
+
+#[debug_handler]
+async fn show(
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    Path(slug): Path<String>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    let product = products::Entity::find()
+        .filter(products::Column::Slug.eq(slug))
+        .filter(products::Column::Published.eq(true))
+        .one(&ctx.db)
+        .await?
+        .ok_or_else(|| Error::NotFound)?;
+
+    let mut active = product.clone().into_active_model();
+    active.view_count = Set(product.view_count + 1);
+    let product = active.update(&ctx.db).await?;
+
+    let images = product_images::Entity::find()
+        .filter(product_images::Column::ProductId.eq(product.id))
+        .order_by_asc(product_images::Column::Position)
+        .all(&ctx.db)
+        .await?;
+    let category = match product.category_id {
+        Some(id) => categories::Entity::find_by_id(id).one(&ctx.db).await?,
+        None => None,
+    };
+
+    format::view(
+        &v,
+        "shop/show.html",
+        json!({
+            "product": view::product_card(&product, None, category.as_ref().map(|c| c.name.clone())),
+            "images": images.iter().map(|i| i.image_id.clone()).collect::<Vec<_>>(),
+            "category": category,
+            "logged_in_admin": guard::logged_in(&ctx, &jar).await,
+            "lang": current_lang(&jar),
+        }),
+    )
+}
+
+#[debug_handler]
+async fn category(
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    Path(slug): Path<String>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
+    let published = categories::published(&ctx).await?;
+    let category = published
+        .iter()
+        .find(|c| c.slug == slug)
+        .cloned()
+        .ok_or_else(|| Error::NotFound)?;
+
+    let breadcrumbs = categories::ancestors(&published, category.parent_id);
+    let children = categories::children_of(&published, category.id);
+
+    // Products listed here span this category and all of its descendants, so a
+    // parent category is never empty just because its products live in leaves.
+    let mut category_ids: Vec<i32> = categories::descendant_ids(&published, category.id)
+        .into_iter()
+        .collect();
+    category_ids.push(category.id);
+    let list = products::Entity::find()
+        .filter(products::Column::CategoryId.is_in(category_ids))
+        .filter(products::Column::Published.eq(true))
+        .order_by_desc(products::Column::PublishedAt)
+        .all(&ctx.db)
+        .await?;
+
+    format::view(
+        &v,
+        "shop/category.html",
+        json!({
+            "category": category,
+            "breadcrumbs": breadcrumbs,
+            "children": children,
+            "products": product_rows(&ctx, list).await?,
+            "logged_in_admin": guard::logged_in(&ctx, &jar).await,
+            "lang": current_lang(&jar),
+        }),
+    )
+}
+
+pub fn routes() -> Routes {
+    Routes::new()
+        .add("/shop", get(index))
+        .add("/shop/{slug}", get(show))
+        .add("/category/{slug}", get(category))
+        .add("/partials/categories", get(category_sidebar))
+}

src/fixtures/users.yaml

@@ -1,17 +1,19 @@
 ---
-- id: 1
+- id: 2
   pid: 11111111-1111-1111-1111-111111111111
   email: user1@example.com
   password: "$argon2id$v=19$m=19456,t=2,p=1$ETQBx4rTgNAZhSaeYZKOZg$eYTdH26CRT6nUJtacLDEboP0li6xUwUF/q5nSlQ8uuc"
   api_key: lo-95ec80d7-cb60-4b70-9b4b-9ef74cb88758
   name: user1
+  theme: light
   created_at: "2023-11-12T12:34:56.789Z"
   updated_at: "2023-11-12T12:34:56.789Z"
-- id: 2
+- id: 3
   pid: 22222222-2222-2222-2222-222222222222
   email: user2@example.com
   password: "$argon2id$v=19$m=19456,t=2,p=1$ETQBx4rTgNAZhSaeYZKOZg$eYTdH26CRT6nUJtacLDEboP0li6xUwUF/q5nSlQ8uuc"
   api_key: lo-153561ca-fa84-4e1b-813a-c62526d0a77e
   name: user2
+  theme: light
   created_at: "2023-11-12T12:34:56.789Z"
   updated_at: "2023-11-12T12:34:56.789Z"

src/initializers/admin_seeder.rs

@@ -1,5 +1,7 @@
 use async_trait::async_trait;
 use loco_rs::prelude::*;
+use loco_rs::hash;
+use sea_orm::{ActiveModelTrait, IntoActiveModel, Set};
 
 use crate::models::users::{self, RegisterParams};
 
@@ -18,7 +20,19 @@ impl Initializer for AdminSeeder {
 
         if email.is_empty() || password.is_empty() {
             tracing::warn!("ADMIN_EMAIL / ADMIN_PASSWORD not set in .env; admin not seeded");
-        } else if users::Model::find_by_email(&ctx.db, &email).await.is_err() {
+            return Ok(());
+        }
+
+        if let Ok(user) = users::Model::find_by_email(&ctx.db, &email).await {
+            // User exists — update password so .env is always the source of truth.
+            let hash = hash::hash_password(&password)
+                .map_err(|e| Error::Message(e.to_string()))?;
+            let mut am = user.into_active_model();
+            am.password = Set(hash);
+            am.name = Set(name);
+            am.update(&ctx.db).await?;
+            tracing::info!(admin = %email, "admin password synced from .env");
+        } else {
             users::Model::create_with_password(
                 &ctx.db,
                 &RegisterParams {

src/lib.rs

@@ -4,6 +4,8 @@ pub mod data;
 pub mod initializers;
 pub mod mailers;
 pub mod models;
+pub mod seed;
+pub mod shared;
 pub mod tasks;
 pub mod views;
 pub mod workers;

src/models/_entities/audio_albums.rs

@@ -1,51 +0,0 @@
-//! `SeaORM` Entity, @generated by sea-orm-codegen 1.1.20
-
-use sea_orm::entity::prelude::*;
-use serde::{Deserialize, Serialize};
-
-#[derive(Clone, Debug, PartialEq, DeriveEntityModel, Eq, Serialize, Deserialize)]
-#[sea_orm(table_name = "audio_albums")]
-pub struct Model {
-    #[sea_orm(primary_key, auto_increment = false)]
-    pub id: Uuid,
-    pub title: String,
-    #[sea_orm(unique)]
-    pub slug: String,
-    #[sea_orm(column_type = "Text", nullable)]
-    pub description: Option<String>,
-    pub cover_image_id: Option<String>,
-    pub artist: Option<String>,
-    pub release_date: Option<Date>,
-    pub published: bool,
-    pub uploader_id: i32,
-    pub view_count: i32,
-    pub created_at: DateTimeWithTimeZone,
-    pub updated_at: DateTimeWithTimeZone,
-    pub published_at: Option<DateTimeWithTimeZone>,
-}
-
-#[derive(Copy, Clone, Debug, EnumIter, DeriveRelation)]
-pub enum Relation {
-    #[sea_orm(has_many = "super::audio_tracks::Entity")]
-    AudioTracks,
-    #[sea_orm(
-        belongs_to = "super::users::Entity",
-        from = "Column::UploaderId",
-        to = "super::users::Column::Id",
-        on_update = "Cascade",
-        on_delete = "Cascade"
-    )]
-    Users,
-}
-
-impl Related<super::audio_tracks::Entity> for Entity {
-    fn to() -> RelationDef {
-        Relation::AudioTracks.def()
-    }
-}
-
-impl Related<super::users::Entity> for Entity {
-    fn to() -> RelationDef {
-        Relation::Users.def()
-    }
-}

src/models/_entities/audio_tags.rs

@@ -1,37 +0,0 @@
-//! `SeaORM` Entity, @generated by sea-orm-codegen 1.1.20
-
-use sea_orm::entity::prelude::*;
-use serde::{Deserialize, Serialize};
-
-#[derive(Clone, Debug, PartialEq, DeriveEntityModel, Eq, Serialize, Deserialize)]
-#[sea_orm(table_name = "audio_tags")]
-pub struct Model {
-    #[sea_orm(primary_key, auto_increment = false)]
-    pub id: Uuid,
-    #[sea_orm(unique)]
-    pub name: String,
-    #[sea_orm(unique)]
-    pub slug: String,
-    pub created_at: DateTimeWithTimeZone,
-}
-
-#[derive(Copy, Clone, Debug, EnumIter, DeriveRelation)]
-pub enum Relation {
-    #[sea_orm(has_many = "super::audio_track_tags::Entity")]
-    AudioTrackTags,
-}
-
-impl Related<super::audio_track_tags::Entity> for Entity {
-    fn to() -> RelationDef {
-        Relation::AudioTrackTags.def()
-    }
-}
-
-impl Related<super::audio_tracks::Entity> for Entity {
-    fn to() -> RelationDef {
-        super::audio_track_tags::Relation::AudioTracks.def()
-    }
-    fn via() -> Option<RelationDef> {
-        Some(super::audio_track_tags::Relation::AudioTags.def().rev())
-    }
-}

src/models/_entities/audio_tracks.rs

@@ -1,58 +0,0 @@
-//! `SeaORM` Entity, @generated by sea-orm-codegen 1.1.20
-
-use sea_orm::entity::prelude::*;
-use serde::{Deserialize, Serialize};
-
-#[derive(Clone, Debug, PartialEq, DeriveEntityModel, Eq, Serialize, Deserialize)]
-#[sea_orm(table_name = "audio_tracks")]
-pub struct Model {
-    #[sea_orm(primary_key, auto_increment = false)]
-    pub id: Uuid,
-    pub album_id: Option<Uuid>,
-    pub title: String,
-    pub slug: String,
-    pub audio_file_id: String,
-    pub track_number: Option<i32>,
-    pub duration: Option<i32>,
-    pub featured: bool,
-    pub published: bool,
-    pub play_count: i32,
-    pub created_at: DateTimeWithTimeZone,
-    pub updated_at: DateTimeWithTimeZone,
-    pub published_at: Option<DateTimeWithTimeZone>,
-}
-
-#[derive(Copy, Clone, Debug, EnumIter, DeriveRelation)]
-pub enum Relation {
-    #[sea_orm(
-        belongs_to = "super::audio_albums::Entity",
-        from = "Column::AlbumId",
-        to = "super::audio_albums::Column::Id",
-        on_update = "Cascade",
-        on_delete = "SetNull"
-    )]
-    AudioAlbums,
-    #[sea_orm(has_many = "super::audio_track_tags::Entity")]
-    AudioTrackTags,
-}
-
-impl Related<super::audio_albums::Entity> for Entity {
-    fn to() -> RelationDef {
-        Relation::AudioAlbums.def()
-    }
-}
-
-impl Related<super::audio_track_tags::Entity> for Entity {
-    fn to() -> RelationDef {
-        Relation::AudioTrackTags.def()
-    }
-}
-
-impl Related<super::audio_tags::Entity> for Entity {
-    fn to() -> RelationDef {
-        super::audio_track_tags::Relation::AudioTags.def()
-    }
-    fn via() -> Option<RelationDef> {
-        Some(super::audio_track_tags::Relation::AudioTracks.def().rev())
-    }
-}

src/models/_entities/blog_articles.rs

@@ -1,42 +0,0 @@
-//! `SeaORM` Entity, @generated by sea-orm-codegen 1.1.20
-
-use sea_orm::entity::prelude::*;
-use serde::{Deserialize, Serialize};
-
-#[derive(Clone, Debug, PartialEq, DeriveEntityModel, Eq, Serialize, Deserialize)]
-#[sea_orm(table_name = "blog_articles")]
-pub struct Model {
-    #[sea_orm(primary_key, auto_increment = false)]
-    pub id: Uuid,
-    pub title: String,
-    #[sea_orm(unique)]
-    pub slug: String,
-    #[sea_orm(column_type = "Text")]
-    pub content: String,
-    pub excerpt: Option<String>,
-    pub published: bool,
-    pub author_id: i32,
-    pub featured_image_id: Option<String>,
-    pub view_count: i32,
-    pub created_at: DateTimeWithTimeZone,
-    pub updated_at: DateTimeWithTimeZone,
-    pub published_at: Option<DateTimeWithTimeZone>,
-}
-
-#[derive(Copy, Clone, Debug, EnumIter, DeriveRelation)]
-pub enum Relation {
-    #[sea_orm(
-        belongs_to = "super::users::Entity",
-        from = "Column::AuthorId",
-        to = "super::users::Column::Id",
-        on_update = "Cascade",
-        on_delete = "Cascade"
-    )]
-    Users,
-}
-
-impl Related<super::users::Entity> for Entity {
-    fn to() -> RelationDef {
-        Relation::Users.def()
-    }
-}

src/models/_entities/categories.rs

@@ -0,0 +1,42 @@
+//! `SeaORM` Entity, @generated by sea-orm-codegen 1.1.20
+
+use sea_orm::entity::prelude::*;
+use serde::{Deserialize, Serialize};
+
+#[derive(Clone, Debug, PartialEq, DeriveEntityModel, Eq, Serialize, Deserialize)]
+#[sea_orm(table_name = "categories")]
+pub struct Model {
+    pub created_at: DateTimeWithTimeZone,
+    pub updated_at: DateTimeWithTimeZone,
+    #[sea_orm(primary_key)]
+    pub id: i32,
+    pub name: String,
+    #[sea_orm(unique)]
+    pub slug: String,
+    #[sea_orm(column_type = "Text", nullable)]
+    pub description: Option<String>,
+    pub image_id: Option<String>,
+    pub position: i32,
+    pub published: bool,
+    pub parent_id: Option<i32>,
+}
+
+#[derive(Copy, Clone, Debug, EnumIter, DeriveRelation)]
+pub enum Relation {
+    #[sea_orm(has_many = "super::products::Entity")]
+    Products,
+    #[sea_orm(
+        belongs_to = "Entity",
+        from = "Column::ParentId",
+        to = "Column::Id",
+        on_update = "Cascade",
+        on_delete = "SetNull"
+    )]
+    Parent,
+}
+
+impl Related<super::products::Entity> for Entity {
+    fn to() -> RelationDef {
+        Relation::Products.def()
+    }
+}

src/models/_entities/mod.rs

@@ -2,11 +2,13 @@
 
 pub mod prelude;
 
-pub mod audio_albums;
-pub mod audio_tags;
-pub mod audio_track_tags;
-pub mod audio_tracks;
 pub mod audit_logs;
-pub mod blog_articles;
+pub mod categories;
-pub mod site_pages;
+pub mod order_items;
+pub mod orders;
+pub mod product_images;
+pub mod product_product_tags;
+pub mod product_tags;
+pub mod products;
+pub mod shipping_methods;
 pub mod users;

src/models/_entities/order_items.rs

@@ -0,0 +1,50 @@
+//! `SeaORM` Entity, @generated by sea-orm-codegen 1.1.20
+
+use sea_orm::entity::prelude::*;
+use serde::{Deserialize, Serialize};
+
+#[derive(Clone, Debug, PartialEq, DeriveEntityModel, Eq, Serialize, Deserialize)]
+#[sea_orm(table_name = "order_items")]
+pub struct Model {
+    pub created_at: DateTimeWithTimeZone,
+    pub updated_at: DateTimeWithTimeZone,
+    #[sea_orm(primary_key)]
+    pub id: i32,
+    pub product_name: String,
+    pub unit_price_cents: i64,
+    pub quantity: i32,
+    pub order_id: i32,
+    pub product_id: Option<i32>,
+}
+
+#[derive(Copy, Clone, Debug, EnumIter, DeriveRelation)]
+pub enum Relation {
+    #[sea_orm(
+        belongs_to = "super::orders::Entity",
+        from = "Column::OrderId",
+        to = "super::orders::Column::Id",
+        on_update = "Cascade",
+        on_delete = "Cascade"
+    )]
+    Orders,
+    #[sea_orm(
+        belongs_to = "super::products::Entity",
+        from = "Column::ProductId",
+        to = "super::products::Column::Id",
+        on_update = "NoAction",
+        on_delete = "SetNull"
+    )]
+    Products,
+}
+
+impl Related<super::orders::Entity> for Entity {
+    fn to() -> RelationDef {
+        Relation::Orders.def()
+    }
+}
+
+impl Related<super::products::Entity> for Entity {
+    fn to() -> RelationDef {
+        Relation::Products.def()
+    }
+}

src/models/_entities/orders.rs

@@ -0,0 +1,44 @@
+//! `SeaORM` Entity, @generated by sea-orm-codegen 1.1.20
+
+use sea_orm::entity::prelude::*;
+use serde::{Deserialize, Serialize};
+
+#[derive(Clone, Debug, PartialEq, DeriveEntityModel, Eq, Serialize, Deserialize)]
+#[sea_orm(table_name = "orders")]
+pub struct Model {
+    pub created_at: DateTimeWithTimeZone,
+    pub updated_at: DateTimeWithTimeZone,
+    #[sea_orm(primary_key)]
+    pub id: i32,
+    #[sea_orm(unique)]
+    pub order_number: String,
+    pub email: String,
+    pub customer_name: Option<String>,
+    pub status: String,
+    pub total_cents: i64,
+    pub currency: String,
+    pub address: Option<String>,
+    pub city: Option<String>,
+    pub zip: Option<String>,
+    pub country: Option<String>,
+    #[sea_orm(column_type = "Text", nullable)]
+    pub note: Option<String>,
+    pub payment_method: Option<String>,
+    pub carrier_code: Option<String>,
+    pub carrier_name: Option<String>,
+    pub shipping_cents: i64,
+    pub pickup_point_id: Option<String>,
+    pub pickup_point_name: Option<String>,
+}
+
+#[derive(Copy, Clone, Debug, EnumIter, DeriveRelation)]
+pub enum Relation {
+    #[sea_orm(has_many = "super::order_items::Entity")]
+    OrderItems,
+}
+
+impl Related<super::order_items::Entity> for Entity {
+    fn to() -> RelationDef {
+        Relation::OrderItems.def()
+    }
+}

src/models/_entities/prelude.rs

@@ -1,10 +1,12 @@
 //! `SeaORM` Entity, @generated by sea-orm-codegen 1.1.20
 
-pub use super::audio_albums::Entity as AudioAlbums;
-pub use super::audio_tags::Entity as AudioTags;
-pub use super::audio_track_tags::Entity as AudioTrackTags;
-pub use super::audio_tracks::Entity as AudioTracks;
 pub use super::audit_logs::Entity as AuditLogs;
-pub use super::blog_articles::Entity as BlogArticles;
+pub use super::categories::Entity as Categories;
-pub use super::site_pages::Entity as SitePages;
+pub use super::order_items::Entity as OrderItems;
+pub use super::orders::Entity as Orders;
+pub use super::product_images::Entity as ProductImages;
+pub use super::product_product_tags::Entity as ProductProductTags;
+pub use super::product_tags::Entity as ProductTags;
+pub use super::products::Entity as Products;
+pub use super::shipping_methods::Entity as ShippingMethods;
 pub use super::users::Entity as Users;

src/models/_entities/product_images.rs

@@ -0,0 +1,35 @@
+//! `SeaORM` Entity, @generated by sea-orm-codegen 1.1.20
+
+use sea_orm::entity::prelude::*;
+use serde::{Deserialize, Serialize};
+
+#[derive(Clone, Debug, PartialEq, DeriveEntityModel, Eq, Serialize, Deserialize)]
+#[sea_orm(table_name = "product_images")]
+pub struct Model {
+    pub created_at: DateTimeWithTimeZone,
+    pub updated_at: DateTimeWithTimeZone,
+    #[sea_orm(primary_key)]
+    pub id: i32,
+    pub image_id: String,
+    pub position: i32,
+    pub alt: Option<String>,
+    pub product_id: i32,
+}
+
+#[derive(Copy, Clone, Debug, EnumIter, DeriveRelation)]
+pub enum Relation {
+    #[sea_orm(
+        belongs_to = "super::products::Entity",
+        from = "Column::ProductId",
+        to = "super::products::Column::Id",
+        on_update = "Cascade",
+        on_delete = "Cascade"
+    )]
+    Products,
+}
+
+impl Related<super::products::Entity> for Entity {
+    fn to() -> RelationDef {
+        Relation::Products.def()
+    }
+}

src/models/_entities/product_product_tags.rs

@@ -4,43 +4,42 @@ use sea_orm::entity::prelude::*;
 use serde::{Deserialize, Serialize};
 
 #[derive(Clone, Debug, PartialEq, DeriveEntityModel, Eq, Serialize, Deserialize)]
-#[sea_orm(table_name = "audio_track_tags")]
+#[sea_orm(table_name = "product_product_tags")]
 pub struct Model {
     #[sea_orm(primary_key, auto_increment = false)]
-    pub track_id: Uuid,
+    pub product_id: i32,
     #[sea_orm(primary_key, auto_increment = false)]
-    pub tag_id: Uuid,
+    pub product_tag_id: i32,
-    pub created_at: DateTimeWithTimeZone,
 }
 
 #[derive(Copy, Clone, Debug, EnumIter, DeriveRelation)]
 pub enum Relation {
     #[sea_orm(
-        belongs_to = "super::audio_tags::Entity",
+        belongs_to = "super::product_tags::Entity",
-        from = "Column::TagId",
+        from = "Column::ProductTagId",
-        to = "super::audio_tags::Column::Id",
+        to = "super::product_tags::Column::Id",
         on_update = "Cascade",
         on_delete = "Cascade"
     )]
-    AudioTags,
+    ProductTags,
     #[sea_orm(
-        belongs_to = "super::audio_tracks::Entity",
+        belongs_to = "super::products::Entity",
-        from = "Column::TrackId",
+        from = "Column::ProductId",
-        to = "super::audio_tracks::Column::Id",
+        to = "super::products::Column::Id",
         on_update = "Cascade",
         on_delete = "Cascade"
     )]
-    AudioTracks,
+    Products,
 }
 
-impl Related<super::audio_tags::Entity> for Entity {
+impl Related<super::product_tags::Entity> for Entity {
     fn to() -> RelationDef {
-        Relation::AudioTags.def()
+        Relation::ProductTags.def()
     }
 }
 
-impl Related<super::audio_tracks::Entity> for Entity {
+impl Related<super::products::Entity> for Entity {
     fn to() -> RelationDef {
-        Relation::AudioTracks.def()
+        Relation::Products.def()
     }
 }

src/models/_entities/product_tags.rs

@@ -0,0 +1,41 @@
+//! `SeaORM` Entity, @generated by sea-orm-codegen 1.1.20
+
+use sea_orm::entity::prelude::*;
+use serde::{Deserialize, Serialize};
+
+#[derive(Clone, Debug, PartialEq, DeriveEntityModel, Eq, Serialize, Deserialize)]
+#[sea_orm(table_name = "product_tags")]
+pub struct Model {
+    pub created_at: DateTimeWithTimeZone,
+    pub updated_at: DateTimeWithTimeZone,
+    #[sea_orm(primary_key)]
+    pub id: i32,
+    pub name: String,
+    #[sea_orm(unique)]
+    pub slug: String,
+}
+
+#[derive(Copy, Clone, Debug, EnumIter, DeriveRelation)]
+pub enum Relation {
+    #[sea_orm(has_many = "super::product_product_tags::Entity")]
+    ProductProductTags,
+}
+
+impl Related<super::product_product_tags::Entity> for Entity {
+    fn to() -> RelationDef {
+        Relation::ProductProductTags.def()
+    }
+}
+
+impl Related<super::products::Entity> for Entity {
+    fn to() -> RelationDef {
+        super::product_product_tags::Relation::Products.def()
+    }
+    fn via() -> Option<RelationDef> {
+        Some(
+            super::product_product_tags::Relation::ProductTags
+                .def()
+                .rev(),
+        )
+    }
+}

src/models/_entities/products.rs

@@ -0,0 +1,77 @@
+//! `SeaORM` Entity, @generated by sea-orm-codegen 1.1.20
+
+use sea_orm::entity::prelude::*;
+use serde::{Deserialize, Serialize};
+
+#[derive(Clone, Debug, PartialEq, DeriveEntityModel, Eq, Serialize, Deserialize)]
+#[sea_orm(table_name = "products")]
+pub struct Model {
+    pub created_at: DateTimeWithTimeZone,
+    pub updated_at: DateTimeWithTimeZone,
+    #[sea_orm(primary_key)]
+    pub id: i32,
+    pub name: String,
+    #[sea_orm(unique)]
+    pub slug: String,
+    #[sea_orm(column_type = "Text", nullable)]
+    pub description: Option<String>,
+    pub price_cents: i64,
+    pub currency: String,
+    pub sku: Option<String>,
+    pub stock: i32,
+    pub view_count: i32,
+    pub published: bool,
+    pub published_at: Option<DateTimeWithTimeZone>,
+    pub category_id: Option<i32>,
+}
+
+#[derive(Copy, Clone, Debug, EnumIter, DeriveRelation)]
+pub enum Relation {
+    #[sea_orm(
+        belongs_to = "super::categories::Entity",
+        from = "Column::CategoryId",
+        to = "super::categories::Column::Id",
+        on_update = "NoAction",
+        on_delete = "SetNull"
+    )]
+    Categories,
+    #[sea_orm(has_many = "super::order_items::Entity")]
+    OrderItems,
+    #[sea_orm(has_many = "super::product_images::Entity")]
+    ProductImages,
+    #[sea_orm(has_many = "super::product_product_tags::Entity")]
+    ProductProductTags,
+}
+
+impl Related<super::categories::Entity> for Entity {
+    fn to() -> RelationDef {
+        Relation::Categories.def()
+    }
+}
+
+impl Related<super::order_items::Entity> for Entity {
+    fn to() -> RelationDef {
+        Relation::OrderItems.def()
+    }
+}
+
+impl Related<super::product_images::Entity> for Entity {
+    fn to() -> RelationDef {
+        Relation::ProductImages.def()
+    }
+}
+
+impl Related<super::product_product_tags::Entity> for Entity {
+    fn to() -> RelationDef {
+        Relation::ProductProductTags.def()
+    }
+}
+
+impl Related<super::product_tags::Entity> for Entity {
+    fn to() -> RelationDef {
+        super::product_product_tags::Relation::ProductTags.def()
+    }
+    fn via() -> Option<RelationDef> {
+        Some(super::product_product_tags::Relation::Products.def().rev())
+    }
+}

src/models/_entities/shipping_methods.rs

@@ -4,17 +4,19 @@ use sea_orm::entity::prelude::*;
 use serde::{Deserialize, Serialize};
 
 #[derive(Clone, Debug, PartialEq, DeriveEntityModel, Eq, Serialize, Deserialize)]
-#[sea_orm(table_name = "site_pages")]
+#[sea_orm(table_name = "shipping_methods")]
 pub struct Model {
-    #[sea_orm(primary_key, auto_increment = false)]
-    pub id: Uuid,
-    #[sea_orm(unique)]
-    pub slug: String,
-    pub title: String,
-    #[sea_orm(column_type = "Text")]
-    pub content: String,
     pub created_at: DateTimeWithTimeZone,
     pub updated_at: DateTimeWithTimeZone,
+    #[sea_orm(primary_key)]
+    pub id: i32,
+    #[sea_orm(unique)]
+    pub code: String,
+    pub name: String,
+    pub price_cents: i64,
+    pub requires_pickup_point: bool,
+    pub enabled: bool,
+    pub position: i32,
 }
 
 #[derive(Copy, Clone, Debug, EnumIter, DeriveRelation)]