import { defineStore } from 'pinia'
import { ref, computed } from 'vue'
import type { CartItem } from '../types'
import { getCartList, addToCart as apiAddToCart, deleteCartItem as apiDeleteCartItem, updateCartItem as apiUpdateCartItem } from '../api/cart'

export const useCartStore = defineStore('cart', () => {
  const items = ref<CartItem[]>([])

  const checkedItems = computed(() => items.value.filter((item) => item.checked))

  const totalAmount = computed(() =>
    checkedItems.value.reduce((sum, item) => sum + (item.specData?.totalPrice || 0) * item.quantity, 0),
  )

  async function fetchCart() {
    const token = uni.getStorageSync('token')
    if (!token) return
    try {
      const list: any[] = await getCartList() as any
      items.value = list.map((row: any) => ({
        id: row.id,
        userId: 0,
        productId: row.product_id,
        specDataId: row.spec_data_id,
        quantity: row.quantity,
        checked: true,
        product: {
          id: row.product_id,
          name: row.product_name,
          basePrice: row.base_price,
          styleNo: row.style_no,
          bannerImages: typeof row.banner_images === 'string' ? JSON.parse(row.banner_images || '[]') : (row.banner_images || []),
          thumb: row.thumb || '',
        },
        specData: {
          id: row.spec_data_id,
          modelName: row.model_name,
          fineness: row.fineness,
          mainStone: row.main_stone,
          ringSize: row.ring_size,
          goldTotalWeight: row.gold_total_weight || 0,
          totalPrice: row.unit_price || 0,
        },
      }))
    } catch {
      // 未登录或网络异常，保留本地数据
    }
  }

  function addToCart(item: CartItem) {
    items.value.push(item)
    apiAddToCart({
      productId: item.productId,
      specDataId: item.specDataId,
      quantity: item.quantity,
    }).catch(() => { /* 静默处理 */ })
  }

  function removeFromCart(id: number) {
    const index = items.value.findIndex((item) => item.id === id)
    if (index !== -1) {
      items.value.splice(index, 1)
      apiDeleteCartItem(id).catch(() => { /* 静默处理 */ })
    }
  }

  function updateQuantity(id: number, quantity: number) {
    const item = items.value.find((item) => item.id === id)
    if (item) {
      item.quantity = quantity
      apiUpdateCartItem(id, { quantity }).catch(() => { /* 静默处理 */ })
    }
  }

  /** 切换勾选状态（纯本地操作） */
  function toggleCheck(id: number) {
    const item = items.value.find((item) => item.id === id)
    if (item) {
      item.checked = !item.checked
    }
  }

  /** 全选/取消全选（纯本地操作） */
  function toggleCheckAll() {
    const allChecked = items.value.every((item) => item.checked)
    items.value.forEach((item) => {
      item.checked = !allChecked
    })
  }

  return {
    items,
    checkedItems,
    totalAmount,
    fetchCart,
    addToCart,
    removeFromCart,
    updateQuantity,
    toggleCheck,
    toggleCheckAll,
  }
})