diff --git a/public/img/leaderapproval.png b/public/img/leaderapproval.png
new file mode 100644
index 0000000..4325529
Binary files /dev/null and b/public/img/leaderapproval.png differ
diff --git a/resources/js/Permohonan/StatusMohon.vue b/resources/js/Permohonan/StatusMohon.vue
index ea5df08..80bfc15 100644
--- a/resources/js/Permohonan/StatusMohon.vue
+++ b/resources/js/Permohonan/StatusMohon.vue
@@ -1,116 +1,243 @@
 <template>
-<div class="container px-1 px-md-4 py-5 mx-auto">
-    <div class="card">
-        <div class="row d-flex justify-content-between px-3 top">
-            <div class="d-flex">
-                <h5>NO PERMOHONAN : <span class="text-primary font-weight-bold">ARKB120191020-1425</span></h5>
-            </div>
-        </div> <!-- Add class 'active' to progress -->
-        <div class="row d-flex justify-content-center">
-            <div class="w-full">
-                <ul id="progressbar" class="text-center">
-                    <li class="active step0"></li>
-                    <li class="active step0"></li>
-                    <li class="active step0"></li>
-                    <li class="active step0"></li>
-                    <li class="active step0"></li>
-                </ul>
-            </div>
-        </div>
+    <div class="container px-1 px-md-4 py-5 mx-auto">
+    
+    <router-link to="/permohonan">
+        <i class="fas fa-backspace text-yellow-500"></i>
+    </router-link>
 
-        <div class="flex w-full">
-            <div class="row flex flex-col justify-center items-center icon-content w-1/5 "> <img class="icon mx-auto" src="/img/proposal.png">
-                <div class="flex flex-column">
-                    <p class="font-weight-bold text-center">PPC / PC<br>Mohon Wang</p>
+        <div class="card">
+    
+            <div class="row d-flex justify-content-between px-3 top">
+    
+                <div class="d-flex">
+    
+                    <h5>NO PERMOHONAN : <span class="text-primary font-weight-bold">ARKB120191020-1425</span></h5>
+    
                 </div>
+    
             </div>
-            <div class="flex flex-col justify-center items-center icon-content w-1/5"> <img class="icon mx-auto" src="/img/operasicek.png">
-                <div class="flex flex-column">
-                    <p class="font-weight-bold text-center">Operasi <br> Mengesahkan <br> Permohonan</p>
+    
+            <!-- Add class 'active' to progress -->
+    
+            <div class="row flex justify-content-center">
+    
+                <div class="w-full">
+    
+                    <ul id="progressbar" class="text-center flex">
+    
+                        <li class="active step0 w-1/6"></li>
+    
+                        <li class="active step0 w-1/6"></li>
+    
+                        <li class="step0 w-1/6"></li>
+    
+                        <li class="step0 w-1/6"></li>
+    
+                        <li class="step0 w-1/6"></li>
+    
+                        <li class="step0 w-1/6"></li>
+    
+                    </ul>
+    
                 </div>
+    
             </div>
-            <div class="flex flex-col justify-center items-center icon-content w-1/5"> <img class="icon mx-auto" src="/img/operasicek.png">
-                <div class="d-flex flex-column">
-                    <p class="font-weight-bold text-center">Akaun <br> Mengesahkan<br> Permohonan</p>
+    
+    
+    
+            <div class="flex w-full">
+    
+                <div class="row flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/proposal.png">
+    
+                    <div class="flex flex-column">
+    
+                        <p class="font-weight-bold text-center">PPC / PC<br>Mohon Wang</p>
+    
+                    </div>
+    
                 </div>
-            </div>
-            <div class="flex flex-col justify-center items-center icon-content w-1/5"> <img class="icon mx-auto" src="/img/chequetick.png">
-                <div class="d-flex flex-column">
-                    <p class="font-weight-bold text-center">Akaun <br> Menghantar <br> Deposit</p>
+    
+                <div class="flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/operasicek.png">
+    
+                    <div class="flex flex-column">
+    
+                        <p class="font-weight-bold text-center">Operasi <br> Mengesahkan <br> Permohonan</p>
+    
+                    </div>
+    
                 </div>
-            </div>
-            <div class="flex flex-col justify-center items-center icon-content w-1/5"> <img class="icon mx-auto" src="/img/money.png">
-                <div class="d-flex flex-column">
-                    <p class="font-weight-bold text-center">PPC / PC <br> Terima Wang</p>
+    
+                <div class="flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/operasicek.png">
+    
+                    <div class="d-flex flex-column">
+    
+                        <p class="font-weight-bold text-center">Akaun <br> Mengesahkan<br> Permohonan</p>
+    
+                    </div>
+    
                 </div>
+    
+                <div class="flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/leaderapproval.png">
+    
+                    <div class="d-flex flex-column">
+    
+                        <p class="font-weight-bold text-center">PB <br> Mengesahkan <br> Permohonan</p>
+    
+                    </div>
+    
+                </div>
+    
+                <div class="flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/chequetick.png">
+    
+                    <div class="d-flex flex-column">
+    
+                        <p class="font-weight-bold text-center">Akaun <br> Menghantar <br> Deposit</p>
+    
+                    </div>
+    
+                </div>
+    
+                <div class="flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/money.png">
+    
+                    <div class="d-flex flex-column">
+    
+                        <p class="font-weight-bold text-center">PPC / PC <br> Terima Wang</p>
+    
+                    </div>
+    
+                </div>
+    
             </div>
+    
         </div>
-    </div>
-    <div class="">
+    
+        <div class="">
+    
+    
+    
+            <div class="p-4 flex justify-center items-center">
+    
+                <table class="w-2/3 leading-normal">
+    
+                    <thead class="text-center">
+    
+                        <tr>
+    
+                            <th class="w-1/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+    
+                                Tarikh
+    
+                            </th>
+    
+                            <th class="w-1/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+    
+                                Masa
+    
+                            </th>
+    
+                            <th class="w-3/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+    
+                                Status Permohonan
+    
+                            </th>
+    
+                        </tr>
+    
+                    </thead>
+    
+                    <tbody>
+    
+                        <td class="text-center px-5 py-5 border-b border-gray-200 bg-white text-sm">
+    
+                            <div class="flex items-center">
+    
+                                <div class="ml-3">
+    
+                                    <p class="text-gray-900 whitespace-no-wrap">
+    
+                                        2022-03-22
+                                    </p>
+    
+                                </div>
+    
+                            </div>
+    
+                        </td>
+    
+                        <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+    
+                            <div class="text-center flex items-center">
+    
+                                <div class="ml-3">
+    
+                                    <p class="text-gray-900 whitespace-no-wrap">
+    
+                                        10:30pagi
+    
+                                    </p>
+    
+                                </div>
+    
+                            </div>
+    
+                        </td>
+    
+                        <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+    
+                            <div class="flex items-center">
+    
+                                <div class="ml-3">
+    
+                                    <p class="text-gray-900 whitespace-no-wrap">
 
-        <div class="p-4 flex justify-center items-center">
-            <table class="w-2/3 leading-normal">
-                <thead class="text-center">
-                    <tr>
-                        <th class="text-center w-1/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
-                            Tarikh
-                        </th>
-                        <th class="text-center w-1/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
-                            Masa
-                        </th>
-                        <th class="w-3/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
-                            Status Permohonan
-                        </th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <td class="text-center px-5 py-5 border-b border-gray-200 bg-white text-sm">
-                        <div class="flex items-center">
-                            <div class="ml-3">
-                                <p class="text-gray-900 whitespace-no-wrap">
-                                    Kota Bharu 2
-                                </p>
+                                        PENGURUS CAWANGAN MEMBUAT PERMOHONAN WANG DARIPADA PKB.
+                                    </p>
+    
+                                </div>
+    
                             </div>
-                        </div>
-                    </td>
-                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
-                        <div class="text-center flex items-center">
-                            <div class="ml-3">
-                                <p class="text-gray-900 whitespace-no-wrap">
-                                    Kota Bharu 2
-                                </p>
-                            </div>
-                        </div>
-                    </td>
-                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
-                        <div class="flex items-center">
-                            <div class="ml-3">
-                                <p class="text-gray-900 whitespace-no-wrap">
-                                    Kota Bharu 2
-                                </p>
-                            </div>
-                        </div>
-                    </td>
-                </tbody>
-            </table>
+    
+                        </td>
+    
+                    </tbody>
+    
+                </table>
+    
+            </div>
+    
+            <!-- <div class="row flex justify-between px-3 top">
+    
+                     <div class="d-flex">
+    
+                         <h6><span class="text-primary font-weight-bold">2020-05-27 11:26:08 AM </span>REQUEST CREATED</h6>
+    
+                     </div>
+    
+                 </div>
+    
+                 <div class="row d-flex justify-content-between px-3 top">
+    
+                     <div class="d-flex">
+    
+                         <h6><span class="text-primary font-weight-bold">2020-06-04 06:59:48 AM </span>ATTEMPT 1 COMPLETED. ~ ***[AUTO GENERATED BY GRASSHOPPERS]***</h6>
+    
+                     </div>
+    
+                 </div>
+    
+                 <div class="row d-flex justify-content-between px-3 top">
+    
+                     <div class="d-flex">
+    
+                         <h6><span class="text-primary font-weight-bold">2020-06-04 06:59:48 AM </span>RETURN TO VENDOR RECORD CREATED ~ RC806_118 </h6>
+    
+                     </div>
+    
+                 </div> -->
+    
         </div>
-        <!-- <div class="row flex justify-between px-3 top">
-                 <div class="d-flex">
-                     <h6><span class="text-primary font-weight-bold">2020-05-27 11:26:08 AM </span>REQUEST CREATED</h6>
-                 </div>
-             </div>
-             <div class="row d-flex justify-content-between px-3 top">
-                 <div class="d-flex">
-                     <h6><span class="text-primary font-weight-bold">2020-06-04 06:59:48 AM </span>ATTEMPT 1 COMPLETED. ~ ***[AUTO GENERATED BY GRASSHOPPERS]***</h6>
-                 </div>
-             </div>
-             <div class="row d-flex justify-content-between px-3 top">
-                 <div class="d-flex">
-                     <h6><span class="text-primary font-weight-bold">2020-06-04 06:59:48 AM </span>RETURN TO VENDOR RECORD CREATED ~ RC806_118 </h6>
-                 </div>
-             </div> -->
+    
     </div>
-</div>
 </template>
 
 <style scoped>
@@ -140,7 +267,7 @@
 #progressbar li {
     list-style-type: none;
     font-size: 13px;
-    width: 20%;
+    width: 17%;
     float: left;
     position: relative;
     font-weight: 400;
@@ -194,7 +321,7 @@
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
     position: absolute;
-    left: 50%
+    left: 50%;
 }
 
 #progressbar li:last-child:after {