import { Head, Link, usePage } from '@inertiajs/react'; import { ArrowLeft, ArrowLeftRight, Landmark, Pencil, Printer } from 'lucide-react'; import { useMemo } from 'react'; import { edit as currencyExchangeEdit, index as currencyExchangeIndex, show as currencyExchangeShow, } from '@/actions/App/Http/Controllers/CurrencyExchangeController'; import { show as sarafAccount } from '@/actions/App/Http/Controllers/SarafAccountController'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { useLanguage } from '@/contexts/language-context'; import { withAppBase } from '@/lib/app-base-path'; import { formatExpenseDateOrDash, formatMoneyAmountOrDash } from '@/lib/dates'; import { openPrintDocument } from '@/lib/open-print-document'; import { cn } from '@/lib/utils'; import AppLayout from '@/layouts/app-layout'; import { dashboard } from '@/routes'; function DetailRow({ label, value, highlight = false, warning = false }) { return (
{label} {value}
); } export default function CurrencyExchangeShow() { const { t, locale } = useLanguage(); const p = t.currencyExchangePage; const page = usePage(); const auth = page.props.auth ?? {}; const canUpdate = auth.canUpdateSarafs === true; const { exchange } = page.props; const remainUsd = Number(exchange?.remain_dollar_on_saraf ?? 0); const breadcrumbs = useMemo( () => [ { title: t.dashboard.breadcrumb, href: dashboard() }, { title: t.nav.sarafi, href: '#' }, { title: p.breadcrumb, href: currencyExchangeIndex() }, { title: p.showBreadcrumb, href: currencyExchangeShow.url(exchange?.id), }, ], [t.dashboard.breadcrumb, t.nav.sarafi, p.breadcrumb, p.showBreadcrumb, exchange?.id], ); return (
{canUpdate ? ( ) : null}
{p.showTitle} {p.showDescription}
{exchange.saraf_name ?? '—'} } />
0.001} />
{Number(exchange.allocated_receive_dollar) > 0.001 ? (

{p.allocatedReceiveHint.replace( '{amount}', formatMoneyAmountOrDash( exchange.allocated_receive_dollar, locale, ), )}

) : null}
); }