diff --git a/src/components/cart/CartListNew.vue b/src/components/cart/CartListNew.vue
index 520ed5f..feaf321 100644
--- a/src/components/cart/CartListNew.vue
+++ b/src/components/cart/CartListNew.vue
@@ -113,12 +113,27 @@
           <div class="card-header">RINGKASAN TROLI</div>
           <div class="card-body">
             <base-card>
-              <p>Jumlah Surat: 121</p>
+              <p>Jumlah Surat: XXX</p>
             </base-card>
             <base-card>
-              <p>Jumlah Bidaan: RM12121</p>
+              <p>Jumlah Bidaan: RMXXXXX</p>
             </base-card>
-            <button class="btn btn-success">Teruskan</button>
+            <button
+              class="btn btn-success"
+              data-bs-toggle="modal"
+              data-bs-target="#bidModal"
+            >
+              Teruskan
+            </button>
+            <button
+              class="btn me-1 ms-1 btn-secondary"
+              data-bs-toggle="modal"
+              data-bs-target="#gagalDaftarBidaanModal"
+              ref="daftarBidaanOpen"
+              hidden
+            >
+              Gagal Daftar Bidaan
+            </button>
           </div>
         </div>
       </div>
@@ -458,6 +473,114 @@
         </div>
       </div>
     </div>
+    <!-- DAFTAR BIDAAN MODAL -->
+    <div
+      class="modal fade"
+      id="bidModal"
+      tabindex="-1"
+      aria-labelledby="bidModalLabel"
+      aria-hidden="true"
+      data-bs-backdrop="static"
+      data-bs-keyboard="false"
+    >
+      <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title" id="bidModalLabel">Daftar Bidaan</h5>
+            <button
+              type="button"
+              class="btn-close"
+              ref="daftarBidaanClose"
+              data-bs-dismiss="modal"
+              aria-label="Close"
+            ></button>
+          </div>
+
+          <div class="modal-body">
+            <h1><i class="bi bi-exclamation-triangle text-warning"></i></h1>
+            <h3>ADAKAH ANDA PASTI?</h3>
+            <h6 class="text-danger">
+              <i>*Bidaan tidak dapat diubah selepas dihantar.</i>
+            </h6>
+
+            <!-- <table class="table table-bordered">
+              <tbody>
+                <tr class="bg-light">
+                  <th>Jumlah Surat</th>
+                  <th>Jumlah Bidaan</th>
+                </tr>
+                <tr>
+                  <td>{{ total_sag }}</td>
+                  <td>RM{{ total_bidaan }}</td>
+                </tr>
+              </tbody>
+            </table> -->
+          </div>
+          <div class="modal-footer">
+            <button
+              type="submit"
+              class="btn btn-danger me-2"
+              data-bs-dismiss="modal"
+            >
+              Tidak
+            </button>
+            <button
+              type="submit"
+              class="btn btn-success"
+              v-on:click="bidderSelectBidItem()"
+            >
+              Ya
+            </button>
+            <p
+              class="fst-italic mt-3 fw-lighter"
+              style="text-align: right; font-size: small"
+            >
+              <!-- *Pelayar akan dialihkan ke halaman pembayaran jika butang 'Bayar'
+              ditekan. -->
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- GAGAL DAFTAR BIDAAN MODAL -->
+    <div
+      class="modal fade"
+      id="gagalDaftarBidaanModal"
+      tabindex="-1"
+      aria-labelledby="gagalDaftarBidaanModalLabel"
+      aria-hidden="true"
+      data-bs-backdrop="static"
+      data-bs-keyboard="false"
+    >
+      <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title" id="gagalDaftarBidaanModalLabel"></h5>
+            <button
+              type="button"
+              class="btn-close"
+              data-bs-dismiss="modal"
+              aria-label="Close"
+            ></button>
+          </div>
+          <div class="modal-body">
+            <h1><i class="bi bi-x-circle text-danger"></i></h1>
+            <h5>Gagal Daftar Bidaan.</h5>
+            <p class="mb-0">Tiada data dalam troli.</p>
+            <p>Sila tambah surat ke dalam troli anda.</p>
+          </div>
+          <div class="modal-footer">
+            <button
+              type="submit"
+              class="btn btn-secondary"
+              data-bs-dismiss="modal"
+            >
+              Kembali
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -487,6 +610,11 @@ export default {
         lelongBidId: "",
         hargabida: "",
       },
+      formRegisterBid: {
+        lelong_id: localStorage.getItem("lelong_id"),
+        user_id: localStorage.getItem("id"),
+        name: localStorage.getItem("name"),
+      },
     };
   },
   validations() {
@@ -580,6 +708,29 @@ export default {
       } else {
       }
     },
+    bidderSelectBidItem() {
+      if (this.isSuccess == true) {
+        this.$refs.daftarBidaanClose.click();
+        this.loading = true;
+        axios
+          .post("/bidder/biditem", this.formRegisterBid, {
+            headers: {
+              Authorization: "Bearer " + localStorage.getItem("token"),
+            },
+          })
+          .then((response) => {
+            this.loading = false;
+            console.log(response);
+            this.$emit("reloadComponent");
+          })
+          .catch((error) => {
+            this.loading = false;
+            console.log(error);
+          });
+      } else {
+        this.$refs.daftarBidaanOpen.click();
+      }
+    },
   },
 };
 </script>
\ No newline at end of file
diff --git a/src/components/home/TheHome.vue b/src/components/home/TheHome.vue
index 2fcc558..2d04af3 100644
--- a/src/components/home/TheHome.vue
+++ b/src/components/home/TheHome.vue
@@ -3,7 +3,7 @@
     <div class="container">
       <div class="row mb-3 justify-content-center">
         <div class="col-8">
-          <result-notification></result-notification>
+          <!-- <result-notification></result-notification> -->
         </div>
       </div>
       <div class="row">