'use client';

import Link from './account-link';
import {DemoBalance} from './wallet-funding';
import {useState} from 'react';
import {Wallet,Plus,ArrowLeft,History} from 'lucide-react';
import {cashWallet} from '@/lib/cash-wallet';
import {dashboardNumber,type DashboardData} from '@/lib/dashboard';
import {rialToToman} from '@/lib/trade';
import {useSite} from './site-shell';

export function CashWalletCard({data,showCharge=true}:{data:DashboardData;showCharge?:boolean}){
 const {locale}=useSite(),balance=cashWallet(data.positions),hidden=data.preferences?.hide_balances,[unit,setUnit]=useState<'TMN'|'IRR'>('TMN');
 const amount=(v:bigint|undefined)=>hidden?'••••••':v===undefined?'—':dashboardNumber(unit==='TMN'?rialToToman(v):v.toString(),locale,1),label=unit==='TMN'?'تومان':'ریال';
 return <><section className="cash-wallet-card"><div className="cash-wallet-top"><span className="cash-wallet-title"><i><Wallet size={22}/></i><span><strong>کیف پول نقدی</strong><small>موجودی تومانی / ریالی</small></span></span><div className="cash-unit" role="group" aria-label="واحد نمایش موجودی نقدی"><button aria-pressed={unit==='TMN'} onClick={()=>setUnit('TMN')}>تومان</button><button aria-pressed={unit==='IRR'} onClick={()=>setUnit('IRR')}>ریال</button></div></div><div className="cash-wallet-main"><div><span>موجودی در دسترس</span><strong>{amount(balance?.availableRial)} <small>{label}</small></strong></div>{showCharge&&<Link className="cash-charge-link" href="/wallet/deposit"><Plus size={18}/>شارژ کیف پول<ArrowLeft size={17}/></Link>}</div><div className="cash-wallet-details"><span>موجودی کل <b>{amount(balance?.totalRial)} {label}</b></span><span>مبلغ قفل‌شده <b>{amount(balance?.lockedRial)} {label}</b></span><Link href="/wallet/transactions"><History size={15}/>تاریخچه</Link></div>{!balance&&<p className="cash-message">موجودی نقدی هنوز در دسترس نیست. اطلاعات کیف پول را تازه‌سازی کنید.</p>}</section><DemoBalance/></>;
}