From 5f25b7a427284a36aa53ada2883b6728e0a0b7f3 Mon Sep 17 00:00:00 2001
From: Amir <amirhassan.hamzan@gmail.com>
Date: Wed, 28 Sep 2022 09:24:03 +0800
Subject: [PATCH] add akad lelong

---
 src/components/cart/CartListNew.vue | 124 ++++++++++++++++++++--------
 1 file changed, 89 insertions(+), 35 deletions(-)

diff --git a/src/components/cart/CartListNew.vue b/src/components/cart/CartListNew.vue
index 45b1321..62888fb 100644
--- a/src/components/cart/CartListNew.vue
+++ b/src/components/cart/CartListNew.vue
@@ -65,8 +65,20 @@
                           </a>
                         </td>
                         <td>{{ surat.berat }}g</td>
-                        <td>RM{{ surat.hargaasas?.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") || '' }}</td>
-                        <td>RM{{ surat.hargabida?.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") || '' }}</td>
+                        <td>
+                          RM{{
+                            surat.hargaasas
+                              ?.toString()
+                              .replace(/\B(?=(\d{3})+(?!\d))/g, ",") || ""
+                          }}
+                        </td>
+                        <td>
+                          RM{{
+                            surat.hargabida
+                              ?.toString()
+                              .replace(/\B(?=(\d{3})+(?!\d))/g, ",") || ""
+                          }}
+                        </td>
                         <td>
                           <button
                             class="btn me-1 ms-1 btn-warning"
@@ -194,12 +206,24 @@
                       <td>{{ data.marhun }}</td>
                       <td>{{ data.karat }}</td>
                       <td>{{ data.berat }}g</td>
-                      <td>RM{{ data.hargaasas?.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") || '' }}</td>
+                      <td>
+                        RM{{
+                          data.hargaasas
+                            ?.toString()
+                            .replace(/\B(?=(\d{3})+(?!\d))/g, ",") || ""
+                        }}
+                      </td>
                     </tr>
                     <tr style="text-transform: uppercase">
                       <th colspan="3">Jumlah</th>
                       <th>{{ theSurat.berat }}g</th>
-                      <th>RM{{ theSurat.hargaasas?.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") || '' }}</th>
+                      <th>
+                        RM{{
+                          theSurat.hargaasas
+                            ?.toString()
+                            .replace(/\B(?=(\d{3})+(?!\d))/g, ",") || ""
+                        }}
+                      </th>
                     </tr>
                   </tbody>
                 </table>
@@ -266,7 +290,11 @@
                   <div class="col-6">
                     <div class="input-group mb-3">
                       <span class="input-group-text">RM</span>
-                      <span class="form-control input-group-text">{{theSurat.hargabida?.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") || ''}}</span>
+                      <span class="form-control input-group-text">{{
+                        theSurat.hargabida
+                          ?.toString()
+                          .replace(/\B(?=(\d{3})+(?!\d))/g, ",") || ""
+                      }}</span>
                     </div>
                   </div>
                 </div>
@@ -345,7 +373,11 @@
                         class="form-control text-start justify-content-start"
                         disabled
                       >
-                        {{ theSurat.hargaasas?.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") || '' }}
+                        {{
+                          theSurat.hargaasas
+                            ?.toString()
+                            .replace(/\B(?=(\d{3})+(?!\d))/g, ",") || ""
+                        }}
                       </div>
                     </div>
                   </div>
@@ -449,7 +481,13 @@
                 </tr>
                 <tr>
                   <td>{{ theSurat.norujukan }}</td>
-                  <td>RM{{ theSurat.hargabida?.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") || '' }}</td>
+                  <td>
+                    RM{{
+                      theSurat.hargabida
+                        ?.toString()
+                        .replace(/\B(?=(\d{3})+(?!\d))/g, ",") || ""
+                    }}
+                  </td>
                 </tr>
               </tbody>
             </table>
@@ -502,9 +540,20 @@
           <div class="modal-body">
             <h1><i class="bi bi-exclamation-triangle text-warning"></i></h1>
             <h3>ADAKAH ANDA PASTI?</h3>
-            <h6 class="text-danger">
+            <div class="row">
+              <div class="col">
+                <input type="checkbox" v-model="akadLelong" name="akad" /> Saya
+                bersetuju untuk membayar semua surat yang dimenang sebelum jam
+                4:00pm hari ini.
+                <p>Jika tidak selesai, saya akan dibanned.</p>
+              </div>
+              <div class="alert alert-danger" role="alert" v-if="v$.akadLelong.$error">
+                Sila tick kotak akad lelong sebelum meneruskan.
+              </div>
+            </div>
+            <p class="text-danger">
               <i>*Bidaan tidak dapat diubah selepas dihantar.</i>
-            </h6>
+            </p>
 
             <!-- <table class="table table-bordered">
               <tbody>
@@ -623,6 +672,7 @@ export default {
   validations() {
     return {
       tambahanBidaan: { required, numeric, integer, minValue: minValue(1) },
+      akadLelong: { required },
     };
   },
   mounted: function () {
@@ -733,33 +783,37 @@ export default {
     },
     bidderSelectBidItem() {
       if (this.isSuccess == true) {
-        this.loading = true;
-        axios
-          .post("/bidder/biditem", this.formRegisterBid, {
-            headers: {
-              Authorization: "Bearer " + localStorage.getItem("token"),
-            },
-          })
-          .then((response) => {
-            this.$refs.daftarBidaanClose.click();
-            this.$swal.fire({
-              icon: "success",
-              title: "Bidaan Berjaya Didaftarkan",
-              text: "Sila ke halaman rekod untuk senarai rekod bidaan.",
-              confirmButtonColor: "#344871",
-              confirmButtonText: "OK",
-              allowOutsideClick: false,
-              allowEscapeKey: false,
+        this.v$.$validate();
+        if (!this.v$.$error) {
+          this.loading = true;
+          axios
+            .post("/bidder/biditem", this.formRegisterBid, {
+              headers: {
+                Authorization: "Bearer " + localStorage.getItem("token"),
+              },
+            })
+            .then((response) => {
+              this.$refs.daftarBidaanClose.click();
+              this.$swal.fire({
+                icon: "success",
+                title: "Bidaan Berjaya Didaftarkan",
+                text: "Sila ke halaman rekod untuk senarai rekod bidaan.",
+                confirmButtonColor: "#344871",
+                confirmButtonText: "OK",
+                allowOutsideClick: false,
+                allowEscapeKey: false,
+              });
+              this.loading = false;
+              console.log(response);
+              this.$emit("reloadComponent");
+            })
+            .catch((error) => {
+              this.$refs.daftarBidaanClose.click();
+              this.loading = false;
+              console.log(error);
             });
-            this.loading = false;
-            console.log(response);
-            this.$emit("reloadComponent");
-          })
-          .catch((error) => {
-            this.$refs.daftarBidaanClose.click();
-            this.loading = false;
-            console.log(error);
-          });
+        } else {
+        }
       } else {
         this.$refs.daftarBidaanClose.click();
         this.$swal.fire({