import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head, Link, usePage } from '@inertiajs/react'; import { AlertTriangle, ArrowLeft, ExternalLink } from 'lucide-react'; import * as React from 'react'; interface Depense { id: number; title: string | null; date_dep: string | null; created_at: string | null; amount: number; pic_name: string | null; image_url: string | null; image_missing: boolean; property: { id: number; name: string } | null; creator: string | null; } interface PageProps { depense: Depense; [k: string]: unknown; } function frDate(value: string | null, withTime = false): string { if (!value) return '—'; const d = new Date(value); if (Number.isNaN(d.getTime())) return value; const dd = String(d.getDate()).padStart(2, '0'); const mm = String(d.getMonth() + 1).padStart(2, '0'); const yy = d.getFullYear(); const base = `${dd}/${mm}/${yy}`; if (!withTime) return base; const h = String(d.getHours()).padStart(2, '0'); const min = String(d.getMinutes()).padStart(2, '0'); const s = String(d.getSeconds()).padStart(2, '0'); return `${base} ${h}:${min}:${s}`; } export default function Show() { const { depense } = usePage().props; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dépenses', href: '/depenses' }, { title: `Dépense #${depense.id}`, href: `/depenses/show/${depense.id}` }, ]; return (

Dépense #{depense.id}

{depense.title || 'Sans titre'}

Informations {depense.amount.toLocaleString('fr-TN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })} TND } /> {depense.property.name} ) : null } /> Justificatif {depense.image_url ? ( {depense.title ) : depense.image_missing ? (
Fichier introuvable sur le serveur : {depense.pic_name}
) : ( Aucun justificatif joint. )}
); } function Field({ label, value, className = '', }: { label: string; value: React.ReactNode; className?: string; }) { return (
{label} {value ?? '—'}
); }