From 8d951a64e688c36a8f14ab1c23430a897eca1856 Mon Sep 17 00:00:00 2001
From: sky121113 <sky121113@gmail.com>
Date: Tue, 23 Jun 2026 16:15:24 +0800
Subject: [PATCH] =?UTF-8?q?[FIX]=20=E6=A9=9F=E5=8F=B0=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E8=A1=8C=E5=8B=95=E7=89=88=E8=A3=9C=E4=B8=8A=E7=A1=AC=E9=AB=94?=
 =?UTF-8?q?=E7=8B=80=E6=85=8B=EF=BC=8C=E8=88=87=E6=A1=8C=E6=A9=9F=E8=B3=87?=
 =?UTF-8?q?=E6=96=99=E5=B0=8D=E9=BD=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 行動/平板卡片 Info Grid 新增「硬體狀態」欄位（原本僅桌機表格有，RWD 漏顯示）
2. 沿用桌機相同邏輯：下位機 hardware_status，啟用刷卡機時顯示 card_terminal_status，燈號配色一致
3. 欄位排於 Status 旁填滿兩欄列，標籤樣式遵循 Mobile Card Info Grid 規範

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../views/admin/machines/index.blade.php      | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/resources/views/admin/machines/index.blade.php b/resources/views/admin/machines/index.blade.php
index 9ba4845..e5b8185 100644
--- a/resources/views/admin/machines/index.blade.php
+++ b/resources/views/admin/machines/index.blade.php
@@ -830,6 +830,39 @@
                             <p class="text-[9px] font-bold text-slate-400 mt-1">{{ $machine->latest_status_log_time->diffForHumans() }}</p>
                             @endif
                         </div>
+                        <div>
+                            <p
+                                class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest mb-1">
+                                {{ __('Hardware Status') }}</p>
+                            @php $hStatus = $machine->hardware_status; @endphp
+                            <div class="flex flex-col gap-1.5">
+                                {{-- 下位機 --}}
+                                <div class="flex items-center gap-1.5">
+                                    <span class="w-1.5 h-1.5 rounded-full {{
+                                        $hStatus === 'error' ? 'bg-rose-500 animate-pulse' :
+                                        ($hStatus === 'warning' ? 'bg-amber-500 animate-pulse' : 'bg-emerald-500/50')
+                                    }}"></span>
+                                    <span class="text-xs font-black {{
+                                        $hStatus === 'error' ? 'text-rose-500' :
+                                        ($hStatus === 'warning' ? 'text-amber-500' : 'text-slate-400')
+                                    }} uppercase tracking-widest">{{ __('Sub-machine') }}</span>
+                                </div>
+                                {{-- 刷卡機 (信用卡/電子票證/手機支付共用同一台)：僅基礎版且啟用刷卡機才顯示 --}}
+                                @if($machine->show_card_terminal)
+                                @php $ctStatus = $machine->card_terminal_status; @endphp
+                                <div class="flex items-center gap-1.5">
+                                    <span class="w-1.5 h-1.5 rounded-full {{
+                                        $ctStatus === 'error' ? 'bg-rose-500 animate-pulse' :
+                                        ($ctStatus === 'warning' ? 'bg-amber-500 animate-pulse' : 'bg-emerald-500/50')
+                                    }}"></span>
+                                    <span class="text-xs font-black {{
+                                        $ctStatus === 'error' ? 'text-rose-500' :
+                                        ($ctStatus === 'warning' ? 'text-amber-500' : 'text-slate-400')
+                                    }} uppercase tracking-widest">{{ __('Card Terminal') }}</span>
+                                </div>
+                                @endif
+                            </div>
+                        </div>
                         <div class="col-span-2">
                             <p
                                 class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest mb-1">