diff --git a/View/Pages/PremiumSinger.php b/View/Pages/PremiumSinger.php
index 382b30a09d788c1e94336b5427f903f70483c6f0..e486ab1eac270f730e37182715c959968c3ef142 100644
--- a/View/Pages/PremiumSinger.php
+++ b/View/Pages/PremiumSinger.php
@@ -1,21 +1,21 @@
 <?php
-  $this->layout("Templates/PageTemplate", [
-    "title" => "Premium Singer | Webtune",
-    "auth" => $auth,
-    "page" => "premium-singer",
-    "styles" => [
-      "/static/css/user.css",
-      "/static/css/pagination.css",
-      "/static/css/premium-singer.css",
-      "/static/css/form.css"
-    ],
-    "scripts"=>[
-      "/static/js/premium-singer.js",
-      "/static/js/http.js"
-    ],
-  ]);
+$this->layout("Templates/PageTemplate", [
+  "title" => "Premium Singer | Webtune",
+  "auth" => $auth,
+  "page" => "premium-singer",
+  "styles" => [
+    "/static/css/user.css",
+    "/static/css/pagination.css",
+    "/static/css/premium-singer.css",
+    "/static/css/form.css"
+  ],
+  "scripts" => [
+    "/static/js/premium-singer.js",
+    "/static/js/http.js"
+  ],
+]);
 ?>
-
+<div id="message__container"></div>
 <h2>Berlangganan Lagu Premium</h2>
 
 <table>
@@ -23,53 +23,43 @@
     <tr>
       <th>No.</th>
       <th>Nama Penyanyi</th>
-      <?php if(isset($auth)){ ?>
+      <?php if (isset($auth)) { ?>
         <th>Subscription</th>
-      <?php }?>
+      <?php } ?>
     </tr>
   </thead>
   <tbody>
     <?php
-      foreach($singers as $number=>$singer) {
-    ?> 
-        <tr>
-          <td><?= (10*($page-1))+($number+1) ?></td>
-          <td><?= $singer["name"] ?></td>
-          <?php if(isset($auth)){ ?>
-            <td>
+    foreach ($singers as $number => $singer) {
+    ?>
+      <tr>
+        <td><?= (10 * ($page - 1)) + ($number + 1) ?></td>
+        <td><?= $singer["name"] ?></td>
+        <?php if (isset($auth)) { ?>
+          <td>
             <div>
-               <?php if($singer["isSubscribe"]){ ?> 
+              <?php if ($singer["isSubscribe"]) { ?>
                 <form method="GET" action="/premium/<?= $singer["singer_id"] ?>">
-                <button 
-                type="submit" 
-                id="test" 
-                class="subscribe__button subscribed" 
-                onclick=""
-                >Lihat Lagu</button>
+                  <button type="submit" id="test" class="subscribe__button subscribed" onclick="">Lihat Lagu</button>
                 </form>
-               <?php }else{ ?>
-                <button 
-                type="submit" 
-                id="test" 
-                class="subscribe__button"
-                onclick="subscribe(<?= $singer["singer_id"] ?>, <?= $auth->user_id ?>)"
-                >Berlangganan</button> 
-               <?php }?>
+              <?php } else { ?>
+                <button type="submit" id="test" class="subscribe__button" onclick="subscribe(<?= $singer["singer_id"] ?>, <?= $auth->user_id ?>)">Berlangganan</button>
+              <?php } ?>
             </div>
-            </td>
+          </td>
           <!--  <input type="hidden" value="<?= $singer["singer_id"] ?>"> -->
-          <?php }?>
-        </tr>
+        <?php } ?>
+      </tr>
     <?php
-      }
+    }
     ?>
   </tbody>
 </table>
 
 <?php
-  $this->component("Component/Pagination", [
-    "page_number" => $page,
-    "next_page" => isset($next_page) && !is_null($next_page) ? "/premium?page=$next_page&limit=$limit": null,
-    "prev_page" => isset($prev_page) && !is_null($prev_page) ? "/premium?page=$prev_page&limit=$limit": null,
-  ])
+$this->component("Component/Pagination", [
+  "page_number" => $page,
+  "next_page" => isset($next_page) && !is_null($next_page) ? "/premium?page=$next_page&limit=$limit" : null,
+  "prev_page" => isset($prev_page) && !is_null($prev_page) ? "/premium?page=$prev_page&limit=$limit" : null,
+])
 ?>
\ No newline at end of file
diff --git a/static/js/premium-singer.js b/static/js/premium-singer.js
index 55f14cd4b2d0db970dd6915c2f45b3cc31110b88..ebecacc02aa7f826ca8ead7c90080089112258bb 100644
--- a/static/js/premium-singer.js
+++ b/static/js/premium-singer.js
@@ -1,11 +1,20 @@
+const success_banner = document.querySelector("#message__container")
 async function subscribe(singer_id, user_id){
     let formData = new FormData()
     //nembak ke php dulu baru nyabun
     formData.append("singer-id",singer_id)
     formData.append("user-id",user_id)
 
-    const { data:status} = await http.post("/premium/subscribe",formData,{
+    const { data:{status:status}} = await http.post("/premium/subscribe",formData,{
         json:false,
     })
-    console.log(status)
+    if(status==="success"){
+        success_banner.innerHTML = 
+        `<div class="success__added">
+        <p>Permintaan Berlangganan Terkirim!</p>
+        </div>`
+    }
+    setTimeout(()=>{
+        success_banner.innerHTML = ''
+    },3000)
 }
\ No newline at end of file