From dd874cbe9c0f91427147c37bb8810179f52e3609 Mon Sep 17 00:00:00 2001
From: Vinix <nzxtvinix@gmail.com>
Date: Fri, 24 Oct 2025 11:07:06 +0700
Subject: [PATCH] Add brand device field to DetailDevice component and
 ListDevice table

---
 .../master/device/component/DetailDevice.jsx  | 19 +++++++++++++++++++
 .../master/device/component/ListDevice.jsx    |  6 ++++++
 2 files changed, 25 insertions(+)

diff --git a/src/pages/master/device/component/DetailDevice.jsx b/src/pages/master/device/component/DetailDevice.jsx
index fc06dde..0e2c56e 100644
--- a/src/pages/master/device/component/DetailDevice.jsx
+++ b/src/pages/master/device/component/DetailDevice.jsx
@@ -14,6 +14,7 @@ const DetailDevice = (props) => {
         device_id: '',
         device_code: '',
         device_name: '',
+        brand_device: '',
         is_active: true,
         device_location: '',
         device_description: '',
@@ -228,6 +229,7 @@ const DetailDevice = (props) => {
                             }}
                         />
                     </div>
+
                     <div style={{ marginBottom: 12 }}>
                         <Text strong>Device Name</Text>
                         <Text style={{ color: 'red' }}> *</Text>
@@ -239,6 +241,23 @@ const DetailDevice = (props) => {
                             readOnly={props.readOnly}
                         />
                     </div>
+                    <div style={{ marginBottom: 12 }}>
+                        <Text strong>Brand Device</Text>
+                        <Text style={{ color: 'red' }}> *</Text>
+                        <Input
+                            name="brand_device"
+                            value={formData.brand_device}
+                            onChange={handleInputChange}
+                            placeholder="Enter Brand Device"
+                            readOnly={props.readOnly}
+                            disabled
+                            style={{
+                                backgroundColor: '#f5f5f5',
+                                cursor: 'not-allowed',
+                                color: formData.brand_device ? '#000000' : '#bfbfbf',
+                            }}
+                        />
+                    </div>
                     <div style={{ marginBottom: 12 }}>
                         <Text strong>Device Location</Text>
                         <Input
diff --git a/src/pages/master/device/component/ListDevice.jsx b/src/pages/master/device/component/ListDevice.jsx
index fb0d64f..70dc2dd 100644
--- a/src/pages/master/device/component/ListDevice.jsx
+++ b/src/pages/master/device/component/ListDevice.jsx
@@ -34,6 +34,12 @@ const columns = (showPreviewModal, showEditModal, showDeleteDialog) => [
         key: 'device_name',
         width: '20%',
     },
+    {
+        title: 'Brand Device',
+        dataIndex: 'brand_device',
+        key: 'brand_device',
+        width: '20%',
+    },
     {
         title: 'Location',
         dataIndex: 'device_location',