From 5328fda65bc635f8ede442c353bd1cc47693a69d Mon Sep 17 00:00:00 2001
From: John Mizerek <mizerek@gmail.com>
Date: Wed, 11 Mar 2026 13:39:23 -0700
Subject: [PATCH] Add DINE-IN badge to KDS order cards for consistency

Pickup and Delivery had colored badges but Dine-In did not. Added
blue DINE-IN badge matching the existing badge style.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 kds/index.html | 1 +
 kds/kds.js     | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/kds/index.html b/kds/index.html
index bbe957d..93ebf1b 100644
--- a/kds/index.html
+++ b/kds/index.html
@@ -81,6 +81,7 @@
     .station-name-display { font-size: 11px; color: #555; margin-left: 8px; text-transform: uppercase; letter-spacing: 1px; }
 
     /* Order type badges */
+    .badge-dinein { display: inline-block; font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 4px; background: #001a2a; color: #38bdf8; border: 1px solid #38bdf833; vertical-align: middle; margin-left: 6px; letter-spacing: 1px; }
     .badge-pickup { display: inline-block; font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 4px; background: #1a2a00; color: #a3e635; border: 1px solid #a3e63533; vertical-align: middle; margin-left: 6px; letter-spacing: 1px; }
     .badge-delivery { display: inline-block; font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 4px; background: #2a1a00; color: #fb923c; border: 1px solid #fb923c33; vertical-align: middle; margin-left: 6px; letter-spacing: 1px; }
 
diff --git a/kds/kds.js b/kds/kds.js
index f1502f9..1310ff9 100644
--- a/kds/kds.js
+++ b/kds/kds.js
@@ -343,7 +343,7 @@ function renderOrder(order) {
   return `
     <div class="order-card ${statusClass}">
       <div class="order-header">
-        <div class="order-number">#${order.OrderID}${order.OrderTypeID === 2 ? ' <span class="badge-pickup">PICKUP</span>' : ''}${order.OrderTypeID === 3 ? ' <span class="badge-delivery">DELIVERY</span>' : ''}</div>
+        <div class="order-number">#${order.OrderID}${order.OrderTypeID === 1 ? ' <span class="badge-dinein">DINE-IN</span>' : ''}${order.OrderTypeID === 2 ? ' <span class="badge-pickup">PICKUP</span>' : ''}${order.OrderTypeID === 3 ? ' <span class="badge-delivery">DELIVERY</span>' : ''}</div>
         <div class="order-time">
           <div class="elapsed-time ${timeClass}">${formatElapsedTime(elapsedTime)}</div>
           <div class="submit-time">${formatSubmitTime(order.SubmittedOn)}</div>