changes

app/components/pos/POS.vue

@@ -49,6 +49,14 @@ function openConfirmModal() {
   };
 }
 
+function openAddAddressModal() {
+  showModal.value = {
+    component: "pos/EditAddress",
+    title: "Thêm địa chỉ",
+    width: "50%",
+    height: "auto",
+  };
+}
 provide("pos", {
   carts,
   activeCartId,
@@ -188,6 +196,7 @@ provide("pos", {
                     column: ['name'],
                     first: true,
                     placeholder: 'Phương thức giao hàng',
+                    disabled: !activeCart?.customer,
                     optionid: orderInfo.deliveryMethod?.id,
                     onOption: (e) => (orderInfo.deliveryMethod = e),
                   }"
@@ -237,8 +246,23 @@ provide("pos", {
                         @update="getAddresses"
                       />
                     </div>
-                    <div v-else>
-                      <p class="has-text-grey has-text-centered p-4">Khách hàng chưa có địa chỉ</p>
+                    <div
+                      v-else
+                      class="has-text-centered"
+                    >
+                      <p class="has-text-grey p-4">Khách hàng chưa có địa chỉ</p>
+                      <button
+                        @click="openAddAddressModal"
+                        class="button is-light is-primary"
+                      >
+                        <span class="icon">
+                          <Icon
+                            name="material-symbols:add-home-work-outline-rounded"
+                            :size="18"
+                          />
+                        </span>
+                        <span>Thêm địa chỉ</span>
+                      </button>
                     </div>
                   </div>
                 </div>
@@ -270,6 +294,7 @@ provide("pos", {
                     column: ['name'],
                     first: true,
                     placeholder: 'Phương thức thanh toán',
+                    disabled: !activeCart?.customer,
                     optionid: orderInfo.paymentMethod?.id,
                     onOption: (e) => (orderInfo.paymentMethod = e),
                   }"