diff --git a/v1/js/result.js b/v1/js/result.js
index fe46da1..7014383 100644
--- a/v1/js/result.js
+++ b/v1/js/result.js
@@ -90,7 +90,8 @@ document.addEventListener('alpine:init', () => {
                 sampleID: '20251209',
                 assayNo: 'WBC',
                 result: '100',
-                date: '2025-05-01 08:00:01'
+                date: '2025-05-01 08:00:01',
+                logs: '',
             },
             {
                 idResult: 2,
@@ -99,7 +100,8 @@ document.addEventListener('alpine:init', () => {
                 sampleID: '20251209',
                 assayNo: 'IgG',
                 result: '20',
-                date: '2025-05-01 08:00:01'
+                date: '2025-05-01 08:00:01',
+                logs: ''
             },
             {
                 idResult: 3,
@@ -108,9 +110,20 @@ document.addEventListener('alpine:init', () => {
                 sampleID: '20251209',
                 assayNo: 'TBIL',
                 result: '12',
-                date: '2025-05-01 08:00:01'
+                date: '2025-05-01 08:00:01',
+                logs: ''
             },
         ],
+        selectedRawData: {
+            idResult: -1,
+            idInstrument: -1,
+            namaInstrument: '',
+            sampleID: '',
+            assayNo: '',
+            result: '',
+            date: '',
+            logs: '',
+        },
         selectedInstrument: {
             idInstrument: -1,
             namaInstrument: 'Instrument'
@@ -143,6 +156,7 @@ document.addEventListener('alpine:init', () => {
             this.selectedInstrument = { ...item };
         },
         openModalRawData(item){
+            this.selectedRawData = item
             this.rawDataDesktop = true
         },
         closeDialog(){
diff --git a/v1/result.html b/v1/result.html
index 55c6bd7..83aa0e5 100644
--- a/v1/result.html
+++ b/v1/result.html
@@ -264,22 +264,27 @@
                     </div>
                     <!-- body -->
                     <div class="mx-6 my-5">
-                        <div class="flex items-center px-4 py-2 border-b border-gray-200 w-full">
-                            <span class="text-gray-900 w-1/5">Cobas C311</span>
-                            <span class="text-gray-900 w-1/5">20251209</span>
-                            <span class="text-gray-900 w-1/5">TBIL</span>
-                            <span class="text-gray-900 w-1/5">12</span>
-                            <span class="text-gray-900 w-1/5">2025-05-01 08:00:01</span>
-                        </div>
-                        <div class="flex flex-1 bg-[#F0F2F5DE] flex-col rounded-lg mt-5 p-5">
-                            <h3 class="font-normal text-base text-black/87 mb-3">
-                                H|^&\\cobas6000^1|||||host|RUPL^REAL|P|1</h3>
-                            <h3 class="font-normal text-base text-black/87 mb-3">P|1|||||||||||M||||||||||59^Y</h3>
-                            <h3 class="font-normal text-base text-black/87 mb-3">O|1|
-                                250304063223|0^5016^2^^^s1^sc|^^^452^^^^418</h3>
-                            <h3 class="font-normal text-base text-black/87 mb-3">C|1|SYAHRIL EFFENDI ^^^|G</h3>
-                            <h3 class="font-normal text-base text-black/87 mb-3">C|1|SYAHRIL EFFENDI ^^^|G</h3>
-                        </div>
+                        <template x-if="selectedRawData.idResult != -1">
+                            <div>
+                                <div class="flex items-center px-4 py-2 border-b border-gray-200 w-full">
+                                    <span class="text-gray-900 w-1/5" x-text="selectedRawData.namaInstrument"></span>
+                                    <span class="text-gray-900 w-1/5" x-text="selectedRawData.sampleID"></span>
+                                    <span class="text-gray-900 w-1/5" x-text="selectedRawData.assayNo"></span>
+                                    <span class="text-gray-900 w-1/5" x-text="selectedRawData.result"></span>
+                                    <span class="text-gray-900 w-1/5" x-text="selectedRawData.date"></span>
+                                </div>
+                                <div class="flex flex-1 bg-[#F0F2F5DE] flex-col rounded-lg mt-5 p-5">
+                                    <h3 class="font-normal text-base text-black/87 mb-3">
+                                        H|^&\\cobas6000^1|||||host|RUPL^REAL|P|1</h3>
+                                    <h3 class="font-normal text-base text-black/87 mb-3">P|1|||||||||||M||||||||||59^Y
+                                    </h3>
+                                    <h3 class="font-normal text-base text-black/87 mb-3">O|1|
+                                        250304063223|0^5016^2^^^s1^sc|^^^452^^^^418</h3>
+                                    <h3 class="font-normal text-base text-black/87 mb-3">C|1|SYAHRIL EFFENDI ^^^|G</h3>
+                                    <h3 class="font-normal text-base text-black/87 mb-3">C|1|SYAHRIL EFFENDI ^^^|G</h3>
+                                </div>
+                            </div>
+                        </template>
                     </div>
                     <!-- footer -->
                     <div class="h-10 px-4 py-2 mb-5">