reformatting the mails

includes/functions.php

@@ -453,7 +453,7 @@ function sendReservationEmails($reservation) {
     $products = getProducts();
     
     // Build items list
-    $itemsHtml = '<ul>';
+    $itemsHtml = '<ul style="list-style: none; margin: 0; padding: 0;">';
     foreach ($reservation['items'] as $item) {
         $product = getProductById($item['product_id']);
         if ($product) {
@@ -461,7 +461,7 @@ function sendReservationEmails($reservation) {
             if (isset($item['size']) && !empty($item['size'])) {
                 $sizeInfo = ' - Größe: ' . htmlspecialchars($item['size']);
             }
-            $itemsHtml .= '<li>' . htmlspecialchars($product['name']) . $sizeInfo . ' - Menge: ' . $item['quantity'] . '</li>';
+            $itemsHtml .= '<li style="margin: 0 0 0.6rem 0; padding: 0.75rem 0.9rem; background: #28292a; border: 1px solid #4a5263; border-radius: 6px;"><strong style="color: #cac300;">' . htmlspecialchars($product['name']) . '</strong>' . $sizeInfo . ' - Menge: <strong>' . (int) $item['quantity'] . '</strong></li>';
         }
     }
     $itemsHtml .= '</ul>';
@@ -481,7 +481,7 @@ function sendReservationEmails($reservation) {
             
             <div style="background: #28292a; border: 2px solid #cac300; padding: 1.5rem; margin: 1.5rem 0; border-radius: 8px; text-align: center;">
                 <h3 style="margin-top: 0; color: #f5f7fb;">Ihre Bestellnummer:</h3>
-                <h2 style="font-size: 2rem; letter-spacing: 0.2rem; color: #cac300; font-family: monospace;">' . htmlspecialchars($reservation['id']) . '</h2>
+                <p style="margin: 0; color: #cac300; font-family: monospace;">' . htmlspecialchars($reservation['id']) . '</p>
             </div>
             
             <h3>Reservierungsdetails:</h3>
@@ -490,7 +490,7 @@ function sendReservationEmails($reservation) {
             <p><strong>Gültig bis:</strong> ' . formatDate($reservation['expires']) . '</p>
             
             <h3>Reservierte Artikel:</h3>
-            ' . $itemsHtml . '
+            <div style="background: #303745; border: 1px solid #4a5263; border-left: 4px solid #cac300; border-radius: 8px; padding: 1rem;">' . $itemsHtml . '</div>
             
             <p><strong>Wichtig:</strong> Bitte nennen Sie diese Bestellnummer bei der Abholung. Die Reservierung ist bis zum ' . formatDate($reservation['expires']) . ' gültig.</p>
             
@@ -515,7 +515,7 @@ function sendReservationEmails($reservation) {
             
             <div style="background: #28292a; border: 2px solid #cac300; padding: 1.5rem; margin: 1.5rem 0; border-radius: 8px;">
                 <h3 style="margin-top: 0;">Bestellnummer:</h3>
-                <h2 style="font-size: 2rem; letter-spacing: 0.2rem; color: #cac300; font-family: monospace;">' . htmlspecialchars($reservation['id']) . '</h2>
+                <p style="margin: 0; color: #cac300; font-family: monospace;">' . htmlspecialchars($reservation['id']) . '</p>
             </div>
             
             <h3>Kundendaten:</h3>
@@ -528,7 +528,7 @@ function sendReservationEmails($reservation) {
             <p><strong>Gültig bis:</strong> ' . formatDate($reservation['expires']) . '</p>
             
             <h3>Reservierte Artikel:</h3>
-            ' . $itemsHtml . '
+            <div style="background: #303745; border: 1px solid #4a5263; border-left: 4px solid #cac300; border-radius: 8px; padding: 1rem;">' . $itemsHtml . '</div>
         </div>
     </body>
     </html>';
@@ -541,7 +541,7 @@ function sendReservationEmails($reservation) {
  */
 function sendBackorderEmails($reservation) {
     // Build items list
-    $itemsHtml = '<ul>';
+    $itemsHtml = '<ul style="list-style: none; margin: 0; padding: 0;">';
     foreach ($reservation['items'] as $item) {
         $product = getProductById($item['product_id']);
         if ($product) {
@@ -549,7 +549,7 @@ function sendBackorderEmails($reservation) {
             if (isset($item['size']) && !empty($item['size'])) {
                 $sizeInfo = ' - Größe: ' . htmlspecialchars($item['size']);
             }
-            $itemsHtml .= '<li>' . htmlspecialchars($product['name']) . $sizeInfo . ' - Menge: ' . $item['quantity'] . '</li>';
+            $itemsHtml .= '<li style="margin: 0 0 0.6rem 0; padding: 0.75rem 0.9rem; background: #28292a; border: 1px solid #4a5263; border-radius: 6px;"><strong style="color: #cac300;">' . htmlspecialchars($product['name']) . '</strong>' . $sizeInfo . ' - Menge: <strong>' . (int) $item['quantity'] . '</strong></li>';
         }
     }
     $itemsHtml .= '</ul>';
@@ -569,7 +569,7 @@ function sendBackorderEmails($reservation) {
             
             <div style="background: #28292a; border: 2px solid #cac300; padding: 1.5rem; margin: 1.5rem 0; border-radius: 8px; text-align: center;">
                 <h3 style="margin-top: 0; color: #f5f7fb;">Ihre Bestellnummer:</h3>
-                <h2 style="font-size: 2rem; letter-spacing: 0.2rem; color: #cac300; font-family: monospace;">' . htmlspecialchars($reservation['id']) . '</h2>
+                <p style="margin: 0; color: #cac300; font-family: monospace;">' . htmlspecialchars($reservation['id']) . '</p>
             </div>
             
             <h3>Vorbestellungsdetails:</h3>
@@ -577,7 +577,7 @@ function sendBackorderEmails($reservation) {
             <p><strong>Erstellt am:</strong> ' . formatDate($reservation['created']) . '</p>
             
             <h3>Vorbestellte Artikel:</h3>
-            ' . $itemsHtml . '
+            <div style="background: #303745; border: 1px solid #4a5263; border-left: 4px solid #cac300; border-radius: 8px; padding: 1rem;">' . $itemsHtml . '</div>
             
             <div style="background: #28292a; border: 2px solid #cf2e2e; padding: 1.5rem; margin: 1.5rem 0; border-radius: 8px;">
                 <strong>Hinweis:</strong> Die Lieferzeiten sind nicht bekannt, da die Bestellung in Chargen erfolgt.
@@ -606,7 +606,7 @@ function sendBackorderEmails($reservation) {
             
             <div style="background: #28292a; border: 2px solid #cac300; padding: 1.5rem; margin: 1.5rem 0; border-radius: 8px;">
                 <h3 style="margin-top: 0;">Bestellnummer:</h3>
-                <h2 style="font-size: 2rem; letter-spacing: 0.2rem; color: #cac300; font-family: monospace;">' . htmlspecialchars($reservation['id']) . '</h2>
+                <p style="margin: 0; color: #cac300; font-family: monospace;">' . htmlspecialchars($reservation['id']) . '</p>
             </div>
             
             <h3>Kundendaten:</h3>
@@ -618,9 +618,7 @@ function sendBackorderEmails($reservation) {
             <p><strong>Erstellt am:</strong> ' . formatDate($reservation['created']) . '</p>
             
             <h3>Vorbestellte Artikel:</h3>
-            ' . $itemsHtml . '
-            
-            <p><strong>Hinweis:</strong> Lieferzeiten sind nicht bekannt, Bestellung in Chargen.</p>
+            <div style="background: #303745; border: 1px solid #4a5263; border-left: 4px solid #cac300; border-radius: 8px; padding: 1rem;">' . $itemsHtml . '</div>
         </div>
     </body>
     </html>';