From 8e4bccf828e4378299b8f8f6b1946d1fd700ec6c Mon Sep 17 00:00:00 2001
From: Daniel Stock <daniel.stock@tooloop.de>
Date: Wed, 19 Nov 2025 11:42:54 +0100
Subject: [PATCH] Line item sections in PDF template, fixes #41

---
 .../js/components/documents/LineItemTable.vue |  3 +-
 resources/views/invoice.blade.php             | 34 +++++++++++++------
 2 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/resources/js/components/documents/LineItemTable.vue b/resources/js/components/documents/LineItemTable.vue
index add4adb..eb15616 100644
--- a/resources/js/components/documents/LineItemTable.vue
+++ b/resources/js/components/documents/LineItemTable.vue
@@ -114,7 +114,7 @@ const recalculatePositions = () => {
               <GripVertical :size="18" stroke-width="1.5" class="text-muted-foreground" />
             </TableCell>
 
-            <!-- Posten -->
+            <!-- Title -->
             <TableCell colspan="6" class="pt-6">
               <Input v-model="element.title" placeholder="Titel"
                 class="font-bold text-base! p-1 h-7! m-0 -mb-1 bg-transparent dark:bg-transparent hover:bg-background/66 dark:hover:bg-background/66 border-none hover:border-1 dark:hover:border-1 placeholder:text-muted-foreground/30 shadow-none" />
@@ -132,6 +132,7 @@ const recalculatePositions = () => {
             </TableCell>
           </TableRow>
 
+
           <TableRow v-else>
             <TableCell class="handle px-1 cursor-move w-6">
               <GripVertical :size="18" stroke-width="1.5" class="text-muted-foreground" />
diff --git a/resources/views/invoice.blade.php b/resources/views/invoice.blade.php
index 562567c..7ddd545 100644
--- a/resources/views/invoice.blade.php
+++ b/resources/views/invoice.blade.php
@@ -148,18 +148,30 @@
         <tbody>
 
             @foreach ($invoice['items'] as $item)
-            <tr>
-                <td>{{ $item['position'] }}</td>
-                <td>
-                    <strong>{{ $item['title'] }}</strong><br>
-                    {{ $item['description'] }}
-                </td>
-                <td>@toCommaFloat($item['quantity'])</td>
-                <td>{{ $item['unit'] }}</td>
-                <td>@toCurrency($item['price'])</td>
-                <td>@toCurrency($item['quantity'] * $item['price'])</td>
-            </tr>
+            @if($item['isSection'])
+                <tr class="section-title">
+                    <td colspan="6">
+                        <h3>{{ $item['title'] }}</h3>
+                        @if($item['description'])
+                        <p>{{ $item['description'] }}</p>
+                        @endif
+                    </td>
+                </tr>
+            @else
+                <tr class="line-item">
+                    <td>{{ $item['position'] }}</td>
+                    <td>
+                        <strong>{{ $item['title'] }}</strong><br>
+                        {{ $item['description'] }}
+                    </td>
+                    <td>@toCommaFloat($item['quantity'])</td>
+                    <td>{{ $item['unit'] }}</td>
+                    <td>@toCurrency($item['price'])</td>
+                    <td>@toCurrency($item['quantity'] * $item['price'])</td>
+                </tr>
+            @endif
             @endforeach
+
         </tbody>
         <tfoot>
             <tr>