show wallets

src/views/base/home/components/BalanceSheet.vue

@@ -12,6 +12,14 @@
                 is-line
                 :value="formatMetalTotal(metal)"
               />
+              <template v-for="card in cardsByMetal(metal.metal_id)" :key="`card-${card.product_id}`">
+                <BasicInfoItem
+                  class="flex justify-between mr-4 text-sm"
+                  :title="card.title"
+                  is-line
+                  :value="formatInventoryCardValue(card)"
+                />
+              </template>
               <a-divider class="!my-1" />
             </template>
             <BasicInfoItem
@@ -41,6 +49,7 @@ import BasicInfoItem from '@/components/BasicPacks/BasicInfoItem.vue'
 import { usePrice } from '@/utils/usePrice'
 import { useWalletAssets } from '@/composables/useWalletAssets'
 import type { WalletMetalTotal } from '@/models/walletAssets'
+import { formatInventoryCardValue } from '@/utils/productAssets'
 
 const props = defineProps<{
   show: boolean
@@ -59,6 +68,7 @@ const visible = computed({
   set: (val) => emit('update:show', val),
 })
 
+const inventoryCards = computed(() => assetsSummary.value?.inventory_cards ?? [])
 const metalTotals = computed(() => assetsSummary.value?.metal_totals ?? [])
 const cashWallet = computed(() => assetsSummary.value?.cash_wallet ?? 0)
 const totalRialValue = computed(() => assetsSummary.value?.total_rial_value ?? 0)
@@ -76,6 +86,10 @@ watch(
   }
 )
 
+function cardsByMetal(metalId: number) {
+  return inventoryCards.value.filter((card) => Number(card.metal_id) === metalId)
+}
+
 function formatMetalTotal(metal: WalletMetalTotal) {
   return `${metal.total_weight} ${metal.unit}`
 }