From 5757e6bbea9bd18128f6c7d18ffa2adc3bf724e0 Mon Sep 17 00:00:00 2001
From: Arne <1169654+arnef@users.noreply.github.com>
Date: Thu, 6 Aug 2026 21:05:30 +0200
Subject: [PATCH] Move detail back navigation into header

---
 views/pages.templ | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)
diff --git a/views/pages.templ b/views/pages.templ
index 20e9da7..6a41724 100644
--- a/views/pages.templ
+++ b/views/pages.templ
@@ -5,7 +5,7 @@ import (
   "github.com/arnef/ebooks/internal/library"
 )
 
-templ Layout(title string) {
+templ Layout(title string, backHref string) {
 <!doctype html>
 <html lang="de">
   <head>
@@ -16,7 +16,14 @@ templ Layout(title string) {
   </head>
   <body>
     <header class="header">
-      <h1><a href="/">eBook Library</a></h1>
+      <div class="header-bar">
+        if backHref != "" {
+          <a class="header-back" href={ backHref }>← Zurück</a>
+        } else {
+          <span class="header-back header-back-placeholder" aria-hidden="true"></span>
+        }
+        <h1><a href="/">eBook Library</a></h1>
+      </div>
     </header>
     <main class="container">
       { children... }
@@ -36,7 +43,7 @@ templ BookCover(book library.Book, detail bool) {
 }
 
 templ IndexPage(books []library.Book) {
-  @Layout("Bibliothek") {
+  @Layout("Bibliothek", "") {
     <section class="page-head">
       <h2>Meine Bücher</h2>
       <p class="page-subtitle">Titel, Autor und Cover auf einen Blick.</p>
@@ -65,13 +72,12 @@ templ IndexPage(books []library.Book) {
 }
 
 templ BookPage(book library.Book) {
-  @Layout(book.Title) {
+  @Layout(book.Title, "/") {
     <article class="book-detail">
       <div class="book-detail-cover">
         @BookCover(book, true)
       </div>
       <div class="book-detail-body">
-        <p><a class="back-link" href="/">← Zurück zur Liste</a></p>
         <h2>{ book.Title }</h2>
         <p class="book-author-detail">{ book.Author }</p>
         <dl class="book-meta">
