import { Head, Link, usePage } from '@inertiajs/react'; import { ArrowLeftRight, Banknote, Landmark, Plus, Wallet } from 'lucide-react'; import { useMemo } from 'react'; import { show as sarafAccount } from '@/actions/App/Http/Controllers/SarafAccountController'; import { index as sarafsIndex } from '@/actions/App/Http/Controllers/SarafController'; import { create as sarafPaymentsCreate } from '@/actions/App/Http/Controllers/SarafPaymentController'; import { CurrencyExchangesDataTable } from '@/components/sarafi/currency-exchanges-data-table'; import { SarafPaymentsDataTable } from '@/components/sarafi/saraf-payments-data-table'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { useLanguage } from '@/contexts/language-context'; import { formatMoneyAmountOrDash } from '@/lib/dates'; import { cn } from '@/lib/utils'; import AppLayout from '@/layouts/app-layout'; import { dashboard } from '@/routes'; function SummaryStat({ label, value, highlight = false, warning = false }) { return (

{label}

{value}

); } export default function SarafAccount() { const { t, locale } = useLanguage(); const p = t.sarafAccountPage; const paymentLabels = t.sarafPaymentPage; const exchangeLabels = t.currencyExchangePage; const page = usePage(); const auth = page.props.auth ?? {}; const canCreatePayment = auth.canCreateSarafs === true; const { saraf, summary, exchanges = [], payments = [] } = page.props; const remainUsd = Number(summary?.remain_dollar_on_saraf ?? 0); const breadcrumbs = useMemo( () => [ { title: t.dashboard.breadcrumb, href: dashboard() }, { title: t.nav.sarafi, href: '#' }, { title: t.sarafsPage.breadcrumb, href: sarafsIndex() }, { title: saraf?.name ?? '', href: sarafAccount.url(saraf?.id), }, { title: p.breadcrumb, href: sarafAccount.url(saraf?.id), }, ], [ t.dashboard.breadcrumb, t.nav.sarafi, t.sarafsPage.breadcrumb, saraf?.id, saraf?.name, p.breadcrumb, ], ); const tableLabels = useMemo( () => ({ ...exchangeLabels, searchPlaceholder: p.searchPlaceholder, empty: p.emptyTransactions, }), [exchangeLabels, p], ); const paymentTableLabels = useMemo(() => ({ ...paymentLabels }), [paymentLabels]); return (

{canCreatePayment && remainUsd > 0.001 ? (

) : null}

{saraf?.name} {p.accountSubtitle}

0.001} />

{remainUsd > 0.001 ? (

{p.remainUsdHint.replace( '{amount}', formatMoneyAmountOrDash( summary?.remain_dollar_on_saraf, locale, ), )}

) : null} {p.paymentsSection} {p.paymentsSectionHint} {p.transactionsSection} {p.transactionsSectionHint}

); }