[STYLE] 優化機台設定與倉庫管理介面規範化

1. 機台管理模組優化：
   - 移除機台設定內部的「機台分布」標籤頁，改為標題旁獨立的極簡白色連結入口。
   - 優化機台列表欄位，將「公司名稱」獨立顯示。
   - 實作機台系統設定非同步更新功能 (update-system-settings)。
2. 倉庫管理模組規範化：
   - 統一庫存分頁的視覺色調，使用一致的青色 (Cyan) 強調色。
   - 優化日期篩選器，支援精確時間 (H:i) 選擇並預設 00:00。
   - 實作自定義 multi-select 組件以解決 Preline 下拉衝突。
   - 確保所有篩選操作觸發立即的 AJAX 資料同步與狀態更新。
3. 系統基礎優化：
   - 更新繁體中文、日文、英文語系檔，確保標籤顯示正確。
   - 清理 Controller 多餘的地圖資料擷取邏輯。

app/Http/Controllers/Admin/BasicSettings/MachineSettingController.php

@@ -47,6 +47,17 @@ class MachineSettingController extends AdminController
                     $machines = $machineQuery->latest()->paginate($per_page)->withQueryString();
                     break;
 
+                case 'system_settings':
+                    $machineQuery = Machine::query()->with(['company']);
+                    if ($search) {
+                        $machineQuery->where(function ($q) use ($search) {
+                            $q->where('name', 'like', "%{$search}%")
+                              ->orWhere('serial_no', 'like', "%{$search}%");
+                        });
+                    }
+                    $machines = $machineQuery->latest()->paginate($per_page)->withQueryString();
+                    break;
+
                 case 'models':
                     $modelQuery = MachineModel::query()->withCount('machines');
                     if ($search) {
@@ -70,6 +81,7 @@ class MachineSettingController extends AdminController
                     }
                     $users_list = $userQuery->latest()->paginate($per_page)->withQueryString();
                     break;
+
             }
 
             $companies = \App\Models\System\Company::select('id', 'name', 'code')->get();
@@ -77,6 +89,7 @@ class MachineSettingController extends AdminController
             $tabView = match($tab) {
                 'models'      => 'admin.basic-settings.machines.partials.tab-models',
                 'permissions' => 'admin.basic-settings.machines.partials.tab-permissions',
+                'system_settings' => 'admin.basic-settings.machines.partials.tab-system-settings',
                 default       => 'admin.basic-settings.machines.partials.tab-machines',
             };
             return response()->view($tabView, compact(
@@ -194,6 +207,12 @@ class MachineSettingController extends AdminController
                 'is_spring_slot_41_50' => 'boolean',
                 'is_spring_slot_51_60' => 'boolean',
                 'member_system_enabled' => 'boolean',
+                'tax_invoice_enabled' => 'boolean',
+                'card_terminal_enabled' => 'boolean',
+                'scan_pay_esun_enabled' => 'boolean',
+                'scan_pay_linepay_enabled' => 'boolean',
+                'shopping_cart_enabled' => 'boolean',
+                'cash_module_enabled' => 'boolean',
                 'machine_model_id' => 'required|exists:machine_models,id',
                 'payment_config_id' => 'nullable|exists:payment_configs,id',
                 'location' => 'nullable|string|max:255',
@@ -287,6 +306,62 @@ class MachineSettingController extends AdminController
         ]);
     }
 
+    public function updateSystemSettings(Request $request, Machine $machine): \Illuminate\Http\JsonResponse|RedirectResponse
+    {
+        \Log::info('Update System Settings Request:', $request->all());
+        if ($request->has('settings')) {
+            $settings = $request->input('settings');
+            $allowedFields = [
+                'tax_invoice_enabled',
+                'card_terminal_enabled',
+                'scan_pay_esun_enabled',
+                'scan_pay_linepay_enabled',
+                'shopping_cart_enabled',
+                'welcome_gift_enabled',
+                'cash_module_enabled',
+                'member_system_enabled',
+            ];
+            $data = [];
+            foreach ($allowedFields as $field) {
+                $data[$field] = isset($settings[$field]) ? (bool)$settings[$field] : false;
+            }
+            $machine->update(array_merge($data, ['updater_id' => auth()->id()]));
+
+            if ($request->expectsJson()) {
+                return response()->json([
+                    'success' => true,
+                    'message' => __('Settings updated successfully.')
+                ]);
+            }
+            return redirect()->back()->with('success', __('Settings updated successfully.'));
+        }
+
+        $field = $request->input('field');
+        $value = $request->boolean('value');
+
+        $allowedFields = [
+            'tax_invoice_enabled',
+            'card_terminal_enabled',
+            'scan_pay_esun_enabled',
+            'scan_pay_linepay_enabled',
+            'shopping_cart_enabled',
+            'welcome_gift_enabled',
+            'cash_module_enabled',
+            'member_system_enabled',
+        ];
+
+        if (!in_array($field, $allowedFields)) {
+            return response()->json(['success' => false, 'message' => 'Invalid field'], 400);
+        }
+
+        $machine->update([$field => $value, 'updater_id' => auth()->id()]);
+
+        return response()->json([
+            'success' => true,
+            'message' => __('Setting updated successfully.')
+        ]);
+    }
+
     /**
      * 公開機台分布地圖
      */

app/Http/Controllers/Admin/CompanyController.php

@@ -74,13 +74,6 @@ class CompanyController extends Controller
         if (isset($validated['settings'])) {
             $validated['settings']['enable_material_code'] = filter_var($validated['settings']['enable_material_code'] ?? false, FILTER_VALIDATE_BOOLEAN);
             $validated['settings']['enable_points'] = filter_var($validated['settings']['enable_points'] ?? false, FILTER_VALIDATE_BOOLEAN);
-            $validated['settings']['tax_invoice'] = filter_var($validated['settings']['tax_invoice'] ?? false, FILTER_VALIDATE_BOOLEAN);
-            $validated['settings']['card_terminal'] = filter_var($validated['settings']['card_terminal'] ?? false, FILTER_VALIDATE_BOOLEAN);
-            $validated['settings']['scan_pay_esun'] = filter_var($validated['settings']['scan_pay_esun'] ?? false, FILTER_VALIDATE_BOOLEAN);
-            $validated['settings']['scan_pay_linepay'] = filter_var($validated['settings']['scan_pay_linepay'] ?? false, FILTER_VALIDATE_BOOLEAN);
-            $validated['settings']['shopping_cart'] = filter_var($validated['settings']['shopping_cart'] ?? false, FILTER_VALIDATE_BOOLEAN);
-            $validated['settings']['welcome_gift'] = filter_var($validated['settings']['welcome_gift'] ?? false, FILTER_VALIDATE_BOOLEAN);
-            $validated['settings']['cash_module'] = filter_var($validated['settings']['cash_module'] ?? false, FILTER_VALIDATE_BOOLEAN);
         }
 
         DB::transaction(function () use ($validated) {
@@ -185,13 +178,6 @@ class CompanyController extends Controller
         if (isset($validated['settings'])) {
             $validated['settings']['enable_material_code'] = filter_var($validated['settings']['enable_material_code'] ?? false, FILTER_VALIDATE_BOOLEAN);
             $validated['settings']['enable_points'] = filter_var($validated['settings']['enable_points'] ?? false, FILTER_VALIDATE_BOOLEAN);
-            $validated['settings']['tax_invoice'] = filter_var($validated['settings']['tax_invoice'] ?? false, FILTER_VALIDATE_BOOLEAN);
-            $validated['settings']['card_terminal'] = filter_var($validated['settings']['card_terminal'] ?? false, FILTER_VALIDATE_BOOLEAN);
-            $validated['settings']['scan_pay_esun'] = filter_var($validated['settings']['scan_pay_esun'] ?? false, FILTER_VALIDATE_BOOLEAN);
-            $validated['settings']['scan_pay_linepay'] = filter_var($validated['settings']['scan_pay_linepay'] ?? false, FILTER_VALIDATE_BOOLEAN);
-            $validated['settings']['shopping_cart'] = filter_var($validated['settings']['shopping_cart'] ?? false, FILTER_VALIDATE_BOOLEAN);
-            $validated['settings']['welcome_gift'] = filter_var($validated['settings']['welcome_gift'] ?? false, FILTER_VALIDATE_BOOLEAN);
-            $validated['settings']['cash_module'] = filter_var($validated['settings']['cash_module'] ?? false, FILTER_VALIDATE_BOOLEAN);
         }
 
         DB::transaction(function () use ($validated, $company) {
@@ -230,13 +216,6 @@ class CompanyController extends Controller
         $formattedSettings = [
             'enable_material_code' => filter_var($settings['enable_material_code'] ?? false, FILTER_VALIDATE_BOOLEAN),
             'enable_points' => filter_var($settings['enable_points'] ?? false, FILTER_VALIDATE_BOOLEAN),
-            'tax_invoice' => filter_var($settings['tax_invoice'] ?? false, FILTER_VALIDATE_BOOLEAN),
-            'card_terminal' => filter_var($settings['card_terminal'] ?? false, FILTER_VALIDATE_BOOLEAN),
-            'scan_pay_esun' => filter_var($settings['scan_pay_esun'] ?? false, FILTER_VALIDATE_BOOLEAN),
-            'scan_pay_linepay' => filter_var($settings['scan_pay_linepay'] ?? false, FILTER_VALIDATE_BOOLEAN),
-            'shopping_cart' => filter_var($settings['shopping_cart'] ?? false, FILTER_VALIDATE_BOOLEAN),
-            'welcome_gift' => filter_var($settings['welcome_gift'] ?? false, FILTER_VALIDATE_BOOLEAN),
-            'cash_module' => filter_var($settings['cash_module'] ?? false, FILTER_VALIDATE_BOOLEAN),
         ];
 
         // Ensure we force save the JSON cast properly

app/Http/Controllers/Admin/WarehouseController.php

@@ -147,20 +147,26 @@ class WarehouseController extends Controller
 
     public function inventory(Request $request)
     {
-        $tab = $request->input('tab', 'stock-in');
+        $tab = $request->input('tab', 'stock');
         $warehouses = Warehouse::active()->orderBy('name')->get();
+        $isAjax = $request->ajax();
 
         $data = compact('warehouses', 'tab');
 
-        if ($tab === 'stock') {
+        // 1. Current Stocks (stock)
-            $inventory_warehouses = Warehouse::active()->orderBy('name')->get(['id', 'name', 'type']);
+        if (!$isAjax || $tab === 'stock') {
+            $warehouse_ids = $request->input('warehouse_ids');
+            $inventory_warehouses = Warehouse::active()
+                ->when($warehouse_ids, fn($q) => $q->whereIn('id', (array)$warehouse_ids))
+                ->orderBy('name')
+                ->get(['id', 'name', 'type']);
             
             $query = Product::with(['stocks' => function($q) {
                 $q->select('id', 'product_id', 'warehouse_id', 'quantity', 'safety_stock');
             }, 'translations']);
 
-            if ($request->filled('warehouse_id')) {
+            if ($warehouse_ids) {
-                $query->whereHas('stocks', fn($q) => $q->where('warehouse_id', $request->input('warehouse_id')));
+                $query->whereHas('stocks', fn($q) => $q->whereIn('warehouse_id', (array)$warehouse_ids));
             }
             if ($search = $request->input('search')) {
                 $query->where('name', 'like', "%{$search}%");
@@ -168,20 +174,30 @@ class WarehouseController extends Controller
 
             $data['inventory_warehouses'] = $inventory_warehouses;
             $data['products'] = $query->orderBy('name')
-                ->paginate($request->input('per_page', 15))
+                ->paginate($request->input('per_page', 15), ['*'], 'stock_page')
                 ->withQueryString();
+        }
 
-        } elseif ($tab === 'stock-in') {
+        // 2. Stock-In Orders (stock-in)
+        if (!$isAjax || $tab === 'stock-in') {
             $query = StockInOrder::with(['warehouse:id,name', 'creator:id,name'])
                 ->latest();
 
             if ($request->filled('status')) {
                 $query->where('status', $request->input('status'));
             }
-            $data['orders'] = $query->paginate($request->input('per_page', 10))->withQueryString();
+            if ($search = $request->input('search_order')) {
-            $data['products'] = Product::orderBy('name')->get(['id', 'name', 'image_url']);
+                $query->where('order_no', 'like', "%{$search}%");
+            }
+            if ($request->filled('start_date') && $request->filled('end_date')) {
+                $query->whereBetween('created_at', [$request->start_date, $request->end_date]);
+            }
+            $data['orders'] = $query->paginate($request->input('per_page', 10), ['*'], 'order_page')->withQueryString();
+            $data['stock_in_products'] = Product::orderBy('name')->get(['id', 'name', 'image_url']);
+        }
 
-        } elseif ($tab === 'movements') {
+        // 3. Movement History (movements)
+        if (!$isAjax || $tab === 'movements') {
             $query = StockMovement::with(['warehouse:id,name', 'product:id,name', 'creator:id,name'])
                 ->orderBy('created_at', 'desc');
 
@@ -191,10 +207,13 @@ class WarehouseController extends Controller
             if ($request->filled('type')) {
                 $query->where('type', $request->input('type'));
             }
-            $data['movements'] = $query->paginate($request->input('per_page', 15))->withQueryString();
+            if ($request->filled('start_date') && $request->filled('end_date')) {
+                $query->whereBetween('created_at', [$request->start_date, $request->end_date]);
+            }
+            $data['movements'] = $query->paginate($request->input('per_page', 15), ['*'], 'movement_page')->withQueryString();
         }
 
-        if ($request->ajax()) {
+        if ($isAjax) {
             return response()->json([
                 'success' => true,
                 'tab' => $tab,

app/Models/Machine/Machine.php

@@ -85,6 +85,12 @@ class Machine extends Model
         'images',
         'creator_id',
         'updater_id',
+        'tax_invoice_enabled',
+        'card_terminal_enabled',
+        'scan_pay_esun_enabled',
+        'scan_pay_linepay_enabled',
+        'shopping_cart_enabled',
+        'cash_module_enabled',
     ];
 
     protected $appends = ['image_urls', 'calculated_status'];
@@ -177,6 +183,12 @@ class Machine extends Model
         'is_spring_slot_41_50' => 'boolean',
         'is_spring_slot_51_60' => 'boolean',
         'member_system_enabled' => 'boolean',
+        'tax_invoice_enabled' => 'boolean',
+        'card_terminal_enabled' => 'boolean',
+        'scan_pay_esun_enabled' => 'boolean',
+        'scan_pay_linepay_enabled' => 'boolean',
+        'shopping_cart_enabled' => 'boolean',
+        'cash_module_enabled' => 'boolean',
         'images' => 'array',
     ];
 

database/migrations/2026_04_24_082553_add_system_settings_to_machines_table.php

@@ -0,0 +1,42 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('machines', function (Blueprint $table) {
+            $table->boolean('tax_invoice_enabled')->default(0)->after('invoice_status')->comment('電子發票開關');
+            $table->boolean('card_terminal_enabled')->default(0)->after('card_reader_no')->comment('刷卡機系統開關');
+            $table->boolean('scan_pay_esun_enabled')->default(0)->after('card_terminal_enabled')->comment('玉山掃碼支付開關');
+            $table->boolean('scan_pay_linepay_enabled')->default(0)->after('scan_pay_esun_enabled')->comment('LinePay支付開關');
+            $table->boolean('shopping_cart_enabled')->default(0)->after('scan_pay_linepay_enabled')->comment('購物車功能開關');
+            $table->boolean('welcome_gift_enabled')->default(0)->after('shopping_cart_enabled')->comment('迎賓禮功能開關');
+            $table->boolean('cash_module_enabled')->default(0)->after('welcome_gift_enabled')->comment('現金模組開關');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('machines', function (Blueprint $table) {
+            $table->dropColumn([
+                'tax_invoice_enabled',
+                'card_terminal_enabled',
+                'scan_pay_esun_enabled',
+                'scan_pay_linepay_enabled',
+                'shopping_cart_enabled',
+                'welcome_gift_enabled',
+                'cash_module_enabled',
+            ]);
+        });
+    }
+};

lang/en.json

@@ -194,6 +194,7 @@
     "Click to Open Dashboard": "Click to Open Dashboard",
     "Click to upload": "Click to upload",
     "Close Panel": "Close Panel",
+    "Coin\/Banknote Machine": "Coin\/Banknote Machine",
     "Coin\/Bill Acceptor": "Coin\/Bill Acceptor",
     "Command Center": "Command Center",
     "Command Confirmation": "Command Confirmation",
@@ -264,6 +265,7 @@
     "Created By": "Created By",
     "Creation Time": "Creation Time",
     "Creator": "Creator",
+    "Credit Card": "Credit Card",
     "Credit Card \/ Contactless": "Credit Card \/ Contactless",
     "Critical": "Critical",
     "Current": "Current",
@@ -334,6 +336,8 @@
     "Draft": "Draft",
     "Duration": "Duration",
     "Duration (Seconds)": "Duration (Seconds)",
+    "E.SUN Bank Scan": "E.SUN Bank Scan",
+    "E.SUN Pay": "E.SUN Pay",
     "E.SUN QR Pay": "E.SUN QR Pay",
     "E.SUN QR Scan": "E.SUN QR Scan",
     "E.SUN QR Scan Settings Description": "E.SUN Bank QR Scan Payment Settings",
@@ -703,6 +707,7 @@
     "No products found matching your criteria.": "No products found matching your criteria.",
     "No records found": "No records found",
     "No replenishment orders found": "No replenishment orders found",
+    "No results found": "No results found",
     "No roles available": "No roles available",
     "No roles found.": "No roles found.",
     "No slot data": "No slot data",
@@ -1027,6 +1032,7 @@
     "Serial Number": "Serial Number",
     "Service Periods": "Service Periods",
     "Service Terms": "Service Periods",
+    "Settings updated successfully.": "Settings updated successfully.",
     "Settlement": "Settlement",
     "Shopping Cart": "Shopping Cart",
     "Shopping Cart Feature": "Shopping Cart Feature",
@@ -1213,6 +1219,7 @@
     "Update Product": "Update Product",
     "Update Settings": "Update Settings",
     "Update existing role and permissions.": "Update existing role and permissions.",
+    "Update failed": "Update failed",
     "Update identification for your asset": "Update identification for your asset",
     "Update your account's profile information and email address.": "Update your account's profile information and email address.",
     "Upload Image": "Upload Image",

lang/ja.json

@@ -18,6 +18,7 @@
     "Card Terminal System": "カード端末システム",
     "Cash Module": "現金決済モジュール",
     "Cash Module Feature": "現金モジュール機能",
+    "Coin\/Banknote Machine": "硬貨\/紙幣モジュール",
     "Coin\/Bill Acceptor": "コイン\/紙幣機",
     "Completed": "完了",
     "Confirm": "確認",
@@ -31,10 +32,13 @@
     "Create stock transfers between warehouses and machine returns": "倉庫間の転送および機台からの返品伝票を作成",
     "Created At": "作成日時",
     "Created By": "作成者",
+    "Credit Card": "クレジットカード",
     "Damage": "破損",
     "Delivering": "配送中",
     "Display Material Code": "素材コードを表示",
     "Draft": "下書き",
+    "E.SUN Bank Scan": "玉山銀行スキャン",
+    "E.SUN Pay": "E.SUN Pay",
     "E.SUN QR Pay": "玉山QR決済",
     "ESUN": "玉山銀行 (ESUN)",
     "Electronic Invoice": "電子翻訳",
@@ -52,10 +56,12 @@
     "Includes Credit Card\/Mobile Pay": "クレジットカード\/モバイル決済を含む",
     "Inventory Management": "在庫管理",
     "LinePay": "LinePay",
-    "LinePay Payment": "LinePay決済",
+    "LinePay Payment": "LinePay 決済",
     "Loading...": "読み込み中...",
     "Low Stock": "在庫不足",
     "Low Stock Alerts": "低在庫アラート",
+    "Machine Distribution": "機器分布",
+    "Machine Distribution Map": "機器分布マップ",
     "Machine Inventory Overview": "機台在庫概要",
     "Machine Replenishment": "機台補充",
     "Machine Return": "機台返品",
@@ -113,6 +119,7 @@
     "Select Product": "商品を選択",
     "Select Warehouse": "倉庫を選択",
     "Serial No.": "シリアル番号",
+    "Settings updated successfully.": "設定が正常に更新されました。",
     "Shopping Cart": "ショッピングカート",
     "Shopping Cart Feature": "ショッピングカート機能",
     "Slot": "貨道",
@@ -145,6 +152,7 @@
     "Transfers": "転送",
     "Unpublish": "配信終了",
     "Update Settings": "設定を更新",
+    "Update failed": "更新に失敗しました",
     "Video": "動画",
     "View Details": "詳細を表示",
     "View Inventory": "在庫を表示",
@@ -161,5 +169,9 @@
     "Warehouse to Warehouse": "倉庫間転送",
     "Warehouse updated successfully.": "倉庫が正常に更新されました。",
     "Welcome Gift": "登録特典",
-    "Welcome Gift Feature": "来店特典機能"
+    "Welcome Gift Feature": "来店特典機能",
+    "Visual overview of all machine locations": "全機器位置のビジュアル概要",
+    "Online": "オンライン",
+    "Offline": "オフライン",
+    "Error": "エラー"
 }

lang/zh_TW.json

@@ -165,6 +165,7 @@
     "Cannot delete model that is currently in use by machines.": "無法刪除目前正在被機台使用的型號。",
     "Cannot delete role with active users.": "無法刪除已有綁定帳號的角色。",
     "Cannot delete warehouse with existing stock": "無法刪除仍有庫存的倉庫",
+    "Card Machine System": "刷卡機系統",
     "Card Reader": "刷卡機",
     "Card Reader No": "刷卡機編號",
     "Card Reader Reboot": "刷卡機重啟",
@@ -175,6 +176,7 @@
     "Card Terminal System": "刷卡機系統",
     "Cash Module": "硬幣機 \/ 紙鈔機模組",
     "Cash Module Feature": "現金模組功能",
+    "Cash Module Function": "現金模組功能",
     "Category": "類別",
     "Category Management": "分類管理",
     "Category Name": "分類名稱",
@@ -198,6 +200,7 @@
     "Click to Open Dashboard": "點擊開啟儀表板",
     "Click to upload": "點擊上傳",
     "Close Panel": "關閉面板",
+    "Coin\/Banknote Machine": "硬幣機\/紙鈔機",
     "Coin\/Bill Acceptor": "硬幣機\/紙鈔機",
     "Command Center": "指令中心",
     "Command Confirmation": "指令確認",
@@ -229,7 +232,6 @@
     "Confirm replenishment completed?": "確定補貨已完成？",
     "Confirm this stock-in order?": "確定要確認此進貨單嗎？",
     "Confirm this transfer?": "確定要確認此調撥作業嗎？",
-    "Current Stocks": "目前庫存",
     "Connected": "通訊中",
     "Connecting...": "連線中",
     "Connection lost (LWT)": "連線中斷",
@@ -273,12 +275,14 @@
     "Created By": "建立者",
     "Creation Time": "建立時間",
     "Creator": "建立者",
+    "Credit Card": "信用卡",
     "Credit Card \/ Contactless": "支援信用卡 \/ 感應支付",
     "Critical": "嚴重",
     "Current": "當前",
     "Current Password": "當前密碼",
     "Current Status": "當前狀態",
     "Current Stock": "當前庫存",
+    "Current Stocks": "目前庫存",
     "Current Type": "當前類型",
     "Current:": "現：",
     "Customer Details": "客戶詳情",
@@ -350,7 +354,9 @@
     "Draft": "草稿",
     "Duration": "時長",
     "Duration (Seconds)": "播放秒數",
-    "E.SUN QR Pay": "玉山掃碼支付",
+    "E.SUN Bank Scan": "玉山銀行掃碼",
+    "E.SUN Pay": "玉山 Pay",
+    "E.SUN QR Pay": "玉山銀行掃碼",
     "E.SUN QR Scan": "玉山銀行標籤支付",
     "E.SUN QR Scan Settings Description": "玉山銀行掃碼支付設定",
     "EASY_MERCHANT_ID": "悠遊付 商店代號",
@@ -437,10 +443,11 @@
     "Failed to update machine images: ": "更新機台圖片失敗：",
     "Feature Settings": "功能設定",
     "Feature Toggles": "功能開關",
-    "Filter": "篩選",
     "Fill Rate": "滿載率",
     "Fill in the device repair or maintenance details": "填寫設備維修或保養詳情",
     "Fill in the product details below": "請在下方填寫商品的詳細資訊",
+    "Filter": "篩選",
+    "Filter by Warehouse Presence": "依據倉庫存貨篩選",
     "Firmware Version": "韌體版本",
     "Firmware updated to :version": "韌體版本更新 : :version",
     "Fleet Avg OEE": "全機台平均 OEE",
@@ -454,6 +461,7 @@
     "Full Access": "全機台授權",
     "Full Name": "名稱",
     "Full Points": "全點數",
+    "Functional Settings": "功能設定",
     "Games": "互動遊戲",
     "General permissions not linked to a specific menu.": "未連結到特定選單的一般權限。",
     "Gift Definitions": "禮品設定",
@@ -483,7 +491,7 @@
     "Image": "圖片",
     "Immediate": "立即",
     "In Stock": "當前庫存",
-    "Includes Credit Card\/Mobile Pay": "包括 \/信用卡\/卡片支付\/手機支付",
+    "Includes Credit Card\/Mobile Pay": "含信用卡\/行動支付",
     "Indefinite": "無限期",
     "Info": "一般",
     "Initial Admin Account": "初始管理帳號",
@@ -559,6 +567,7 @@
     "Machine Details": "機台詳情",
     "Machine Distribution": "機台分布",
     "Machine Distribution Map": "機台分布地圖",
+    "Visual overview of all machine locations": "所有機台位置的視覺化概覽",
     "Machine Images": "機台照片",
     "Machine Info": "機台資訊",
     "Machine Information": "機台資訊",
@@ -583,6 +592,7 @@
     "Machine Settings": "機台設定",
     "Machine Status": "機台狀態",
     "Machine Status List": "機台運行狀態列表",
+    "Machine System Settings": "機台系統設定",
     "Machine Utilization": "機台稼動率",
     "Machine created successfully.": "機台已成功建立。",
     "Machine images updated successfully.": "機台圖片已成功更新。",
@@ -725,6 +735,7 @@
     "No products found matching your criteria.": "找不到符合條件的商品。",
     "No records found": "未找到相關紀錄",
     "No replenishment orders found": "查無補貨單紀錄",
+    "No results found": "查無搜尋結果",
     "No roles available": "目前沒有角色資料。",
     "No roles found.": "找不到角色資料。",
     "No slot data": "找不到貨道資料",
@@ -871,7 +882,7 @@
     "Price \/ Member": "售價 \/ 會員價",
     "Pricing Information": "價格資訊",
     "Product": "商品",
-    "Product / Stock": "商品 / 庫存",
+    "Product \/ Stock": "商品 \/ 庫存",
     "Product Count": "商品數量",
     "Product Details": "商品細項",
     "Product ID": "商品編號",
@@ -1000,7 +1011,7 @@
     "Saved.": "已儲存",
     "Saving...": "儲存中...",
     "Scale level and access control": "層級與存取控制",
-    "Scan Pay": "掃碼支付",
+    "Scan Pay": "掃碼支付功能",
     "Scan this code to quickly access the maintenance form for this device.": "掃描此 QR Code 即可快速進入此設備的維修單填寫頁面。",
     "Schedule": "排程區間",
     "Search Company Title...": "搜尋公司名稱...",
@@ -1062,9 +1073,11 @@
     "Service Periods": "服務區間",
     "Service Terms": "服務期程",
     "Settings Saved": "設定已儲存",
+    "Settings updated successfully.": "設定更新成功。",
     "Settlement": "結帳處理",
-    "Shopping Cart": "購物車功能",
+    "Shopping Cart": "購物車",
     "Shopping Cart Feature": "購物車功能",
+    "Shopping Cart Function": "購物車功能",
     "Show": "顯示",
     "Show material code field in products": "在商品資料中顯示物料編號欄位",
     "Show points rules in products": "在商品資料中顯示點數規則相關欄位",
@@ -1259,6 +1272,7 @@
     "Update Product": "更新商品",
     "Update Settings": "更新設定",
     "Update existing role and permissions.": "更新現有角色與權限設定。",
+    "Update failed": "更新失敗",
     "Update identification for your asset": "更新您的資產識別名稱",
     "Update your account's profile information and email address.": "更新您的帳號名稱、手機號碼與電子郵件地址。",
     "Upload Image": "上傳圖片",
@@ -1320,10 +1334,9 @@
     "Warranty Service": "保固服務",
     "Warranty Start": "保固起始",
     "Welcome Gift": "來店禮",
-    "Welcome Gift Feature": "來店禮功能",
+    "Welcome Gift Feature": "迎賓禮功能",
+    "Welcome Gift Function": "迎賓禮功能",
     "Welcome Gift Status": "來店禮",
-    "Work Content": "工作內容",
-    "Yes, regenerate": "確認重新產生",
     "Yesterday": "昨日",
     "You cannot assign permissions you do not possess.": "您無法指派您自身不具備的權限。",
     "You cannot delete your own account.": "您無法刪除自己的帳號。",
@@ -1422,6 +1435,5 @@
     "visit_gift": "來店禮",
     "vs Yesterday": "較昨日",
     "warehouses": "倉庫管理",
-    "Filter by Warehouse Presence": "依據倉庫存貨篩選",
     "待填寫": "待填寫"
 }

resources/views/admin/basic-settings/machines/index.blade.php

@@ -8,6 +8,61 @@
     modelSearch: '',
     permissionSearch: '',
     permissionCompanyId: '{{ request('company_id') }}',
+    isUpdatingSetting: false,
+    async toggleSystemSetting(machineId, field, value) {
+        if (this.isUpdatingSetting) return;
+        this.isUpdatingSetting = true;
+        try {
+            const res = await fetch(`/admin/basic-settings/machines/${machineId}/update-system-settings`, {
+                method: 'PATCH',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': document.querySelector('meta[name=\'csrf-token\']').content,
+                    'Accept': 'application/json'
+                },
+                body: JSON.stringify({ field, value })
+            });
+            const data = await res.json();
+            if (data.success) {
+                window.dispatchEvent(new CustomEvent('toast', { detail: { message: data.message, type: 'success' } }));
+            } else {
+                throw new Error(data.message || 'Update failed');
+            }
+        } catch (e) {
+            window.dispatchEvent(new CustomEvent('toast', { detail: { message: e.message, type: 'error' } }));
+            // Refresh content to reset toggle state on UI
+            this.searchInTab('system_settings');
+        } finally {
+            this.isUpdatingSetting = false;
+        }
+    },
+    async submitMachineSettings() {
+        if (this.isUpdatingSetting || !this.currentMachine) return;
+        this.isUpdatingSetting = true;
+        try {
+            const res = await fetch(`/admin/basic-settings/machines/${this.currentMachine.id}/update-system-settings`, {
+                method: 'PATCH',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': document.querySelector('meta[name=\'csrf-token\']').content,
+                    'Accept': 'application/json'
+                },
+                body: JSON.stringify({ settings: this.machineSettings })
+            });
+            const data = await res.json();
+            if (data.success) {
+                window.dispatchEvent(new CustomEvent('toast', { detail: { message: data.message, type: 'success' } }));
+                this.showMachineSettingsModal = false;
+                this.searchInTab('system_settings');
+            } else {
+                throw new Error(data.message || '{{ __('Update failed') }}');
+            }
+        } catch (e) {
+            window.dispatchEvent(new CustomEvent('toast', { detail: { message: e.message, type: 'error' } }));
+        } finally {
+            this.isUpdatingSetting = false;
+        }
+    },
     showCreateMachineModal: false,
     showPhotoModal: false,
     showDetailDrawer: false,
@@ -25,6 +80,22 @@
     maintenanceQrMachineName: '',
     maintenanceQrUrl: '',
     permissionSearchQuery: '',
+    showMachineSettingsModal: false,
+    machineSettings: {},
+    openMachineSettingsModal(machine) {
+        this.currentMachine = machine;
+        this.machineSettings = {
+            tax_invoice_enabled: machine.tax_invoice_enabled === true || machine.tax_invoice_enabled === 1 || machine.tax_invoice_enabled === '1',
+            card_terminal_enabled: machine.card_terminal_enabled === true || machine.card_terminal_enabled === 1 || machine.card_terminal_enabled === '1',
+            scan_pay_esun_enabled: machine.scan_pay_esun_enabled === true || machine.scan_pay_esun_enabled === 1 || machine.scan_pay_esun_enabled === '1',
+            scan_pay_linepay_enabled: machine.scan_pay_linepay_enabled === true || machine.scan_pay_linepay_enabled === 1 || machine.scan_pay_linepay_enabled === '1',
+            shopping_cart_enabled: machine.shopping_cart_enabled === true || machine.shopping_cart_enabled === 1 || machine.shopping_cart_enabled === '1',
+            welcome_gift_enabled: machine.welcome_gift_enabled === true || machine.welcome_gift_enabled === 1 || machine.welcome_gift_enabled === '1',
+            cash_module_enabled: machine.cash_module_enabled === true || machine.cash_module_enabled === 1 || machine.cash_module_enabled === '1',
+            member_system_enabled: machine.member_system_enabled === true || machine.member_system_enabled === 1 || machine.member_system_enabled === '1'
+        };
+        this.showMachineSettingsModal = true;
+    },
     openMaintenanceQr(machine) {
         this.maintenanceQrMachineName = machine.name;
         const baseUrl = '{{ route('admin.maintenance.create', ['serial_no' => 'SERIAL_NO']) }}';
@@ -197,7 +268,7 @@
     // === 搜尋/分頁 AJAX（僅在搜尋或換頁時觸發，Tab 切換不走此路） ===
     async searchInTab(tabName, extraQuery = '') {
         this.tabLoading = true;
-        const searchMap = { machines: this.machineSearch, models: this.modelSearch, permissions: this.permissionSearch };
+        const searchMap = { machines: this.machineSearch, models: this.modelSearch, permissions: this.permissionSearch, system_settings: this.machineSearch, distribution: '' };
         const search = searchMap[tabName] || '';
         let qs = `tab=${tabName}&_ajax=1`;
         if (search) qs += `&search=${encodeURIComponent(search)}`;
@@ -286,7 +357,7 @@
         });
         // 首次載入時綁定每個 Tab 的分頁連結
         this.$nextTick(() => {
-            ['machines', 'models', 'permissions'].forEach(t => {
+            ['machines', 'models', 'permissions', 'system_settings'].forEach(t => {
                 const ref = this.$refs[t + 'Content'];
                 if (ref) this.bindPaginationLinks(ref, t);
             });
@@ -294,6 +365,7 @@
         // Tab 切換時同步 URL
         this.$watch('tab', (newTab) => {
             history.pushState({}, '', `{{ route('admin.basic-settings.machines.index') }}?tab=${newTab}`);
+            window.dispatchEvent(new CustomEvent('tab-changed', { detail: { tab: newTab } }));
         });
         // 瀏覽器上一頁/下一頁
         window.addEventListener('popstate', () => {
@@ -302,19 +374,209 @@
         });
     }
 }" @execute-regenerate.window="executeRegeneration($event.detail)">
+
+<!-- Machine System Settings Modal -->
+<template x-teleport="body">
+    <div x-show="showMachineSettingsModal" class="fixed inset-0 z-[200] flex items-center justify-center" x-cloak>
+        <div x-show="showMachineSettingsModal" 
+             x-transition:enter="ease-out duration-300" 
+             x-transition:enter-start="opacity-0" 
+             x-transition:enter-end="opacity-100"
+             x-transition:leave="ease-in duration-200" 
+             x-transition:leave-start="opacity-100" 
+             x-transition:leave-end="opacity-0"
+             class="fixed inset-0 bg-slate-900/40 backdrop-blur-sm" @click="showMachineSettingsModal = false"></div>
+
+        <div x-show="showMachineSettingsModal" 
+             x-transition:enter="ease-out duration-300" 
+             x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 
+             x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
+             x-transition:leave="ease-in duration-200" 
+             x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 
+             x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+             class="relative bg-white dark:bg-slate-900 rounded-3xl shadow-2xl border border-slate-100 dark:border-slate-800 w-full max-w-2xl mx-4 overflow-hidden z-[201] flex flex-col max-h-[90vh]">
+            
+            <div class="px-8 py-6 border-b border-slate-100 dark:border-slate-800 flex justify-between items-center bg-slate-50/50 dark:bg-slate-900/50">
+                <div>
+                    <h3 class="text-lg font-black text-slate-800 dark:text-white tracking-tight font-display">{{ __('Edit Machine System Settings') }}</h3>
+                    <p class="text-xs font-bold text-slate-400 mt-1 uppercase tracking-widest" x-text="currentMachine?.name + ' (' + currentMachine?.serial_no + ')'"></p>
+                </div>
+                <button type="button" @click="showMachineSettingsModal = false" class="text-slate-400 hover:text-slate-500 bg-white dark:bg-slate-800 hover:bg-slate-100 dark:hover:bg-slate-700 rounded-xl p-2 transition-colors">
+                    <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+                    </svg>
+                </button>
+            </div>
+
+            <div class="p-8 overflow-y-auto custom-scrollbar flex-1 bg-white dark:bg-slate-900">
+                <form @submit.prevent="submitMachineSettings()">
+                    @csrf
+                    @method('PATCH')
+                    
+                    <div class="space-y-3">
+                        <!-- 稅務系統 -->
+                        <div class="grid grid-cols-1 md:grid-cols-4 gap-4 items-center p-4 rounded-xl bg-slate-50/50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-700/50 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors">
+                            <div class="md:col-span-1">
+                                <h4 class="text-sm font-black text-slate-700 dark:text-slate-200">{{ __('Tax System') }}</h4>
+                            </div>
+                            <div class="md:col-span-3 flex flex-wrap gap-x-8 gap-y-4">
+                                <label class="flex items-center gap-3 cursor-pointer group">
+                                    <div class="relative inline-flex items-center">
+                                        <input type="hidden" name="settings[tax_invoice_enabled]" value="0">
+                                        <input type="checkbox" name="settings[tax_invoice_enabled]" value="1" x-model="machineSettings.tax_invoice_enabled" class="peer sr-only">
+                                        <div class="w-9 h-5 bg-slate-200 peer-focus:outline-none rounded-full peer dark:bg-slate-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-cyan-500"></div>
+                                    </div>
+                                    <span class="text-sm font-bold text-slate-600 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors">{{ __('Electronic Invoice') }}</span>
+                                </label>
+                            </div>
+                        </div>
+
+                        <!-- 刷卡機系統 -->
+                        <div class="grid grid-cols-1 md:grid-cols-4 gap-4 items-center p-4 rounded-xl bg-slate-50/50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-700/50 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors">
+                            <div class="md:col-span-1">
+                                <h4 class="text-sm font-black text-slate-700 dark:text-slate-200">{{ __('Card Machine System') }}</h4>
+                            </div>
+                            <div class="md:col-span-3 flex flex-wrap gap-x-8 gap-y-4">
+                                <label class="flex items-center gap-3 cursor-pointer group">
+                                    <div class="relative inline-flex items-center">
+                                        <input type="hidden" name="settings[card_terminal_enabled]" value="0">
+                                        <input type="checkbox" name="settings[card_terminal_enabled]" value="1" x-model="machineSettings.card_terminal_enabled" class="peer sr-only">
+                                        <div class="w-9 h-5 bg-slate-200 peer-focus:outline-none rounded-full peer dark:bg-slate-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-cyan-500"></div>
+                                    </div>
+                                    <span class="text-sm font-bold text-slate-600 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors">{{ __('Includes Credit Card/Mobile Pay') }}</span>
+                                </label>
+                            </div>
+                        </div>
+
+                        <!-- 掃碼支付功能 -->
+                        <div class="grid grid-cols-1 md:grid-cols-4 gap-4 items-center p-4 rounded-xl bg-slate-50/50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-700/50 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors">
+                            <div class="md:col-span-1">
+                                <h4 class="text-sm font-black text-slate-700 dark:text-slate-200">{{ __('Scan Pay') }}</h4>
+                            </div>
+                            <div class="md:col-span-3 flex flex-wrap gap-x-8 gap-y-4">
+                                <label class="flex items-center gap-3 cursor-pointer group">
+                                    <div class="relative inline-flex items-center">
+                                        <input type="hidden" name="settings[scan_pay_esun_enabled]" value="0">
+                                        <input type="checkbox" name="settings[scan_pay_esun_enabled]" value="1" x-model="machineSettings.scan_pay_esun_enabled" class="peer sr-only">
+                                        <div class="w-9 h-5 bg-slate-200 peer-focus:outline-none rounded-full peer dark:bg-slate-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-cyan-500"></div>
+                                    </div>
+                                    <span class="text-sm font-bold text-slate-600 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors">{{ __('E.SUN QR Pay') }}</span>
+                                </label>
+                                <label class="flex items-center gap-3 cursor-pointer group">
+                                    <div class="relative inline-flex items-center">
+                                        <input type="hidden" name="settings[scan_pay_linepay_enabled]" value="0">
+                                        <input type="checkbox" name="settings[scan_pay_linepay_enabled]" value="1" x-model="machineSettings.scan_pay_linepay_enabled" class="peer sr-only">
+                                        <div class="w-9 h-5 bg-slate-200 peer-focus:outline-none rounded-full peer dark:bg-slate-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-cyan-500"></div>
+                                    </div>
+                                    <span class="text-sm font-bold text-slate-600 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors">{{ __('LinePay Payment') }}</span>
+                                </label>
+                            </div>
+                        </div>
+
+                        <!-- 購物車功能 -->
+                        <div class="grid grid-cols-1 md:grid-cols-4 gap-4 items-center p-4 rounded-xl bg-slate-50/50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-700/50 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors">
+                            <div class="md:col-span-1">
+                                <h4 class="text-sm font-black text-slate-700 dark:text-slate-200">{{ __('購物車功能') }}</h4>
+                            </div>
+                            <div class="md:col-span-3 flex flex-wrap gap-x-8 gap-y-4">
+                                <label class="flex items-center gap-3 cursor-pointer group">
+                                    <div class="relative inline-flex items-center">
+                                        <input type="hidden" name="settings[shopping_cart_enabled]" value="0">
+                                        <input type="checkbox" name="settings[shopping_cart_enabled]" value="1" x-model="machineSettings.shopping_cart_enabled" class="peer sr-only">
+                                        <div class="w-9 h-5 bg-slate-200 peer-focus:outline-none rounded-full peer dark:bg-slate-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-cyan-500"></div>
+                                    </div>
+                                    <span class="text-sm font-bold text-slate-600 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors">{{ __('購物車') }}</span>
+                                </label>
+                            </div>
+                        </div>
+
+                        <!-- 來店禮功能 -->
+                        <div class="grid grid-cols-1 md:grid-cols-4 gap-4 items-center p-4 rounded-xl bg-slate-50/50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-700/50 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors">
+                            <div class="md:col-span-1">
+                                <h4 class="text-sm font-black text-slate-700 dark:text-slate-200">{{ __('來店禮功能') }}</h4>
+                            </div>
+                            <div class="md:col-span-3 flex flex-wrap gap-x-8 gap-y-4">
+                                <label class="flex items-center gap-3 cursor-pointer group">
+                                    <div class="relative inline-flex items-center">
+                                        <input type="hidden" name="settings[welcome_gift_enabled]" value="0">
+                                        <input type="checkbox" name="settings[welcome_gift_enabled]" value="1" x-model="machineSettings.welcome_gift_enabled" class="peer sr-only">
+                                        <div class="w-9 h-5 bg-slate-200 peer-focus:outline-none rounded-full peer dark:bg-slate-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-cyan-500"></div>
+                                    </div>
+                                    <span class="text-sm font-bold text-slate-600 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors">{{ __('來店禮') }}</span>
+                                </label>
+                            </div>
+                        </div>
+
+                        <!-- 現金模組功能 -->
+                        <div class="grid grid-cols-1 md:grid-cols-4 gap-4 items-center p-4 rounded-xl bg-slate-50/50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-700/50 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors">
+                            <div class="md:col-span-1">
+                                <h4 class="text-sm font-black text-slate-700 dark:text-slate-200">{{ __('現金模組功能') }}</h4>
+                            </div>
+                            <div class="md:col-span-3 flex flex-wrap gap-x-8 gap-y-4">
+                                <label class="flex items-center gap-3 cursor-pointer group">
+                                    <div class="relative inline-flex items-center">
+                                        <input type="hidden" name="settings[cash_module_enabled]" value="0">
+                                        <input type="checkbox" name="settings[cash_module_enabled]" value="1" x-model="machineSettings.cash_module_enabled" class="peer sr-only">
+                                        <div class="w-9 h-5 bg-slate-200 peer-focus:outline-none rounded-full peer dark:bg-slate-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-cyan-500"></div>
+                                    </div>
+                                    <span class="text-sm font-bold text-slate-600 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors">{{ __('硬幣機/紙鈔機') }}</span>
+                                </label>
+                            </div>
+                        </div>
+
+                        <!-- 會員系統 -->
+                        <div class="grid grid-cols-1 md:grid-cols-4 gap-4 items-center p-4 rounded-xl bg-slate-50/50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-700/50 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors">
+                            <div class="md:col-span-1">
+                                <h4 class="text-sm font-black text-slate-700 dark:text-slate-200">{{ __('會員系統功能') }}</h4>
+                            </div>
+                            <div class="md:col-span-3 flex flex-wrap gap-x-8 gap-y-4">
+                                <label class="flex items-center gap-3 cursor-pointer group">
+                                    <div class="relative inline-flex items-center">
+                                        <input type="hidden" name="settings[member_system_enabled]" value="0">
+                                        <input type="checkbox" name="settings[member_system_enabled]" value="1" x-model="machineSettings.member_system_enabled" class="peer sr-only">
+                                        <div class="w-9 h-5 bg-slate-200 peer-focus:outline-none rounded-full peer dark:bg-slate-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-cyan-500"></div>
+                                    </div>
+                                    <span class="text-sm font-bold text-slate-600 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors">{{ __('會員系統') }}</span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="flex justify-end gap-x-4 pt-8 mt-10 border-t border-slate-100 dark:border-slate-800">
+                        <button type="button" @click="showMachineSettingsModal = false" class="btn-luxury-ghost px-8">{{ __('Cancel') }}</button>
+                        <button type="submit" class="btn-luxury-primary px-12" :disabled="isUpdatingSetting">
+                            <span x-show="!isUpdatingSetting">{{ __('Update Settings') }}</span>
+                            <span x-show="isUpdatingSetting" class="flex items-center gap-2">
+                                <svg class="animate-spin -ml-1 mr-2 h-4 w-4 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                                </svg>
+                                {{ __('Updating...') }}
+                            </span>
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</template>
+
     <!-- 1. Header Area -->
     <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
-        <div>
+        <div class="flex flex-col gap-1">
+            <div class="flex items-center gap-4">
                 <h1 class="text-3xl font-black text-slate-800 dark:text-white tracking-tight font-display">{{ __('Machine Settings') }}</h1>
-            <p class="text-sm font-bold text-slate-500 dark:text-slate-400 mt-1 uppercase tracking-widest">{{ __('Management of operational parameters and models') }}</p>
+                <a href="{{ route('machines.distribution') }}" target="_blank" class="flex items-center gap-2 px-1 group transition-all pt-1">
+                    <svg class="w-5 h-5 text-slate-400 dark:text-white/40 group-hover:text-cyan-500 dark:group-hover:text-white transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 6.75V15m6-10.5v.106c0 .707-.555 1.296-1.244 1.333a5.232 5.232 0 0 0-4.834 4.834C8.889 11.418 8.299 12 7.591 12H7.5m0 0v7.5m0-7.5h.75m.75 0h.375c.49 0 .959.122 1.374.339a5.251 5.251 0 0 1 2.625 4.547v.105c0 .708.555 1.296 1.244 1.333a5.232 5.232 0 0 0 4.834-4.834c.038-.689.627-1.279 1.335-1.279h.75M15 6.75a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0ZM18.75 18.75a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Z" />
+                    </svg>
+                    <span class="text-base font-black text-slate-500 dark:text-white/60 group-hover:text-slate-700 dark:group-hover:text-white transition-colors">{{ __('Machine Distribution') }}</span>
+                </a>
+            </div>
+            <p class="text-sm font-bold text-slate-500 dark:text-slate-400 uppercase tracking-widest">{{ __('Management of operational parameters and models') }}</p>
         </div>
         <div class="flex items-center gap-3">
-            <a href="{{ route('machines.distribution') }}" target="_blank" class="btn-luxury-ghost flex items-center gap-2">
+
-                <svg class="w-4 h-4 stroke-[2.5]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 6.75V15m6-10.5v.106c0 .707-.555 1.296-1.244 1.333a5.232 5.232 0 0 0-4.834 4.834C8.889 11.418 8.299 12 7.591 12H7.5m0 0v7.5m0-7.5h.75m.75 0h.375c.49 0 .959.122 1.374.339a5.251 5.251 0 0 1 2.625 4.547v.105c0 .708.555 1.296 1.244 1.333a5.232 5.232 0 0 0 4.834-4.834c.038-.689.627-1.279 1.335-1.279h.75M15 6.75a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0ZM18.75 18.75a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Z" />
-                </svg>
-                <span>{{ __('Machine Distribution') }}</span>
-            </a>
             <button x-show="tab === 'machines'" x-cloak @click="showCreateMachineModal = true" class="btn-luxury-primary flex items-center gap-2">
                 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5">
                     <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
@@ -347,6 +609,11 @@
             class="px-8 py-3 rounded-xl text-sm font-black uppercase tracking-widest transition-all">
             {{ __('Machine Permissions') }}
         </button>
+        <button @click="tab = 'system_settings'"
+            :class="tab === 'system_settings' ? 'bg-white dark:bg-slate-800 text-cyan-600 dark:text-cyan-400 shadow-sm shadow-cyan-500/10' : 'text-slate-400 hover:text-slate-600 dark:hover:text-slate-200'"
+            class="px-8 py-3 rounded-xl text-sm font-black uppercase tracking-widest transition-all">
+            {{ __('Machine System Settings') }}
+        </button>
     </div>
 
     <!-- 2. Main Content Card -->
@@ -393,6 +660,12 @@
                     @include('admin.basic-settings.machines.partials.tab-permissions')
                 </div>
             </div>
+
+            <div x-show="tab === 'system_settings'" x-cloak>
+                <div x-ref="system_settingsContent">
+                    @include('admin.basic-settings.machines.partials.tab-system-settings')
+                </div>
+            </div>
         </div>
     </div>
 

resources/views/admin/basic-settings/machines/partials/tab-distribution.blade.php

@@ -0,0 +1,152 @@
+<div class="space-y-6">
+    <div class="flex items-center justify-between mb-2">
+        <div>
+            <h3 class="text-lg font-black text-slate-800 dark:text-white tracking-tight font-display">{{ __('Machine Distribution Map') }}</h3>
+            <p class="text-xs font-bold text-slate-400 mt-1 uppercase tracking-widest">{{ __('Visual overview of all machine locations') }}</p>
+        </div>
+        <div class="flex items-center gap-4">
+            <div class="flex items-center gap-2">
+                <span class="w-3 h-3 rounded-full bg-emerald-500"></span>
+                <span class="text-[10px] font-black text-slate-400 uppercase tracking-widest">{{ __('Online') }}</span>
+            </div>
+            <div class="flex items-center gap-2">
+                <span class="w-3 h-3 rounded-full bg-slate-400"></span>
+                <span class="text-[10px] font-black text-slate-400 uppercase tracking-widest">{{ __('Offline') }}</span>
+            </div>
+            <div class="flex items-center gap-2">
+                <span class="w-3 h-3 rounded-full bg-rose-500"></span>
+                <span class="text-[10px] font-black text-slate-400 uppercase tracking-widest">{{ __('Error') }}</span>
+            </div>
+        </div>
+    </div>
+
+    <div class="relative rounded-3xl overflow-hidden border border-slate-100 dark:border-slate-800 h-[600px] shadow-sm">
+        <div id="tab-map" class="w-full h-full z-10"></div>
+    </div>
+</div>
+
+<!-- Leaflet CSS & JS (Only load if not already present) -->
+@once
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
+@endonce
+
+<style>
+    .luxury-popup .leaflet-popup-content-wrapper {
+        background: rgba(255, 255, 255, 0.9);
+        backdrop-filter: blur(8px);
+        border-radius: 16px;
+        padding: 0;
+        overflow: hidden;
+        border: 1px solid rgba(0, 0, 0, 0.05);
+    }
+    .dark .luxury-popup .leaflet-popup-content-wrapper {
+        background: rgba(15, 23, 42, 0.9);
+        border: 1px solid rgba(255, 255, 255, 0.1);
+    }
+    .luxury-popup .leaflet-popup-content {
+        margin: 0;
+    }
+    .luxury-popup .leaflet-popup-tip {
+        background: rgba(255, 255, 255, 0.9);
+    }
+    .dark .luxury-popup .leaflet-popup-tip {
+        background: rgba(15, 23, 42, 0.9);
+    }
+    .custom-marker {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    .marker-dot {
+        width: 14px;
+        height: 14px;
+        border-radius: 50%;
+        border: 2px solid white;
+        box-shadow: 0 0 10px rgba(0,0,0,0.3);
+    }
+    .marker-online { background-color: #10b981; }
+    .marker-offline { background-color: #64748b; }
+    .marker-error { background-color: #ef4444; }
+</style>
+
+<script>
+    (function() {
+        const initMap = () => {
+            const mapEl = document.getElementById('tab-map');
+            if (!mapEl || mapEl._leaflet_id) return;
+
+            const distributionMachines = @json($distributionMachines);
+            const map = L.map('tab-map', {
+                zoomControl: true
+            }).setView([23.973875, 120.982024], 7); // Center of Taiwan
+
+            L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png', {
+                attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',
+                subdomains: 'abcd',
+                maxZoom: 20
+            }).addTo(map);
+
+            distributionMachines.forEach(machine => {
+                if (machine.latitude && machine.longitude) {
+                    const statusClass = `marker-${machine.status}`;
+                    const icon = L.divIcon({
+                        className: 'custom-marker',
+                        html: `<div class="marker-dot ${statusClass}"></div>`,
+                        iconSize: [20, 20],
+                        iconAnchor: [10, 10]
+                    });
+
+                    const marker = L.marker([machine.latitude, machine.longitude], { icon: icon }).addTo(map);
+                    
+                    const popupContent = `
+                        <div class="p-4 min-w-[200px] bg-white dark:bg-slate-900">
+                            <div class="flex items-center gap-2 mb-2">
+                                <div class="w-2 h-2 rounded-full ${machine.status === 'online' ? 'bg-emerald-500' : (machine.status === 'offline' ? 'bg-slate-400' : 'bg-rose-500')}"></div>
+                                <span class="text-sm font-black text-slate-800 dark:text-white font-display">${machine.name}</span>
+                            </div>
+                            <p class="text-[11px] font-bold text-slate-500 dark:text-slate-400 mb-3">${machine.address || machine.location || ''}</p>
+                            <div class="flex items-center justify-between border-t border-slate-100 dark:border-slate-800 pt-3">
+                                <span class="text-[9px] font-black text-slate-400 uppercase tracking-widest">${machine.serial_no}</span>
+                                <span class="text-[9px] font-bold text-cyan-600 dark:text-cyan-400 uppercase tracking-widest">${machine.status.toUpperCase()}</span>
+                            </div>
+                        </div>
+                    `;
+                    
+                    marker.bindPopup(popupContent, {
+                        maxWidth: 300,
+                        className: 'luxury-popup'
+                    });
+                }
+            });
+
+            // Handle resize when tab becomes visible
+            window.addEventListener('resize', () => {
+                setTimeout(() => map.invalidateSize(), 100);
+            });
+            
+            // Intersection Observer to handle initial render when tab is switched
+            const observer = new IntersectionObserver((entries) => {
+                entries.forEach(entry => {
+                    if (entry.isIntersecting) {
+                        setTimeout(() => map.invalidateSize(), 200);
+                    }
+                });
+            }, { threshold: 0.1 });
+            observer.observe(mapEl);
+        };
+
+        if (document.readyState === 'loading') {
+            document.addEventListener('DOMContentLoaded', initMap);
+        } else {
+            initMap();
+        }
+
+        // Also hook into Alpine tab changes
+        window.addEventListener('tab-changed', (e) => {
+            if (e.detail.tab === 'distribution') {
+                setTimeout(initMap, 100);
+            }
+        });
+    })();
+</script>

resources/views/admin/basic-settings/machines/partials/tab-system-settings.blade.php

@@ -0,0 +1,127 @@
+<div class="space-y-0">
+    <!-- 1. Header with Search and Filter -->
+    <div class="flex flex-col md:flex-row md:items-center justify-between mb-8 gap-6">
+        <div class="flex flex-col md:flex-row items-center gap-4 w-full md:w-auto">
+            <!-- Search Bar -->
+            <div class="relative group w-full md:w-64">
+                <span class="absolute inset-y-0 left-0 flex items-center pl-4 pointer-events-none z-10">
+                    <svg class="h-4 w-4 text-slate-400 group-focus-within:text-cyan-500 transition-colors stroke-[2.5]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
+                        <circle cx="11" cy="11" r="8"></circle>
+                        <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+                    </svg>
+                </span>
+                <input type="text" x-model="machineSearch" @input.debounce.500ms="searchInTab('system_settings')"
+                    placeholder="{{ __('搜尋機台名稱或代號...') }}"
+                    class="py-2.5 pl-12 pr-6 block w-full luxury-input">
+            </div>
+
+            <!-- Company Filter -->
+            <div class="w-full md:w-48">
+                <x-searchable-select 
+                    x-model="permissionCompanyId" 
+                    @change="searchInTab('system_settings')"
+                    :placeholder="__('所有公司')">
+                    @foreach ($companies as $company)
+                        <option value="{{ $company->id }}">{{ $company->name }}</option>
+                    @endforeach
+                </x-searchable-select>
+            </div>
+        </div>
+    </div>
+
+    <!-- 2. Table Content -->
+    <div class="overflow-x-auto">
+        <table class="w-full text-left border-separate border-spacing-y-0">
+            <thead>
+                <tr class="bg-slate-50/50 dark:bg-slate-900/30">
+                    <th class="px-6 py-4 text-[12px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest border-b border-slate-100 dark:border-slate-800">
+                        {{ __('Machine Information') }}
+                    </th>
+                    <th class="px-6 py-4 text-[12px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest border-b border-slate-100 dark:border-slate-800">
+                        {{ __('Company') }}
+                    </th>
+                    <th class="px-6 py-4 text-[12px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest border-b border-slate-100 dark:border-slate-800">
+                        {{ __('Enabled Features') }}
+                    </th>
+                    <th class="px-6 py-4 text-[12px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest border-b border-slate-100 dark:border-slate-800 text-right">
+                        {{ __('Actions') }}
+                    </th>
+                </tr>
+            </thead>
+            <tbody class="divide-y divide-slate-50 dark:divide-slate-800/50">
+                @forelse($machines as $machine)
+                    <tr class="group hover:bg-slate-50/80 dark:hover:bg-slate-800/40 transition-all duration-300">
+                        <td class="px-6 py-6 w-1/4">
+                            <div class="flex items-center gap-x-4">
+                                <div class="w-10 h-10 rounded-xl bg-slate-100 dark:bg-slate-800 flex items-center justify-center text-slate-400 group-hover:bg-cyan-500 group-hover:text-white transition-all">
+                                    <svg class="w-5 h-5 stroke-[2.5]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                        <path stroke-linecap="round" stroke-linejoin="round" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
+                                    </svg>
+                                </div>
+                                <div class="flex flex-col">
+                                    <div class="flex items-center gap-2">
+                                        <span class="text-base font-extrabold text-slate-800 dark:text-slate-100 group-hover:text-cyan-600 dark:group-hover:text-cyan-400 transition-colors">{{ $machine->name }}</span>
+                                    </div>
+                                    <div class="flex items-center gap-2 mt-0.5">
+                                        <span class="text-xs font-mono font-bold text-slate-500 dark:text-slate-400 tracking-widest uppercase">{{ $machine->serial_no }}</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="px-6 py-6">
+                            <span class="text-sm font-bold text-slate-600 dark:text-slate-400 uppercase tracking-tight">{{ $machine->company?->name ?? __('System') }}</span>
+                        </td>
+                        <td class="px-6 py-6">
+                            <div class="flex flex-wrap gap-2">
+                                @php
+                                    $activeFeatures = [];
+                                    if ($machine->tax_invoice_enabled) $activeFeatures[] = __('Electronic Invoice');
+                                    if ($machine->card_terminal_enabled) $activeFeatures[] = __('Includes Credit Card/Mobile Pay');
+                                    if ($machine->scan_pay_esun_enabled) $activeFeatures[] = __('E.SUN Bank Scan');
+                                    if ($machine->scan_pay_linepay_enabled) $activeFeatures[] = __('LinePay Payment');
+                                    if ($machine->shopping_cart_enabled) $activeFeatures[] = __('Shopping Cart');
+                                    if ($machine->welcome_gift_enabled) $activeFeatures[] = __('Welcome Gift');
+                                    if ($machine->cash_module_enabled) $activeFeatures[] = __('Coin/Banknote Machine');
+                                    if ($machine->member_system_enabled) $activeFeatures[] = __('Member System');
+                                @endphp
+
+                                @forelse($activeFeatures as $feature)
+                                    <span class="px-2.5 py-1 rounded-lg bg-cyan-500/10 text-cyan-500 dark:text-cyan-400 text-[13px] font-bold uppercase tracking-wider">{{ $feature }}</span>
+                                @empty
+                                    <span class="px-2.5 py-1 rounded-lg bg-slate-500/10 text-slate-500 dark:text-slate-400 text-[13px] font-bold uppercase tracking-wider">{{ __('None') }}</span>
+                                @endforelse
+                            </div>
+                        </td>
+                        <td class="px-6 py-6 text-right">
+                            <button type="button" @click="openMachineSettingsModal({{ json_encode($machine) }})" 
+                                class="p-2 rounded-lg bg-slate-50 dark:bg-slate-800 text-slate-400 hover:text-cyan-500 hover:bg-cyan-500/5 transition-all border border-transparent hover:border-cyan-500/20"
+                                title="{{ __('Edit Settings') }}">
+                                <svg class="w-4 h-4 stroke-[2.5]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                    <path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10" />
+                                </svg>
+                            </button>
+                        </td>
+                    </tr>
+                @empty
+                    <tr>
+                        <td colspan="4" class="px-6 py-24 text-center">
+                            <div class="flex flex-col items-center">
+                                <div class="w-16 h-16 rounded-2xl bg-slate-50 dark:bg-slate-900 flex items-center justify-center text-slate-300 mb-4">
+                                    <svg class="w-8 h-8 stroke-[2]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                        <path stroke-linecap="round" stroke-linejoin="round" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
+                                    </svg>
+                                </div>
+                                <p class="text-slate-400 font-bold">{{ __('No machines found') }}</p>
+                            </div>
+                        </td>
+                    </tr>
+                @endforelse
+            </tbody>
+        </table>
+    </div>
+
+    <!-- 3. Pagination -->
+    <div class="mt-8 border-t border-slate-100 dark:border-slate-800 pt-6">
+        {{ $machines->appends(['tab' => 'system_settings', 'search' => request('search'), 'company_id' => request('company_id')])->links('vendor.pagination.luxury') }}
+    </div>
+</div>

resources/views/admin/companies/index.blade.php

@@ -28,14 +28,7 @@
         note: '',
         settings: {
             enable_material_code: false,
-            enable_points: false,
+            enable_points: false
-            tax_invoice: false,
-            card_terminal: false,
-            scan_pay_esun: false,
-            scan_pay_linepay: false,
-            shopping_cart: false,
-            welcome_gift: false,
-            cash_module: false
         }
     },
     openCreateModal() {
@@ -49,14 +42,7 @@
             status: 1, note: '',
             settings: { 
                 enable_material_code: false, 
-                enable_points: false,
+                enable_points: false
-                tax_invoice: false,
-                card_terminal: false,
-                scan_pay_esun: false,
-                scan_pay_linepay: false,
-                shopping_cart: false,
-                welcome_gift: false,
-                cash_module: false
             }
         };
         this.showModal = true;
@@ -73,14 +59,7 @@
             software_end_date: company.software_end_date ? company.software_end_date.substring(0, 10) : '',
             settings: {
                 enable_material_code: company.settings?.enable_material_code || false,
-                enable_points: company.settings?.enable_points || false,
+                enable_points: company.settings?.enable_points || false
-                tax_invoice: company.settings?.tax_invoice || false,
-                card_terminal: company.settings?.card_terminal || false,
-                scan_pay_esun: company.settings?.scan_pay_esun || false,
-                scan_pay_linepay: company.settings?.scan_pay_linepay || false,
-                shopping_cart: company.settings?.shopping_cart || false,
-                welcome_gift: company.settings?.welcome_gift || false,
-                cash_module: company.settings?.cash_module || false
             }
         };
         this.originalStatus = company.status;
@@ -109,14 +88,7 @@
             ...company,
             settings: {
                 enable_material_code: company.settings?.enable_material_code || false,
-                enable_points: company.settings?.enable_points || false,
+                enable_points: company.settings?.enable_points || false
-                tax_invoice: company.settings?.tax_invoice || false,
-                card_terminal: company.settings?.card_terminal || false,
-                scan_pay_esun: company.settings?.scan_pay_esun || false,
-                scan_pay_linepay: company.settings?.scan_pay_linepay || false,
-                shopping_cart: company.settings?.shopping_cart || false,
-                welcome_gift: company.settings?.welcome_gift || false,
-                cash_module: company.settings?.cash_module || false
             }
         };
         this.sidebarView = 'detail';
@@ -127,14 +99,7 @@
             ...company,
             settings: {
                 enable_material_code: company.settings?.enable_material_code || false,
-                enable_points: company.settings?.enable_points || false,
+                enable_points: company.settings?.enable_points || false
-                tax_invoice: company.settings?.tax_invoice || false,
-                card_terminal: company.settings?.card_terminal || false,
-                scan_pay_esun: company.settings?.scan_pay_esun || false,
-                scan_pay_linepay: company.settings?.scan_pay_linepay || false,
-                shopping_cart: company.settings?.shopping_cart || false,
-                welcome_gift: company.settings?.welcome_gift || false,
-                cash_module: company.settings?.cash_module || false
             }
         };
         this.sidebarView = 'history';
@@ -148,14 +113,7 @@
             ...company,
             settings: {
                 enable_material_code: company.settings?.enable_material_code || false,
-                enable_points: company.settings?.enable_points || false,
+                enable_points: company.settings?.enable_points || false
-                tax_invoice: company.settings?.tax_invoice || false,
-                card_terminal: company.settings?.card_terminal || false,
-                scan_pay_esun: company.settings?.scan_pay_esun || false,
-                scan_pay_linepay: company.settings?.scan_pay_linepay || false,
-                shopping_cart: company.settings?.shopping_cart || false,
-                welcome_gift: company.settings?.welcome_gift || false,
-                cash_module: company.settings?.cash_module || false
             }
         };
         this.showHistoryModal = true;
@@ -165,14 +123,7 @@
             ...company,
             settings: {
                 enable_material_code: company.settings?.enable_material_code === true || company.settings?.enable_material_code === 1 || company.settings?.enable_material_code === '1',
-                enable_points: company.settings?.enable_points === true || company.settings?.enable_points === 1 || company.settings?.enable_points === '1',
+                enable_points: company.settings?.enable_points === true || company.settings?.enable_points === 1 || company.settings?.enable_points === '1'
-                tax_invoice: company.settings?.tax_invoice === true || company.settings?.tax_invoice === 1 || company.settings?.tax_invoice === '1',
-                card_terminal: company.settings?.card_terminal === true || company.settings?.card_terminal === 1 || company.settings?.card_terminal === '1',
-                scan_pay_esun: company.settings?.scan_pay_esun === true || company.settings?.scan_pay_esun === 1 || company.settings?.scan_pay_esun === '1',
-                scan_pay_linepay: company.settings?.scan_pay_linepay === true || company.settings?.scan_pay_linepay === 1 || company.settings?.scan_pay_linepay === '1',
-                shopping_cart: company.settings?.shopping_cart === true || company.settings?.shopping_cart === 1 || company.settings?.shopping_cart === '1',
-                welcome_gift: company.settings?.welcome_gift === true || company.settings?.welcome_gift === 1 || company.settings?.welcome_gift === '1',
-                cash_module: company.settings?.cash_module === true || company.settings?.cash_module === 1 || company.settings?.cash_module === '1',
             }
         };
         this.showSettingsModal = true;
@@ -221,11 +172,12 @@
         }
     }
 }">
+
     <!-- Header -->
     <div class="flex flex-col md:flex-row md:items-center justify-between gap-4">
         <div>
             <h1 class="text-3xl font-black text-slate-800 dark:text-white tracking-tight font-display transition-all duration-300">
-                {{ __('Customer List') }}
+                {{ __('Customer Management') }}
             </h1>
             <p class="text-sm font-bold text-slate-500 dark:text-slate-400 mt-1 uppercase tracking-widest">
                 {{ __('Manage all tenant accounts and validity') }}
@@ -603,27 +555,6 @@
                                         @if($settings['enable_points'] ?? false)
                                             <span class="px-2.5 py-1 rounded-lg bg-cyan-500/10 text-cyan-500 dark:text-cyan-400 text-[13px] font-bold uppercase tracking-wider">{{ __('Points') }}</span>
                                         @endif
-                                        @if($settings['tax_invoice'] ?? false)
-                                            <span class="px-2.5 py-1 rounded-lg bg-cyan-500/10 text-cyan-500 dark:text-cyan-400 text-[13px] font-bold uppercase tracking-wider">{{ __('Electronic Invoice') }}</span>
-                                        @endif
-                                        @if($settings['card_terminal'] ?? false)
-                                            <span class="px-2.5 py-1 rounded-lg bg-cyan-500/10 text-cyan-500 dark:text-cyan-400 text-[13px] font-bold uppercase tracking-wider">{{ __('Card System') }}</span>
-                                        @endif
-                                        @if($settings['scan_pay_esun'] ?? false)
-                                            <span class="px-2.5 py-1 rounded-lg bg-cyan-500/10 text-cyan-500 dark:text-cyan-400 text-[13px] font-bold uppercase tracking-wider">{{ __('ESUN') }}</span>
-                                        @endif
-                                        @if($settings['scan_pay_linepay'] ?? false)
-                                            <span class="px-2.5 py-1 rounded-lg bg-cyan-500/10 text-cyan-500 dark:text-cyan-400 text-[13px] font-bold uppercase tracking-wider">{{ __('LinePay') }}</span>
-                                        @endif
-                                        @if($settings['shopping_cart'] ?? false)
-                                            <span class="px-2.5 py-1 rounded-lg bg-cyan-500/10 text-cyan-500 dark:text-cyan-400 text-[13px] font-bold uppercase tracking-wider">{{ __('Shopping Cart') }}</span>
-                                        @endif
-                                        @if($settings['welcome_gift'] ?? false)
-                                            <span class="px-2.5 py-1 rounded-lg bg-cyan-500/10 text-cyan-500 dark:text-cyan-400 text-[13px] font-bold uppercase tracking-wider">{{ __('Welcome Gift') }}</span>
-                                        @endif
-                                        @if($settings['cash_module'] ?? false)
-                                            <span class="px-2.5 py-1 rounded-lg bg-cyan-500/10 text-cyan-500 dark:text-cyan-400 text-[13px] font-bold uppercase tracking-wider">{{ __('Cash Module') }}</span>
-                                        @endif
                                     @endif
                                 </div>
                             </td>
@@ -1012,116 +943,6 @@
                                 </label>
                             </div>
                         </div>
-
-                        <!-- 稅務系統 (Taxation System) -->
-                        <div class="grid grid-cols-1 md:grid-cols-4 gap-4 items-center p-4 rounded-xl bg-slate-50/50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-700/50 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors">
-                            <div class="md:col-span-1">
-                                <h4 class="text-sm font-black text-slate-700 dark:text-slate-200">{{ __('Taxation System') }}</h4>
-                            </div>
-                            <div class="md:col-span-3 flex flex-wrap gap-x-8 gap-y-4">
-                                <label class="flex items-center gap-3 cursor-pointer group">
-                                    <div class="relative inline-flex items-center">
-                                        <input type="hidden" name="settings[tax_invoice]" value="0">
-                                        <input type="checkbox" name="settings[tax_invoice]" value="1" x-model="currentCompany.settings.tax_invoice" class="peer sr-only">
-                                        <div class="w-9 h-5 bg-slate-200 peer-focus:outline-none rounded-full peer dark:bg-slate-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-cyan-500"></div>
-                                    </div>
-                                    <span class="text-sm font-bold text-slate-600 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors">{{ __('Electronic Invoice') }}</span>
-                                </label>
-                            </div>
-                        </div>
-
-                        <!-- 刷卡機系統 (Card Terminal System) -->
-                        <div class="grid grid-cols-1 md:grid-cols-4 gap-4 items-center p-4 rounded-xl bg-slate-50/50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-700/50 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors">
-                            <div class="md:col-span-1">
-                                <h4 class="text-sm font-black text-slate-700 dark:text-slate-200">{{ __('Card Terminal System') }}</h4>
-                            </div>
-                            <div class="md:col-span-3 flex flex-wrap gap-x-8 gap-y-4">
-                                <label class="flex items-center gap-3 cursor-pointer group">
-                                    <div class="relative inline-flex items-center">
-                                        <input type="hidden" name="settings[card_terminal]" value="0">
-                                        <input type="checkbox" name="settings[card_terminal]" value="1" x-model="currentCompany.settings.card_terminal" class="peer sr-only">
-                                        <div class="w-9 h-5 bg-slate-200 peer-focus:outline-none rounded-full peer dark:bg-slate-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-cyan-500"></div>
-                                    </div>
-                                    <span class="text-sm font-bold text-slate-600 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors">{{ __('Includes Credit Card/Mobile Pay') }}</span>
-                                </label>
-                            </div>
-                        </div>
-
-                        <!-- 掃碼支付功能 (QR Scan Payment) -->
-                        <div class="grid grid-cols-1 md:grid-cols-4 gap-4 items-center p-4 rounded-xl bg-slate-50/50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-700/50 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors">
-                            <div class="md:col-span-1">
-                                <h4 class="text-sm font-black text-slate-700 dark:text-slate-200">{{ __('QR Scan Payment') }}</h4>
-                            </div>
-                            <div class="md:col-span-3 flex flex-wrap gap-x-8 gap-y-4">
-                                <label class="flex items-center gap-3 cursor-pointer group">
-                                    <div class="relative inline-flex items-center">
-                                        <input type="hidden" name="settings[scan_pay_esun]" value="0">
-                                        <input type="checkbox" name="settings[scan_pay_esun]" value="1" x-model="currentCompany.settings.scan_pay_esun" class="peer sr-only">
-                                        <div class="w-9 h-5 bg-slate-200 peer-focus:outline-none rounded-full peer dark:bg-slate-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-cyan-500"></div>
-                                    </div>
-                                    <span class="text-sm font-bold text-slate-600 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors">{{ __('E.SUN QR Pay') }}</span>
-                                </label>
-                                <label class="flex items-center gap-3 cursor-pointer group">
-                                    <div class="relative inline-flex items-center">
-                                        <input type="hidden" name="settings[scan_pay_linepay]" value="0">
-                                        <input type="checkbox" name="settings[scan_pay_linepay]" value="1" x-model="currentCompany.settings.scan_pay_linepay" class="peer sr-only">
-                                        <div class="w-9 h-5 bg-slate-200 peer-focus:outline-none rounded-full peer dark:bg-slate-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-cyan-500"></div>
-                                    </div>
-                                    <span class="text-sm font-bold text-slate-600 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors">{{ __('LinePay Payment') }}</span>
-                                </label>
-                            </div>
-                        </div>
-
-                        <!-- 購物車功能 (Shopping Cart Feature) -->
-                        <div class="grid grid-cols-1 md:grid-cols-4 gap-4 items-center p-4 rounded-xl bg-slate-50/50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-700/50 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors">
-                            <div class="md:col-span-1">
-                                <h4 class="text-sm font-black text-slate-700 dark:text-slate-200">{{ __('Shopping Cart Feature') }}</h4>
-                            </div>
-                            <div class="md:col-span-3 flex flex-wrap gap-x-8 gap-y-4">
-                                <label class="flex items-center gap-3 cursor-pointer group">
-                                    <div class="relative inline-flex items-center">
-                                        <input type="hidden" name="settings[shopping_cart]" value="0">
-                                        <input type="checkbox" name="settings[shopping_cart]" value="1" x-model="currentCompany.settings.shopping_cart" class="peer sr-only">
-                                        <div class="w-9 h-5 bg-slate-200 peer-focus:outline-none rounded-full peer dark:bg-slate-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-cyan-500"></div>
-                                    </div>
-                                    <span class="text-sm font-bold text-slate-600 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors">{{ __('Shopping Cart') }}</span>
-                                </label>
-                            </div>
-                        </div>
-
-                        <!-- 來店禮功能 (Welcome Gift Feature) -->
-                        <div class="grid grid-cols-1 md:grid-cols-4 gap-4 items-center p-4 rounded-xl bg-slate-50/50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-700/50 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors">
-                            <div class="md:col-span-1">
-                                <h4 class="text-sm font-black text-slate-700 dark:text-slate-200">{{ __('Welcome Gift Feature') }}</h4>
-                            </div>
-                            <div class="md:col-span-3 flex flex-wrap gap-x-8 gap-y-4">
-                                <label class="flex items-center gap-3 cursor-pointer group">
-                                    <div class="relative inline-flex items-center">
-                                        <input type="hidden" name="settings[welcome_gift]" value="0">
-                                        <input type="checkbox" name="settings[welcome_gift]" value="1" x-model="currentCompany.settings.welcome_gift" class="peer sr-only">
-                                        <div class="w-9 h-5 bg-slate-200 peer-focus:outline-none rounded-full peer dark:bg-slate-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-cyan-500"></div>
-                                    </div>
-                                    <span class="text-sm font-bold text-slate-600 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors">{{ __('Welcome Gift') }}</span>
-                                </label>
-                            </div>
-                        </div>
-
-                        <!-- 現金模組功能 (Cash Module Feature) -->
-                        <div class="grid grid-cols-1 md:grid-cols-4 gap-4 items-center p-4 rounded-xl bg-slate-50/50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-700/50 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors">
-                            <div class="md:col-span-1">
-                                <h4 class="text-sm font-black text-slate-700 dark:text-slate-200">{{ __('Cash Module Feature') }}</h4>
-                            </div>
-                            <div class="md:col-span-3 flex flex-wrap gap-x-8 gap-y-4">
-                                <label class="flex items-center gap-3 cursor-pointer group">
-                                    <div class="relative inline-flex items-center">
-                                        <input type="hidden" name="settings[cash_module]" value="0">
-                                        <input type="checkbox" name="settings[cash_module]" value="1" x-model="currentCompany.settings.cash_module" class="peer sr-only">
-                                        <div class="w-9 h-5 bg-slate-200 peer-focus:outline-none rounded-full peer dark:bg-slate-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-cyan-500"></div>
-                                    </div>
-                                    <span class="text-sm font-bold text-slate-600 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors">{{ __('Coin/Bill Acceptor') }}</span>
-                                </label>
-                            </div>
-                        </div>
                     </div>
 
                     <div class="flex justify-end gap-x-4 pt-8 mt-6 border-t border-slate-100 dark:border-slate-800">
@@ -1305,97 +1126,7 @@
                                             <span x-text="detailCompany.settings?.enable_points ? '{{ __('Enabled') }}' : '{{ __('Disabled') }}'"></span>
                                         </div>
                                     </div>
-                                    <!-- Electronic Invoice -->
+                                    <!-- Electronic Invoice, Card System, etc. moved to Machine settings -->
-                                    <div class="bg-white dark:bg-slate-800/20 p-4 rounded-2xl border border-slate-100 dark:border-slate-800/50 flex items-center justify-between">
-                                        <div class="flex items-center gap-3">
-                                            <div class="p-2 rounded-lg bg-emerald-50 dark:bg-emerald-500/10 text-emerald-500">
-                                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg>
-                                            </div>
-                                            <span class="text-sm font-bold text-slate-700 dark:text-slate-300">{{ __('Electronic Invoice') }}</span>
-                                        </div>
-                                        <div class="flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-black uppercase tracking-widest"
-                                             :class="detailCompany.settings?.tax_invoice ? 'bg-emerald-500/10 text-emerald-500' : 'bg-slate-100 dark:bg-slate-800 text-slate-400'">
-                                            <span x-text="detailCompany.settings?.tax_invoice ? '{{ __('Enabled') }}' : '{{ __('Disabled') }}'"></span>
-                                        </div>
-                                    </div>
-                                    <!-- Card System -->
-                                    <div class="bg-white dark:bg-slate-800/20 p-4 rounded-2xl border border-slate-100 dark:border-slate-800/50 flex items-center justify-between">
-                                        <div class="flex items-center gap-3">
-                                            <div class="p-2 rounded-lg bg-blue-50 dark:bg-blue-500/10 text-blue-500">
-                                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" /></svg>
-                                            </div>
-                                            <span class="text-sm font-bold text-slate-700 dark:text-slate-300">{{ __('Card System') }}</span>
-                                        </div>
-                                        <div class="flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-black uppercase tracking-widest"
-                                             :class="detailCompany.settings?.card_terminal ? 'bg-emerald-500/10 text-emerald-500' : 'bg-slate-100 dark:bg-slate-800 text-slate-400'">
-                                            <span x-text="detailCompany.settings?.card_terminal ? '{{ __('Enabled') }}' : '{{ __('Disabled') }}'"></span>
-                                        </div>
-                                    </div>
-                                    <!-- ESUN Pay -->
-                                    <div class="bg-white dark:bg-slate-800/20 p-4 rounded-2xl border border-slate-100 dark:border-slate-800/50 flex items-center justify-between">
-                                        <div class="flex items-center gap-3">
-                                            <div class="p-2 rounded-lg bg-green-50 dark:bg-green-500/10 text-green-500">
-                                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v1m6 11h2m-6 0h-2v4m0-11v3m0 0h.01M12 12h4.01M16 20h4M4 12h4m12 0h.01M5 8h2a1 1 0 001-1V5a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1zm12 0h2a1 1 0 001-1V5a1 1 0 00-1-1h-2a1 1 0 00-1 1v2a1 1 0 001 1zM5 17h2a1 1 0 001-1v-2a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1z" /></svg>
-                                            </div>
-                                            <span class="text-sm font-bold text-slate-700 dark:text-slate-300">{{ __('ESUN QR Pay') }}</span>
-                                        </div>
-                                        <div class="flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-black uppercase tracking-widest"
-                                             :class="detailCompany.settings?.scan_pay_esun ? 'bg-emerald-500/10 text-emerald-500' : 'bg-slate-100 dark:bg-slate-800 text-slate-400'">
-                                            <span x-text="detailCompany.settings?.scan_pay_esun ? '{{ __('Enabled') }}' : '{{ __('Disabled') }}'"></span>
-                                        </div>
-                                    </div>
-                                    <!-- LinePay -->
-                                    <div class="bg-white dark:bg-slate-800/20 p-4 rounded-2xl border border-slate-100 dark:border-slate-800/50 flex items-center justify-between">
-                                        <div class="flex items-center gap-3">
-                                            <div class="p-2 rounded-lg bg-green-50 dark:bg-green-500/10 text-green-500">
-                                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
-                                            </div>
-                                            <span class="text-sm font-bold text-slate-700 dark:text-slate-300">{{ __('LinePay Payment') }}</span>
-                                        </div>
-                                        <div class="flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-black uppercase tracking-widest"
-                                             :class="detailCompany.settings?.scan_pay_linepay ? 'bg-emerald-500/10 text-emerald-500' : 'bg-slate-100 dark:bg-slate-800 text-slate-400'">
-                                            <span x-text="detailCompany.settings?.scan_pay_linepay ? '{{ __('Enabled') }}' : '{{ __('Disabled') }}'"></span>
-                                        </div>
-                                    </div>
-                                    <!-- Shopping Cart -->
-                                    <div class="bg-white dark:bg-slate-800/20 p-4 rounded-2xl border border-slate-100 dark:border-slate-800/50 flex items-center justify-between">
-                                        <div class="flex items-center gap-3">
-                                            <div class="p-2 rounded-lg bg-purple-50 dark:bg-purple-500/10 text-purple-500">
-                                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
-                                            </div>
-                                            <span class="text-sm font-bold text-slate-700 dark:text-slate-300">{{ __('Shopping Cart') }}</span>
-                                        </div>
-                                        <div class="flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-black uppercase tracking-widest"
-                                             :class="detailCompany.settings?.shopping_cart ? 'bg-emerald-500/10 text-emerald-500' : 'bg-slate-100 dark:bg-slate-800 text-slate-400'">
-                                            <span x-text="detailCompany.settings?.shopping_cart ? '{{ __('Enabled') }}' : '{{ __('Disabled') }}'"></span>
-                                        </div>
-                                    </div>
-                                    <!-- Welcome Gift -->
-                                    <div class="bg-white dark:bg-slate-800/20 p-4 rounded-2xl border border-slate-100 dark:border-slate-800/50 flex items-center justify-between">
-                                        <div class="flex items-center gap-3">
-                                            <div class="p-2 rounded-lg bg-rose-50 dark:bg-rose-500/10 text-rose-500">
-                                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-14v4m0 0l8 4m-8-4l-8 4m8 4v10l8-4m0-14l-8 4" /></svg>
-                                            </div>
-                                            <span class="text-sm font-bold text-slate-700 dark:text-slate-300">{{ __('Welcome Gift') }}</span>
-                                        </div>
-                                        <div class="flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-black uppercase tracking-widest"
-                                             :class="detailCompany.settings?.welcome_gift ? 'bg-emerald-500/10 text-emerald-500' : 'bg-slate-100 dark:bg-slate-800 text-slate-400'">
-                                            <span x-text="detailCompany.settings?.welcome_gift ? '{{ __('Enabled') }}' : '{{ __('Disabled') }}'"></span>
-                                        </div>
-                                    </div>
-                                    <!-- Cash Module -->
-                                    <div class="bg-white dark:bg-slate-800/20 p-4 rounded-2xl border border-slate-100 dark:border-slate-800/50 flex items-center justify-between">
-                                        <div class="flex items-center gap-3">
-                                            <div class="p-2 rounded-lg bg-amber-50 dark:bg-amber-500/10 text-amber-500">
-                                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
-                                            </div>
-                                            <span class="text-sm font-bold text-slate-700 dark:text-slate-300">{{ __('Cash Module') }}</span>
-                                        </div>
-                                        <div class="flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-black uppercase tracking-widest"
-                                             :class="detailCompany.settings?.cash_module ? 'bg-emerald-500/10 text-emerald-500' : 'bg-slate-100 dark:bg-slate-800 text-slate-400'">
-                                            <span x-text="detailCompany.settings?.cash_module ? '{{ __('Enabled') }}' : '{{ __('Disabled') }}'"></span>
-                                        </div>
-                                    </div>
                                 </div>
                             </section>
 

resources/views/admin/warehouses/inventory.blade.php

@@ -56,16 +56,16 @@
             },
 
             init() {
-                this.$watch('activeTab', (newTab, oldTab) => {
+                this.$watch('activeTab', (newTab) => {
-                    const container = document.getElementById('tab-' + newTab + '-container');
-                    if (container && container.innerHTML.trim() === '') {
-                        this.fetchTabData(newTab);
-                    }
-
                     // Update URL
                     const url = new URL(window.location.origin + window.location.pathname);
                     url.searchParams.set('tab', newTab);
                     window.history.pushState({}, '', url);
+
+                    // Re-init HSSelect if needed when tab changes
+                    this.$nextTick(() => {
+                        if (window.HSStaticMethods) window.HSStaticMethods.autoInit();
+                    });
                 });
             },
 
@@ -90,7 +90,7 @@
                     if (form) {
                         const formData = new FormData(form);
                         formData.forEach((value, key) => {
-                            if (value.trim() !== '') params.set(key, value);
+                            if (value.trim() !== '') params.append(key, value);
                         });
                     }
                     url = `${window.location.pathname}?${params.toString()}`;
@@ -185,6 +185,7 @@
             },
 
             handleFilterSubmit(tab) {
+                console.log('handleFilterSubmit called for tab:', tab);
                 const url = new URL(window.location.href);
                 url.searchParams.delete('page');
                 this.fetchTabData(tab);
@@ -242,7 +243,7 @@
             </p>
         </div>
         <div class="flex items-center gap-3">
-            <template x-if="activeTab === 'stock-in'">
+            <template x-if="activeTab === 'stock'">
                 <button type="button" @click="openStockInModal()"
                     class="btn-luxury-primary transition-all duration-300">
                     <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5">
@@ -257,17 +258,17 @@
     <div class="flex items-center gap-1 p-1.5 bg-slate-100 dark:bg-slate-900/50 rounded-2xl w-fit border border-slate-200/50 dark:border-slate-800/50"
         aria-label="Tabs">
         <button type="button" @click="activeTab = 'stock'"
-            :class="activeTab === 'stock' ? 'bg-white dark:bg-slate-800 text-cyan-600 dark:text-cyan-400 shadow-sm shadow-cyan-500/10' : 'text-slate-400 hover:text-slate-600 dark:hover:text-slate-200'"
+            :class="activeTab === 'stock' ? 'bg-white dark:bg-slate-800 text-cyan-600 dark:text-cyan-400 shadow-sm shadow-cyan-500/20' : 'text-slate-400 hover:text-slate-600 dark:hover:text-slate-200'"
             class="px-8 py-3 rounded-xl text-sm font-black uppercase tracking-widest transition-all duration-300">
             {{ __('Current Stocks') }}
         </button>
         <button type="button" @click="activeTab = 'stock-in'"
-            :class="activeTab === 'stock-in' ? 'bg-white dark:bg-slate-800 text-cyan-600 dark:text-cyan-400 shadow-sm shadow-cyan-500/10' : 'text-slate-400 hover:text-slate-600 dark:hover:text-slate-200'"
+            :class="activeTab === 'stock-in' ? 'bg-white dark:bg-slate-800 text-cyan-600 dark:text-cyan-400 shadow-sm shadow-cyan-500/20' : 'text-slate-400 hover:text-slate-600 dark:hover:text-slate-200'"
             class="px-8 py-3 rounded-xl text-sm font-black uppercase tracking-widest transition-all duration-300">
             {{ __('Stock-In Orders') }}
         </button>
         <button type="button" @click="activeTab = 'movements'"
-            :class="activeTab === 'movements' ? 'bg-white dark:bg-slate-800 text-cyan-600 dark:text-cyan-400 shadow-sm shadow-cyan-500/10' : 'text-slate-400 hover:text-slate-600 dark:hover:text-slate-200'"
+            :class="activeTab === 'movements' ? 'bg-white dark:bg-slate-800 text-cyan-600 dark:text-cyan-400 shadow-sm shadow-cyan-500/20' : 'text-slate-400 hover:text-slate-600 dark:hover:text-slate-200'"
             class="px-8 py-3 rounded-xl text-sm font-black uppercase tracking-widest transition-all duration-300">
             {{ __('Movement History') }}
         </button>
@@ -300,7 +301,7 @@
             </div>
 
             <div id="tab-stock-container" class="relative">
-                @if($tab === 'stock') @include('admin.warehouses.partials.tab-stock') @endif
+                @include('admin.warehouses.partials.tab-stock')
             </div>
         </div>
 
@@ -330,7 +331,7 @@
             </div>
 
             <div id="tab-stock-in-container" class="relative">
-                @if($tab === 'stock-in') @include('admin.warehouses.partials.tab-stock-in') @endif
+                @include('admin.warehouses.partials.tab-stock-in')
             </div>
         </div>
 
@@ -359,7 +360,7 @@
             </div>
 
             <div id="tab-movements-container" class="relative">
-                @if($tab === 'movements') @include('admin.warehouses.partials.tab-movements') @endif
+                @include('admin.warehouses.partials.tab-movements')
             </div>
         </div>
     </div>
@@ -445,7 +446,7 @@
                                             <label class="block text-[10px] font-black text-slate-400 uppercase tracking-widest">{{ __('Product') }}</label>
                                             <x-searchable-select 
                                                 x-bind:name="'items['+index+'][product_id]'"
-                                                :options="$products ?? []"
+                                                :options="$stock_in_products ?? []"
                                                 placeholder="{{ __('Select Product') }}"
                                             />
                                         </div>
@@ -554,33 +555,33 @@
                                 <template x-if="activeOrder">
                                     <div class="space-y-10">
                                         <!-- Info Grid -->
-                                        <div class="grid grid-cols-2 gap-6 p-6 bg-slate-50/50 dark:bg-slate-800/30 rounded-[2rem] border border-slate-100 dark:border-slate-800">
+                                        <div class="grid grid-cols-2 gap-8 p-8 bg-slate-50/50 dark:bg-slate-800/30 rounded-[2rem] border border-slate-100 dark:border-slate-800">
-                                            <div class="space-y-1">
+                                            <div class="space-y-2">
-                                                <p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Status') }}</p>
+                                                <p class="text-xs font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Status') }}</p>
                                                 <div>
                                                     <template x-if="activeOrder.status === 'draft'">
-                                                        <span class="inline-flex items-center px-2 py-0.5 rounded-lg text-[10px] font-black bg-amber-500/10 text-amber-500 border border-amber-500/20 uppercase tracking-widest">{{ __('Draft') }}</span>
+                                                        <span class="inline-flex items-center px-2 py-0.5 rounded-lg text-xs font-black bg-amber-500/10 text-amber-500 border border-amber-500/20 uppercase tracking-widest">{{ __('Draft') }}</span>
                                                     </template>
                                                     <template x-if="activeOrder.status === 'completed'">
-                                                        <span class="inline-flex items-center px-2 py-0.5 rounded-lg text-[10px] font-black bg-emerald-500/10 text-emerald-500 border border-emerald-500/20 uppercase tracking-widest">{{ __('Completed') }}</span>
+                                                        <span class="inline-flex items-center px-2 py-0.5 rounded-lg text-xs font-black bg-emerald-500/10 text-emerald-500 border border-emerald-500/20 uppercase tracking-widest">{{ __('Completed') }}</span>
                                                     </template>
                                                 </div>
                                             </div>
-                                            <div class="space-y-1">
+                                            <div class="space-y-2">
-                                                <p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Created By') }}</p>
+                                                <p class="text-xs font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Created By') }}</p>
-                                                <p class="text-xs font-bold text-slate-700 dark:text-slate-300" x-text="activeOrder.creator_name"></p>
+                                                <p class="text-sm font-bold text-slate-700 dark:text-slate-300" x-text="activeOrder.creator_name"></p>
                                             </div>
-                                            <div class="space-y-1">
+                                            <div class="space-y-2">
-                                                <p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Created At') }}</p>
+                                                <p class="text-xs font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Created At') }}</p>
-                                                <p class="text-[11px] font-mono font-bold text-slate-600 dark:text-slate-400" x-text="activeOrder.created_at"></p>
+                                                <p class="text-sm font-mono font-bold text-slate-600 dark:text-slate-400" x-text="activeOrder.created_at"></p>
                                             </div>
-                                            <div class="space-y-1">
+                                            <div class="space-y-2">
-                                                <p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Approved At') }}</p>
+                                                <p class="text-xs font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Approved At') }}</p>
-                                                <p class="text-[11px] font-mono font-bold text-slate-600 dark:text-slate-400" x-text="activeOrder.completed_at || '-'"></p>
+                                                <p class="text-sm font-mono font-bold text-slate-600 dark:text-slate-400" x-text="activeOrder.completed_at || '-'"></p>
                                             </div>
                                             <template x-if="activeOrder.note">
                                                 <div class="col-span-2 space-y-1 pt-2 border-t border-slate-200/50 dark:border-slate-700/50">
-                                                    <p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Note') }}</p>
+                                                    <p class="text-xs font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Note') }}</p>
                                                     <p class="text-xs font-bold text-slate-600 dark:text-slate-400 italic" x-text="activeOrder.note"></p>
                                                 </div>
                                             </template>

resources/views/admin/warehouses/partials/tab-movements.blade.php

@@ -3,7 +3,7 @@
           @submit.prevent="handleFilterSubmit('movements')">
         <input type="hidden" name="tab" value="movements">
         
-        <div class="flex flex-col md:flex-row gap-4 items-center">
+        <div class="flex flex-wrap gap-4 items-center">
             <div class="w-64">
                 <x-searchable-select 
                     name="warehouse_id" 
@@ -28,12 +28,40 @@
                     @endforeach
                 </x-searchable-select>
             </div>
-        </div>
 
-        <div class="flex items-center gap-3">
+            {{-- Date Range --}}
-            <button type="button" @click="handleFilterSubmit('movements')" class="btn-luxury-secondary px-6">
+            <div class="relative group w-72" 
-                {{ __('Filter') }}
+                 x-data="{ fp: null }" 
-            </button>
+                 x-init="fp = flatpickr($refs.dateRange, { 
+                    mode: 'range',
+                    dateFormat: 'Y-m-d H:i',
+                    enableTime: true,
+                    time_24hr: true,
+                    defaultHour: 0,
+                    defaultMinute: 0,
+                    locale: 'zh_tw',
+                    defaultDate: '{{ request('start_date') }}' && '{{ request('end_date') }}' ? ['{{ request('start_date') }}', '{{ request('end_date') }}'] : [],
+                    onChange: function(selectedDates, dateStr, instance) {
+                        if (selectedDates.length === 2) {
+                            $refs.startDate.value = instance.formatDate(selectedDates[0], 'Y-m-d H:i');
+                            $refs.endDate.value = instance.formatDate(selectedDates[1], 'Y-m-d H:i');
+                            handleFilterSubmit('movements');
+                        } else if (selectedDates.length === 0) {
+                            $refs.startDate.value = '';
+                            $refs.endDate.value = '';
+                            handleFilterSubmit('movements');
+                        }
+                    }
+                 })">
+                <span class="absolute inset-y-0 left-0 flex items-center pl-4 pointer-events-none z-10 text-slate-400 group-focus-within:text-cyan-500 transition-colors">
+                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
+                </span>
+                <input type="hidden" name="start_date" x-ref="startDate" value="{{ request('start_date') }}">
+                <input type="hidden" name="end_date" x-ref="endDate" value="{{ request('end_date') }}">
+                <input type="text" x-ref="dateRange" 
+                    value="{{ request('start_date') && request('end_date') ? request('start_date') . ' 至 ' . request('end_date') : (request('start_date') ?: '') }}"
+                    placeholder="{{ __('Select Date Range') }}" class="luxury-input py-2.5 pl-12 pr-6 block w-full cursor-pointer">
+            </div>
         </div>
     </form>
 
@@ -54,13 +82,13 @@
                 <tr class="group hover:bg-slate-50/80 dark:hover:bg-slate-800/40 transition-all duration-300">
                     <td class="px-6 py-5">
                         <div class="flex items-center gap-x-4">
-                            <div class="w-10 h-10 rounded-xl bg-slate-100 dark:bg-slate-800 flex items-center justify-center text-slate-400 group-hover:bg-indigo-500 group-hover:text-white transition-all duration-300">
+                            <div class="w-10 h-10 rounded-xl bg-slate-100 dark:bg-slate-800 flex items-center justify-center text-slate-400 group-hover:bg-cyan-500 group-hover:text-white transition-all duration-300">
                                 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
                                     <path stroke-linecap="round" stroke-linejoin="round" d="M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" />
                                 </svg>
                             </div>
                             <div class="flex flex-col">
-                                <span class="text-base font-extrabold text-slate-800 dark:text-slate-100 group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors">
+                                <span class="text-base font-extrabold text-slate-800 dark:text-slate-100 group-hover:text-cyan-600 dark:group-hover:text-cyan-400 transition-colors">
                                     {{ $mv->product?->name }}
                                 </span>
                                 <div class="flex items-center gap-2 mt-0.5">
@@ -77,18 +105,18 @@
                         </span>
                     </td>
                     <td class="px-6 py-5 text-center whitespace-nowrap">
-                        @php $typeColor = in_array($mv->type, ['in', 'transfer_in']) ? 'emerald' : (in_array($mv->type, ['out', 'transfer_out']) ? 'rose' : 'amber'); @endphp
+                        @php $typeColor = in_array($mv->type, ['in', 'transfer_in']) ? 'cyan' : (in_array($mv->type, ['out', 'transfer_out']) ? 'rose' : 'amber'); @endphp
                         <span class="inline-flex items-center px-3 py-1.5 rounded-xl text-[10px] font-black bg-{{ $typeColor }}-500/10 text-{{ $typeColor }}-500 border border-{{ $typeColor }}-500/20 tracking-widest uppercase shadow-sm shadow-{{ $typeColor }}-500/5">{{ __(\App\Models\Warehouse\StockMovement::TYPE_LABELS[$mv->type] ?? $mv->type) }}</span>
                     </td>
-                    <td class="px-6 py-5 text-center font-mono font-extrabold {{ in_array($mv->type, ['in', 'transfer_in']) ? 'text-emerald-500' : 'text-rose-500' }}">
+                    <td class="px-6 py-5 text-center font-mono font-extrabold {{ in_array($mv->type, ['in', 'transfer_in']) ? 'text-cyan-500' : 'text-rose-500' }}">
                         <div class="flex flex-col items-center">
                             <span class="text-lg tracking-tighter">{{ in_array($mv->type, ['in', 'transfer_in']) ? '+' : '-' }}{{ $mv->quantity }}</span>
                             <div class="text-[10px] font-bold text-slate-400 dark:text-slate-500 tracking-tight">({{ $mv->before_qty }} → {{ $mv->after_qty }})</div>
                         </div>
                     </td>
                     <td class="px-6 py-5 text-center whitespace-nowrap">
-                        <span class="text-[11px] font-mono font-bold text-slate-500 dark:text-slate-400 tracking-tighter uppercase">
+                        <span class="text-xs font-mono font-black text-slate-500 dark:text-slate-400 tracking-widest uppercase">
-                            {{ $mv->created_at?->format('Y-m-d H:i') }}
+                            {{ $mv->created_at?->format('Y-m-d H:i:s') }}
                         </span>
                     </td>
                     <td class="px-6 py-5 text-right whitespace-nowrap">

resources/views/admin/warehouses/partials/tab-stock-in.blade.php

@@ -1,9 +1,11 @@
 <div class="luxury-card rounded-3xl p-8 animate-luxury-in">
     {{-- Filters --}}
-    <div class="flex flex-col md:flex-row md:items-center justify-between mb-8 gap-4">
+    <form action="{{ route('admin.warehouses.inventory') }}" method="GET" class="flex flex-col md:flex-row md:items-center justify-between mb-8 gap-4"
-        <form action="{{ route('admin.warehouses.inventory') }}" method="GET" class="relative group"
         @submit.prevent="handleFilterSubmit('stock-in')">
         <input type="hidden" name="tab" value="stock-in">
+        
+        <div class="flex flex-col md:flex-row gap-4 items-center">
+            <div class="relative group">
                 <span class="absolute inset-y-0 left-0 flex items-center pl-4 pointer-events-none z-10">
                     <svg class="h-4 w-4 text-slate-400 group-focus-within:text-cyan-500 transition-colors"
                         viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
@@ -11,17 +13,62 @@
                         <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
                     </svg>
                 </span>
-            <input type="text" name="search" value="{{ request('search') }}"
+                <input type="text" name="search_order" value="{{ request('search_order') }}"
+                    @keydown.enter.prevent="handleFilterSubmit('stock-in')"
                     class="py-2.5 pl-12 pr-6 block w-64 luxury-input" placeholder="{{ __('Search order number...') }}">
-        </form>
+            </div>
 
-        <div class="flex items-center gap-3">
+            {{-- Date Range --}}
-            <button type="button" @click="handleFilterSubmit('stock-in')" class="btn-luxury-secondary px-6">
+            <div class="relative group w-72" 
-                {{ __('Filter') }}
+                 x-data="{ fp: null }" 
-            </button>
+                 x-init="fp = flatpickr($refs.dateRange, { 
+                    mode: 'range',
+                    dateFormat: 'Y-m-d H:i',
+                    enableTime: true,
+                    time_24hr: true,
+                    defaultHour: 0,
+                    defaultMinute: 0,
+                    locale: 'zh_tw',
+                    defaultDate: '{{ request('start_date') }}' && '{{ request('end_date') }}' ? ['{{ request('start_date') }}', '{{ request('end_date') }}'] : [],
+                    onChange: function(selectedDates, dateStr, instance) {
+                        if (selectedDates.length === 2) {
+                            $refs.startDate.value = instance.formatDate(selectedDates[0], 'Y-m-d H:i');
+                            $refs.endDate.value = instance.formatDate(selectedDates[1], 'Y-m-d H:i');
+                            handleFilterSubmit('stock-in');
+                        } else if (selectedDates.length === 0) {
+                            $refs.startDate.value = '';
+                            $refs.endDate.value = '';
+                            handleFilterSubmit('stock-in');
+                        }
+                    }
+                 })">
+                <span class="absolute inset-y-0 left-0 flex items-center pl-4 pointer-events-none z-10 text-slate-400 group-focus-within:text-cyan-500 transition-colors">
+                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
+                </span>
+                <input type="hidden" name="start_date" x-ref="startDate" value="{{ request('start_date') }}">
+                <input type="hidden" name="end_date" x-ref="endDate" value="{{ request('end_date') }}">
+                <input type="text" x-ref="dateRange" 
+                    value="{{ request('start_date') && request('end_date') ? request('start_date') . ' 至 ' . request('end_date') : (request('start_date') ?: '') }}"
+                    placeholder="{{ __('Select Date Range') }}" class="luxury-input py-2.5 pl-12 pr-6 block w-full cursor-pointer">
             </div>
         </div>
 
+        @if(isset($stock_in_status_options))
+        <div class="w-48">
+            <x-searchable-select 
+                name="status" 
+                :selected="request('status')" 
+                :placeholder="__('All Status')"
+                x-on:change="handleFilterSubmit('stock-in')"
+            >
+                @foreach($stock_in_status_options as $key => $label)
+                    <option value="{{ $key }}" {{ request('status') === $key ? 'selected' : '' }}>{{ $label }}</option>
+                @endforeach
+            </x-searchable-select>
+        </div>
+        @endif
+    </form>
+
     {{-- Table --}}
     <div class="overflow-x-auto">
         <table class="w-full text-left border-separate border-spacing-y-0">
@@ -85,8 +132,8 @@
                         @endif
                     </td>
                     <td class="px-6 py-5 text-center whitespace-nowrap">
-                        <span class="text-[11px] font-mono font-bold text-slate-500 dark:text-slate-400 tracking-tighter">
+                        <span class="text-xs font-mono font-black text-slate-500 dark:text-slate-400 tracking-widest">
-                            {{ $order->created_at->format('Y-m-d H:i') }}
+                            {{ $order->created_at->format('Y-m-d H:i:s') }}
                         </span>
                     </td>
                     <td class="px-6 py-5 text-right whitespace-nowrap">

resources/views/admin/warehouses/partials/tab-stock.blade.php

@@ -1,18 +1,23 @@
 <div class="luxury-card rounded-3xl p-8 animate-luxury-in">
     <form action="{{ route('admin.warehouses.inventory') }}" method="GET" class="flex flex-col md:flex-row md:items-center gap-4 mb-8"
-          @submit.prevent="handleFilterSubmit('stock')">
+          @submit.prevent="handleFilterSubmit('stock')"
+          @multi-select-changed.window="handleFilterSubmit('stock')">
         <input type="hidden" name="tab" value="stock">
         <div class="relative group">
             <span class="absolute inset-y-0 left-0 flex items-center pl-4 pointer-events-none z-10"><svg class="h-4 w-4 text-slate-400 group-focus-within:text-cyan-500 transition-colors" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></span>
-            <input type="text" name="search" value="{{ request('search') }}" class="py-2.5 pl-12 pr-6 block w-64 luxury-input" placeholder="{{ __('Search products...') }}">
+            <input type="text" name="search" value="{{ request('search') }}" 
+                   class="py-2.5 pl-12 pr-6 block w-64 luxury-input" 
+                   placeholder="{{ __('Search products...') }}"
+                   @keydown.enter.prevent="handleFilterSubmit('stock')">
         </div>
-        <div class="min-w-[240px]">
+
-            <x-searchable-select 
+        {{-- 多選倉庫篩選器 --}}
-                name="warehouse_id" 
+        <div class="min-w-[260px]">
+            <x-multi-select
+                name="warehouse_ids"
                 :options="$warehouses"
-                :selected="request('warehouse_id')"
+                :selected="request('warehouse_ids', [])"
                 :placeholder="__('Filter by Warehouse Presence')"
-                @change="handleFilterSubmit('stock')"
             />
         </div>
     </form>
@@ -21,37 +26,49 @@
         <table class="w-full text-left border-separate border-spacing-y-0 min-w-max">
             <thead>
                 <tr class="bg-slate-50/50 dark:bg-white/[0.02]">
-                    <th class="px-6 py-5 text-xs font-bold text-slate-500 dark:text-slate-400 uppercase tracking-[0.15em] border-b border-slate-100 dark:border-slate-800 sticky left-0 bg-white dark:bg-[#1e293b] z-20">{{ __('Product') }}</th>
+                    <th class="px-6 py-5 text-sm font-black text-slate-500 dark:text-slate-400 uppercase tracking-[0.15em] border-b border-slate-100 dark:border-slate-800 sticky left-0 bg-white dark:bg-[#1e293b] z-20 w-[180px] md:w-[260px] min-w-[180px] md:min-w-[260px]">{{ __('Product') }}</th>
+                    <th class="px-6 py-5 text-sm font-black text-cyan-600 dark:text-cyan-400 uppercase tracking-[0.1em] border-b border-slate-100 dark:border-slate-800 text-center bg-white dark:bg-[#1e293b] sticky md:left-[260px] z-20 border-r border-slate-200/50 dark:border-slate-700/50 shadow-[1px_0_0_0_rgba(0,0,0,0.05)] dark:shadow-[1px_0_0_0_rgba(255,255,255,0.05)]">
+                        {{ __('Total') }}
+                    </th>
                     @foreach($inventory_warehouses as $w)
-                    <th class="px-6 py-5 text-xs font-bold text-slate-500 dark:text-slate-400 uppercase tracking-[0.15em] border-b border-slate-100 dark:border-slate-800 text-center">
+                    <th class="px-6 py-5 text-sm font-black text-slate-500 dark:text-slate-400 uppercase tracking-[0.15em] border-b border-slate-100 dark:border-slate-800 text-center">
                         <div class="flex flex-col items-center">
-                            <span class="text-slate-800 dark:text-slate-200">{{ $w->name }}</span>
+                            <span class="text-base font-black text-slate-800 dark:text-slate-200 tracking-tight">{{ $w->name }}</span>
-                            <span class="text-[9px] opacity-60 tracking-normal mt-0.5">{{ $w->type === 'main' ? __('Main') : __('Branch') }}</span>
+                            <span class="text-[10px] font-bold opacity-60 tracking-widest mt-0.5 uppercase">{{ $w->type === 'main' ? __('Main') : __('Branch') }}</span>
                         </div>
                     </th>
                     @endforeach
-                    <th class="px-6 py-5 text-xs font-bold text-cyan-600 dark:text-cyan-400 uppercase tracking-[0.15em] border-b border-slate-100 dark:border-slate-800 text-center bg-cyan-50/30 dark:bg-cyan-500/5">{{ __('Total') }}</th>
                 </tr>
             </thead>
             <tbody class="divide-y divide-slate-50 dark:divide-white/[0.05]">
                 @forelse($products as $product)
-                @php $totalQuantity = $product->stocks->sum('quantity'); @endphp
+                @php 
+                    $viewableWarehouseIds = $inventory_warehouses->pluck('id')->toArray();
+                    $totalQuantity = $product->stocks->whereIn('warehouse_id', $viewableWarehouseIds)->sum('quantity'); 
+                @endphp
                 <tr class="group hover:bg-slate-50 dark:hover:bg-white/[0.03] transition-all duration-300">
-                    <td class="px-6 py-4 sticky left-0 bg-white dark:bg-[#1e293b] group-hover:bg-slate-50 dark:group-hover:bg-white/[0.03] z-10 transition-colors shadow-[4px_0_12px_-4px_rgba(0,0,0,0.05)] dark:shadow-[4px_0_12px_-4px_rgba(0,0,0,0.2)]">
+                    <td class="px-6 py-4 sticky left-0 bg-white dark:bg-[#1e293b] group-hover:bg-slate-50 dark:group-hover:bg-white/[0.03] z-10 transition-colors w-[180px] md:w-[260px] min-w-[180px] md:min-w-[260px]">
-                        <div class="flex items-center gap-4">
+                        <div class="flex items-center gap-3 md:gap-4">
-                            <div class="w-11 h-11 rounded-2xl bg-slate-100 dark:bg-slate-800/50 flex items-center justify-center overflow-hidden border border-slate-200/50 dark:border-white/5 group-hover:border-cyan-500/30 transition-colors">
+                            <div class="w-8 h-8 md:w-11 md:h-11 rounded-xl md:rounded-2xl bg-slate-100 dark:bg-slate-800/50 flex items-center justify-center overflow-hidden border border-slate-200/50 dark:border-white/5 group-hover:border-cyan-500/30 transition-colors shrink-0">
                                 @if($product->image_url)
                                 <img src="{{ $product->image_url }}" class="w-full h-full object-cover">
                                 @else
-                                <svg class="w-5 h-5 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" /></svg>
+                                <svg class="w-4 h-4 md:w-5 md:h-5 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" /></svg>
                                 @endif
                             </div>
-                            <div class="flex flex-col">
+                            <div class="flex flex-col min-w-0">
-                                <span class="font-extrabold text-slate-800 dark:text-slate-100 group-hover:text-cyan-600 dark:group-hover:text-cyan-400 transition-colors">{{ $product->localized_name }}</span>
+                                <span class="text-xs md:text-sm font-extrabold text-slate-800 dark:text-slate-100 group-hover:text-cyan-600 dark:group-hover:text-cyan-400 transition-colors truncate">{{ $product->localized_name }}</span>
-                                <span class="text-[10px] font-bold text-slate-400 mt-0.5 tracking-tight">{{ $product->barcode ?? '-' }}</span>
+                                @if($product->barcode)
+                                <span class="text-[9px] md:text-[10px] font-bold text-slate-400 mt-0.5 tracking-tight truncate">{{ $product->barcode }}</span>
+                                @endif
                             </div>
                         </div>
                     </td>
+                    <td class="px-4 md:px-6 py-4 text-center bg-white dark:bg-[#1e293b] group-hover:bg-slate-50 dark:group-hover:bg-white/[0.03] transition-colors sticky md:left-[260px] z-10 border-r border-slate-200/50 dark:border-slate-700/50 shadow-[4px_0_12px_-4px_rgba(0,0,0,0.1)] dark:shadow-[4px_0_12px_-4px_rgba(0,0,0,0.3)]">
+                        <span class="text-lg md:text-xl font-mono font-black text-cyan-600 dark:text-cyan-400 drop-shadow-[0_0_10px_rgba(6,182,212,0.1)]">
+                            {{ $totalQuantity }}
+                        </span>
+                    </td>
                     @foreach($inventory_warehouses as $w)
                     @php 
                         $stock = $product->stocks->firstWhere('warehouse_id', $w->id);
@@ -72,11 +89,6 @@
                         @endif
                     </td>
                     @endforeach
-                    <td class="px-6 py-4 text-center bg-cyan-50/30 dark:bg-cyan-500/5 group-hover:bg-cyan-100/30 dark:group-hover:bg-cyan-500/10 transition-colors">
-                        <span class="text-xl font-mono font-black text-cyan-600 dark:text-cyan-400 drop-shadow-[0_0_10px_rgba(6,182,212,0.1)]">
-                            {{ $totalQuantity }}
-                        </span>
-                    </td>
                 </tr>
                 @empty
                 <tr>

resources/views/components/breadcrumbs.blade.php

@@ -89,6 +89,12 @@
                         'machine-models' => __('Machine Models'),
                         default => null,
                     },
+                    'permission' => match($segments[2] ?? '') {
+                        'companies' => __('Customer Management'),
+                        'accounts' => __('Account Management'),
+                        'roles' => __('Roles'),
+                        default => null,
+                    },
                     default => null,
                 },
                 'edit' => str_starts_with($routeName, 'profile') ? __('Profile') : __('Edit'),

resources/views/components/multi-select.blade.php

@@ -0,0 +1,176 @@
+{{--
+    多選下拉組件 (Multi-Select Dropdown)
+    純 Alpine.js 實作，不依賴 Preline HSSelect，避免 tags 模式衝突。
+
+    使用方式：
+    <x-multi-select
+        name="warehouse_ids"
+        :options="$warehouses"
+        :selected="request('warehouse_ids', [])"
+        :placeholder="__('Filter by Warehouse')"
+    />
+
+    Props：
+    - name       : 表單欄位名稱，會自動加上 [] (string)
+    - options     : 選項列表，支援 Collection<{id, name}> 或 associative array (iterable)
+    - selected    : 已選值陣列 (array)
+    - placeholder : 未選擇時的提示文字 (string)
+    - id          : 元素 ID (string, optional)
+    - hasSearch   : 是否顯示搜尋框 (bool, default: true)
+
+    事件：
+    - 選項變更後會觸發外層 form 的 submit 事件（400ms debounce）
+    - 如不需自動提交，加上 no-auto-submit 屬性
+--}}
+
+@props([
+    'name' => null,
+    'options' => [],
+    'selected' => [],
+    'placeholder' => null,
+    'id' => null,
+    'hasSearch' => true,
+])
+
+@php
+    $id = $id ?? $name ?? 'multi-select-' . uniqid();
+    $options = is_iterable($options) ? $options : [];
+    $placeholder = $placeholder ?: __('Select...');
+    $autoSubmit = !$attributes->has('no-auto-submit');
+
+    // 將選項統一為 [{id, name}] 格式
+    $normalizedOptions = collect($options)->map(function ($item, $key) {
+        if (is_object($item)) {
+            return ['id' => $item->id ?? $item->value ?? $key, 'name' => $item->name ?? $item->label ?? $item->title ?? $key];
+        }
+        return ['id' => $key, 'name' => $item];
+    })->values()->toArray();
+
+    // 確保 selected 是陣列
+    $selectedArray = is_array($selected) ? array_map('intval', $selected) : [];
+@endphp
+
+<div id="{{ $id }}"
+     class="relative {{ $attributes->get('class', '') }}"
+     x-data="{
+        open: false,
+        search: '',
+        selected: @js($selectedArray),
+        options: @js($normalizedOptions),
+        autoSubmit: @js($autoSubmit),
+
+        get filtered() {
+            if (!this.search) return this.options;
+            const s = this.search.toLowerCase();
+            return this.options.filter(o => o.name.toString().toLowerCase().includes(s));
+        },
+        isSelected(id) { return this.selected.includes(id); },
+        toggle(id) {
+            const i = this.selected.indexOf(id);
+            if (i === -1) { this.selected.push(id); } else { this.selected.splice(i, 1); }
+            this.onChanged();
+        },
+        remove(id) {
+            this.selected = this.selected.filter(v => v !== id);
+            this.onChanged();
+        },
+        selectAll() {
+            this.selected = this.options.map(o => o.id);
+            this.onChanged();
+        },
+        clear() {
+            this.selected = [];
+            this.onChanged();
+        },
+        onChanged() {
+            if (!this.autoSubmit) return;
+            this.$nextTick(() => {
+                window.dispatchEvent(new CustomEvent('multi-select-changed'));
+            });
+        },
+        getName(id) {
+            const o = this.options.find(o => o.id === id);
+            return o ? o.name : id;
+        }
+    }"
+     @click.outside="open = false"
+     @keydown.escape.window="open = false"
+     {{ $attributes->except(['class', 'options', 'selected', 'placeholder', 'id', 'name', 'hasSearch', 'no-auto-submit']) }}>
+
+    {{-- 隱藏 input 送出表單用 --}}
+    <template x-for="id in selected" :key="id">
+        <input type="hidden" name="{{ $name }}[]" :value="id">
+    </template>
+
+    {{-- Toggle 按鈕 --}}
+    <button type="button" @click="open = !open"
+        class="luxury-input w-full pr-10 cursor-pointer text-start flex flex-wrap items-center gap-1.5 relative min-h-[46px]">
+
+        {{-- 未選擇時的 placeholder --}}
+        <span x-show="selected.length === 0" class="text-slate-400 dark:text-slate-500 font-bold text-sm">
+            {{ $placeholder }}
+        </span>
+
+        {{-- 選擇後的 tags --}}
+        <template x-for="id in selected" :key="'tag-'+id">
+            <span class="inline-flex items-center gap-1 bg-cyan-500/10 dark:bg-cyan-500/20 text-cyan-700 dark:text-cyan-300 rounded-lg px-2.5 py-1 text-xs font-bold border border-cyan-500/20 dark:border-cyan-500/30">
+                <span x-text="getName(id)"></span>
+                <button type="button" @click.stop="remove(id)" class="hover:text-cyan-500 transition-colors">
+                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="3"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg>
+                </button>
+            </span>
+        </template>
+
+        {{-- 下拉箭頭 --}}
+        <div class="absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none">
+            <svg class="size-4 text-slate-400 transition-transform duration-300" :class="open && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
+        </div>
+    </button>
+
+    {{-- 下拉選單 --}}
+    <div x-show="open"
+         x-transition:enter="transition ease-out duration-200"
+         x-transition:enter-start="opacity-0 -translate-y-1"
+         x-transition:enter-end="opacity-100 translate-y-0"
+         x-transition:leave="transition ease-in duration-150"
+         x-transition:leave-start="opacity-100"
+         x-transition:leave-end="opacity-0"
+         class="absolute z-[150] mt-2 w-full bg-white dark:bg-slate-900 border border-slate-200 dark:border-white/10 rounded-xl shadow-[0_20px_50px_rgba(0,0,0,0.3)] overflow-hidden"
+         x-cloak>
+
+        {{-- 搜尋框 --}}
+        @if($hasSearch)
+        <div class="sticky top-0 bg-white/95 dark:bg-slate-900/95 backdrop-blur-md p-2 z-10">
+            <input type="text" x-model="search"
+                   class="block w-full py-2 px-3 text-sm border-slate-200 dark:border-white/10 rounded-lg focus:border-cyan-500 focus:ring-cyan-500 bg-slate-50 dark:bg-slate-900/50 dark:text-slate-200 placeholder:text-slate-400 dark:placeholder:text-slate-500"
+                   placeholder="{{ __('Search...') }}" @click.stop>
+        </div>
+        @endif
+
+        {{-- 全選 / 清除 --}}
+        <div class="flex items-center justify-between px-3 py-1.5 border-b border-slate-100 dark:border-slate-800">
+            <button type="button" @click.stop="selectAll()"
+                    class="text-[11px] font-bold text-cyan-600 dark:text-cyan-400 hover:underline">{{ __('Select All') }}</button>
+            <button type="button" @click.stop="clear()"
+                    class="text-[11px] font-bold text-slate-400 hover:text-rose-500 hover:underline transition-colors">{{ __('Clear') }}</button>
+        </div>
+
+        {{-- 選項列表 --}}
+        <div class="max-h-60 overflow-y-auto p-1.5">
+            <template x-for="o in filtered" :key="o.id">
+                <label @click.stop class="flex items-center gap-3 py-2.5 px-3 rounded-lg cursor-pointer hover:bg-slate-50 dark:hover:bg-cyan-500/10 transition-all duration-200 mb-0.5"
+                       :class="isSelected(o.id) && 'bg-cyan-50 dark:bg-cyan-500/5'">
+                    <input type="checkbox" :checked="isSelected(o.id)" @change="toggle(o.id)"
+                           class="rounded border-slate-300 dark:border-slate-600 text-cyan-500 focus:ring-cyan-500 dark:bg-slate-800 cursor-pointer">
+                    <span class="text-sm font-bold text-slate-700 dark:text-slate-300" x-text="o.name"></span>
+                    <svg x-show="isSelected(o.id)" class="w-4 h-4 text-cyan-500 ml-auto shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg>
+                </label>
+            </template>
+
+            {{-- 無搜尋結果 --}}
+            <div x-show="filtered.length === 0" class="py-6 text-center text-sm text-slate-400 font-bold">
+                {{ __('No results found') }}
+            </div>
+        </div>
+    </div>
+</div>

routes/web.php

@@ -213,6 +213,7 @@ Route::middleware(['auth', 'verified', 'tenant.access'])->prefix('admin')->name(
             Route::put('/{machine}', [App\Http\Controllers\Admin\BasicSettings\MachineSettingController::class, 'update'])->name('update');
             Route::post('/', [App\Http\Controllers\Admin\BasicSettings\MachineSettingController::class, 'store'])->name('store');
             Route::post('/{machine}/regenerate-token', [App\Http\Controllers\Admin\BasicSettings\MachineSettingController::class, 'regenerateToken'])->name('regenerate-token');
+            Route::patch('/{machine}/update-system-settings', [App\Http\Controllers\Admin\BasicSettings\MachineSettingController::class, 'updateSystemSettings'])->name('update-system-settings');
 
             // 地址轉座標 (Geocoding Proxy)
             Route::post('/geocode', [App\Http\Controllers\Admin\GeocodingController::class, 'resolve'])->name('geocode');