web/app/components/pos/composables/usePlaceOrder.js

export default function usePlaceOrder({ activeCart, activeCartItems, orderInfo, getCarts, onSuccess }) {
  const { $dayjs, $id, $getdata, $insertapi, $patchapi, $deleteapi, $snackbar } = useNuxtApp();
  const isPending = ref(false);
  const paidPaymentStatus = ref();
  const invoice = ref();
  const showVietQRModal = ref();

  const subtotal = computed(() => {
    return activeCartItems.value?.reduce((prev, curr) => prev + curr.imei__variant__price, 0);
  });

  const shipping_address = computed(() => {
    if (!orderInfo.value.address) return "";
    return `${orderInfo.value.address.address_detail}, ${orderInfo.value.address.ward}, ${orderInfo.value.address.district}, ${orderInfo.value.address.city}`;
  });

  /**
   * Create a record in `invoice` as `pending`
   */
  async function createOrder() {
    try {
      isPending.value = true;

      const invoicePayload = {
        customer: activeCart.value.customer,
        customer_name: activeCart.value.customer__fullname,
        customer_phone: activeCart.value.customer__phone,
        customer_email: activeCart.value.customer__email,
        shipping_address: shipping_address.value,
        product_amount: activeCartItems.value.length,
        shipping_fee: 0,
        total_amount: subtotal.value,
        discount_amount: 0,
        final_amount: subtotal.value,
        order_type: "pos",
        status: "pending",
        payment_status: 1,
        staff: 1,
        ordered_at: new Date(),
        paid_at: null,
        delivery_method: orderInfo.value.deliveryMethod.id,
      };

      const invoice = await $insertapi("Invoice", {
        data: invoicePayload,
        notify: false,
      });

      return invoice;
    } catch (error) {
      console.error(error);
      $snackbar("Tạo đơn hàng không thành công", "Error");
    } finally {
      isPending.value = false;
    }
  }

  /**
   * Mark sold IMEIs, create invoice details, delivery info, payment records, reset cart.
   * Runs when order payment is confirmed.
   * @param invoiceId id of created invoice
   */
  async function finalizeOrder(invoiceId) {
    if (!invoiceId) {
      console.error("invoiceId is required");
      return;
    }

    const imeisSold = await markImeisSold();
    await createInvoiceDetails(invoiceId, imeisSold);
    await createPaymentRecord(invoiceId);

    if (orderInfo.value.deliveryMethod.code === "HOME_DELIVERY") {
      await createDeliveryInfo(invoiceId);
    }

    // update invoice.payment_status from PENDING to PAID
    await $patchapi("Invoice", { id: invoiceId, payment_status: paidPaymentStatus.value.id });
    $snackbar("Khởi tạo đơn hàng thành công", "Success");
    resetCart();
    onSuccess();
  }

  async function markImeisSold() {
    const imeisSoldPayload = activeCartItems.value.map((cartItem) => ({
      imei: cartItem.imei__imei,
      variant: cartItem.imei__variant,
      sold_date: $dayjs().format("YYYY-MM-DD"),
    }));

    const imeisSold = await $insertapi("IMEI_Sold", {
      data: imeisSoldPayload,
      notify: false,
    });

    return imeisSold;
  }

  async function createInvoiceDetails(invoiceId, imeisSold) {
    const invoiceDetailPayload = activeCartItems.value.map((cartItem) => {
      const imeiSold = imeisSold.find((imeiSold) => imeiSold.imei === cartItem.imei__imei);
      return {
        invoice: invoiceId,
        variant: cartItem.imei__variant,
        imei_sold: imeiSold.id,
        price: cartItem.imei__variant__price,
      };
    });

    const invoiceDetails = await $insertapi("Invoice_Detail", {
      data: invoiceDetailPayload,
      notify: false,
    });

    return invoiceDetails;
  }

  async function createDeliveryInfo(invoiceId) {
    const deliveryInfoPayload = {
      invoice: invoiceId,
      receiver_name: orderInfo.value.receiver_name,
      receiver_phone: orderInfo.value.receiver_phone,
      city: orderInfo.value.address.city,
      district: orderInfo.value.address.district,
      ward: orderInfo.value.address.ward,
      address: orderInfo.value.address.address_detail,
      shipping_fee: 0,
      carrier: orderInfo.value.deliveryMethod.id,
      tracking_code: $id(),
      status: "pending",
      staff: 1,
    };

    const deliveryInfo = await $insertapi("Delivery_Info", {
      data: deliveryInfoPayload,
      notify: false,
    });

    return deliveryInfo;
  }

  async function createPaymentRecord(invoiceId) {
    const paymentRecord = await $insertapi("Payment_Record", {
      data: {
        invoice: invoiceId,
        payment_method: orderInfo.value.paymentMethod.id,
        transfer_amount: orderInfo.value.paymentMethod.code === "CASH" ? undefined : subtotal.value,
        cash_amount: orderInfo.value.paymentMethod.code === "CASH" ? subtotal.value : undefined,
      },
      notify: false,
    });

    return paymentRecord;
  }

  async function resetCart() {
    await Promise.all([
      $deleteapi(
        "Cart_Item",
        activeCartItems.value.map((c) => c.id),
      ),
      $patchapi("Cart", {
        id: activeCartItems.value[0].cart,
        customer: null,
      }),
    ]);
    getCarts();
  }

  async function placeOrder() {
    invoice.value = await createOrder();

    if (orderInfo.value.paymentMethod.code === "CASH") {
      finalizeOrder(invoice.value.id);
    } else if (orderInfo.value.paymentMethod.code === "VIETQR") {
      showVietQRModal.value = {
        component: "pos/VietQR",
        title: "Thanh toán qua VietQR",
        width: "700px",
        vbind: { invoiceId: invoice.value.id, finalizeOrder }, // verify thủ công?
      };
    } else if (orderInfo.value.paymentMethod.code === "VNPAY") {
      try {
        const { paymentUrl } = await $fetch("/api/vnpay/create-payment", {
          method: "POST",
          body: {
            amount: invoice.value.total_amount,
            invoiceCode: invoice.value.code,
          },
        });

        window.open(paymentUrl, "vnpaypopup", "popup=true,width=900,height=700");
        listenToVnpayEvents();
      } catch (error) {
        console.error(error);
      }
    }
  }

  function vnpayListener(e) {
    console.log("main window received e.data from popup", e.data);

    const { type, message } = e.data;
    if (type === "vnpay-success") {
      finalizeOrder(invoice.value.id);
    }
    if (type === "vnpay-error") {
      $snackbar(`Thanh toán VNPAY thất bại: ${message}`, "Error");
    }
  }

  function listenToVnpayEvents() {
    window.removeEventListener("message", vnpayListener);
    window.addEventListener("message", vnpayListener);
  }

  function testReturnPage() {
    listenToVnpayEvents();

    const vnp_ResponseCode = "01";
    window.open(
      `http://localhost:3000/vnpay-return?vnp_Amount=1000000&vnp_BankCode=NCB&vnp_BankTranNo=VNP15593296&vnp_CardType=ATM&vnp_OrderInfo=Thanh+to%C3%A1n+%C4%91%C6%A1n+h%C3%A0ng+HD000001&vnp_PayDate=20260622142046&vnp_ResponseCode=${vnp_ResponseCode}&vnp_TmnCode=SCG4UUS6&vnp_TransactionNo=15593296&vnp_TransactionStatus=00&vnp_TxnRef=HD000001-2026-06-22T07:20:14.735Z&vnp_SecureHash=9726fe2db0da9741fc14fc42ced098cabf204f21ab12f633e8ac1cb7c9567a3b7a379d790f29a1a8b60fa8edb24acb0faca83feca0f7757865b0bf853b55ea01`,
      "return",
      "popup=true,width=800,height=600",
    );
  }

  onMounted(async () => {
    paidPaymentStatus.value = await $getdata("Payment_Status", {
      filter: { code: "PAID" },
      first: true,
    });
  });

  return { isPending, subtotal, shipping_address, placeOrder, testReturnPage, showVietQRModal };
}