diff --git a/src/pages/MainPage/Main.tsx b/src/pages/MainPage/Main.tsx
index cf38e9d..9043640 100644
--- a/src/pages/MainPage/Main.tsx
+++ b/src/pages/MainPage/Main.tsx
@@ -14,6 +14,8 @@ import { _applicationNo, _date, _optn, _name, _location, _type, _assessor, _feeL
 const API = import.meta.env.VITE_BACKEND
 const PESO = import.meta.env.VITE_PESO
 const ID = import.meta.env.VITE_HEADID
+const NAME = import.meta.env.VITE_HEAD
+const PUBLICIP = import.meta.env.VITE_PUBLICIP
 
 export default () => {
   const navigate = useNavigate()
@@ -108,9 +110,10 @@ export default () => {
     updateOrderofpayment = await updateOp()
 
     if (updateOrderofpayment) {
+      postTransaction()
+      postPops(application)
       setApprovedApplication(application)
       setApproved(true)
-      postTransaction()
     }
   }
 
@@ -142,34 +145,48 @@ export default () => {
     }
   }
 
-  const getPrintDetails = async (id: number) => {
-    const response = await ofetch(API + 'get-printdetails-electrical/' + id)
-    const applicationno = response.result
-    const date = response.result2
-    const location = response.result3
-    const name = response.result8
-    const type = `${response.result4} - ${response.result5}`
-    const assessor = response.result7
+  // const getPrintDetails = async (id: number) => {
+  //   const response = await ofetch(API + 'get-printdetails-electrical/' + id)
+  //   const applicationno = response.result
+  //   const date = response.result2
+  //   const location = response.result3
+  //   const name = response.result8
+  //   const type = `${response.result4} - ${response.result5}`
+  //   const assessor = response.result7
 
-    _optn.set('M' + applicationno.split('-')[0] + applicationno.split('-')[1])
-    _applicationNo.set(applicationno)
-    _date.set(dayjs(date).format('MMMM DD, YYYY'))
-    _name.set(name)
-    _location.set(location)
-    _type.set(type)
-    _assessor.set(assessor)
-    _assessorid.set(employeeId())
-  }
+  //   _optn.set('M' + applicationno.split('-')[0] + applicationno.split('-')[1])
+  //   _applicationNo.set(applicationno)
+  //   _date.set(dayjs(date).format('MMMM DD, YYYY'))
+  //   _name.set(name)
+  //   _location.set(location)
+  //   _type.set(type)
+  //   _assessor.set(assessor)
+  //   _assessorid.set(employeeId())
+  // }
 
   const postPops = async (application: string) => {
+    const applicationId = await ofetch(API + 'get-idbyapplication-electrical/' + application, { parseResponse: JSON.parse })
+    const response = await ofetch(API + 'get-popsdetails-electrical/' + applicationId.result, { parseResponse: JSON.parse })
+    const applicationNo = response.result[0]
+    const customerid = response.result2[0]
+    const customerName = response.result3[0]
+    const location = response.result4[0]
+    const amountList = response.result5
+    const lguList = response.result6
+    const dpwhList = response.result7
+    const boList = response.result8
+    const codeList = response.result9
+
     const today = new Date()
     const formattedDate = dayjs(today).format('YYYY-MM-DD')
     const formattedDatewithTime = dayjs(today).format('YYYY-MM-DD HH:mm:ss')
 
-    await ofetch(API + 'update-opapproved-electrical', {
-      method: 'POST',
-      body: { data: application, data2: formattedDate },
-    })
+    for (let i = 0; i < applicationNo.length; i++) {
+      await ofetch(API + 'post-pops', {
+        method: 'POST',
+        body: { data: application, data2: formattedDate, data3: customerid, data4: customerName, data5: location, data6: codeList[i], data7: amountList[i], data8: NAME, data9: formattedDatewithTime, data10: lguList[i], data11: dpwhList[i], data12: boList[i], data13: PUBLICIP },
+      })
+    }
   }
 
   // const calculateAmounts = () => {