fix some bugs

src/pages/menuPages/customers/base/components/CustomerMobileDetailSheet.vue

@@ -4,12 +4,15 @@
       <h2 class="text-base font-700 leading-relaxed text-gray-900">{{ row.name || '-' }}</h2>
       <p v-if="row.mobile" class="text-sm text-gray-500" dir="ltr">{{ row.mobile }}</p>
 
-      <div class="grid grid-cols-2 gap-2">
-        <BaseButton class="w-full" size="middle" type="primary" icon="vuesax-linear:wallet-add" @click="closeAndEmit('chargeMoney', row)">
-          شارژ ریالی
-        </BaseButton>
-        <BaseButton class="w-full" size="middle" type="primary" icon="vuesax-linear:wallet-money" @click="closeAndEmit('chargeGold', row)">
-          شارژ طلایی
+      <div class="grid grid-cols-1 gap-2">
+        <BaseButton
+          class="w-full"
+          size="middle"
+          type="primary"
+          icon="vuesax-linear:wallet-add"
+          @click="closeAndEmit('chargeWallet', row)"
+        >
+          شارژ / دشارژ کیف پول
         </BaseButton>
         <BaseButton
           v-if="!row.is_legal"
@@ -51,7 +54,14 @@
       </div>
 
       <div class="space-y-2">
-        <MobileStatCard bordered variant="success" label="موجودی طلایی" :value="`${goldBalance(row)} گرم`">
+        <MobileStatCard
+          v-for="entry in metalBalanceEntries(row)"
+          :key="entry.metal_id"
+          bordered
+          variant="success"
+          :label="customerWalletMetalBalanceTitle(entry.metal_id, entry.label)"
+          :value="entry.value"
+        >
           <template #prefix>
             <BaseIcon icon="vuesax-linear:coin" size="18" color="#15803d" />
           </template>
@@ -83,7 +93,6 @@
         <MobileDetailRow label="نوع کاربر" :value="row.type_str || '-'" />
         <MobileDetailRow label="کد معرف" :value="row.referral_id ?? '-'" />
         <MobileDetailRow label="نام معرف کاربر" :value="row.referral?.name ?? '-'" />
-        <MobileDetailRow label="گنج (گرم)" :value="row.gold ?? '-'" />
         <MobileDetailRow label="آخرین بازدید" :value="lastSeen(row)" value-class="text-xs" />
       </MobileInfoGrid>
     </template>
@@ -98,13 +107,17 @@ import MobileDetailRow from '@/components/mobile/MobileDetailRow.vue'
 import MobileStatCard from '@/components/mobile/MobileStatCard.vue'
 import MobileDetailSheet from '@/components/mobile/MobileDetailSheet.vue'
 import MobileInfoGrid from '@/components/mobile/MobileInfoGrid.vue'
-import { getCashBalance, getGoldBalance } from '@/components/mobile/utils/wallet'
+import { getCashBalance } from '@/components/mobile/utils/wallet'
 import { toJalali } from '@core/utils/useDataTime'
 import { usePrice } from '@core/utils/usePrice'
+import { customerWalletMetalBalanceTitle } from '@/utils/adminMetalLabels'
+import type { CustomerMetalColumn } from '../hooks/customerColumns'
+import { formatMetalDisplayValue, metalCellValue, metalDisplayUnit } from '@/utils/metalWeight'
 
 const props = defineProps<{
   visible: boolean
   item: Customer | null
+  metals?: CustomerMetalColumn[]
 }>()
 
 const emit = defineEmits<{
@@ -113,8 +126,7 @@ const emit = defineEmits<{
   (e: 'edit', item: Customer): void
   (e: 'archive', item: Customer): void
   (e: 'toggleActive', item: Customer): void
-  (e: 'chargeMoney', item: Customer): void
-  (e: 'chargeGold', item: Customer): void
+  (e: 'chargeWallet', item: Customer): void
   (e: 'toggleTrade', item: Customer): void
   (e: 'confirmUser', item: Customer): void
 }>()
@@ -124,7 +136,7 @@ const visibleProxy = computed({
   set: (value: boolean) => emit('update:visible', value)
 })
 
-type SheetEmit = 'archive' | 'chargeMoney' | 'chargeGold' | 'info' | 'confirmUser' | 'edit'
+type SheetEmit = 'archive' | 'chargeWallet' | 'info' | 'confirmUser' | 'edit'
 
 function closeAndEmit(event: SheetEmit, row: Customer) {
   visibleProxy.value = false
@@ -157,8 +169,24 @@ function cashBalance(row: Customer) {
   return getCashBalance(row.wallet)
 }
 
-function goldBalance(row: Customer) {
-  return getGoldBalance(row.wallet)
+function metalBalanceEntries(row: Customer) {
+  const metals = props.metals?.length
+    ? props.metals
+    : [{ metal_id: 1, label: 'طلا' }]
+
+  return metals
+    .map((metal) => {
+      const value = metalCellValue(row as Record<string, unknown>, metal.metal_id, 'wallet_metal_gold')
+      return {
+        metal_id: metal.metal_id,
+        label: metal.label,
+        value: formatMetalDisplayValue(value, metal.metal_id)
+      }
+    })
+    .filter((entry) => {
+      const numeric = metalCellValue(row as Record<string, unknown>, entry.metal_id, 'wallet_metal_gold')
+      return numeric !== 0
+    })
 }
 
 function lastSeen(row: Customer) {