import { Head, Link } from '@inertiajs/react'; import { ArrowLeft, Check, Pencil, Send, Trash2 } from 'lucide-react'; import type { ReactNode } from 'react'; import { useEffect, useState } from 'react'; import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from '@/components/ui/accordion'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { Progress } from '@/components/ui/progress'; import { useFlashMessages } from '@/hooks/use-flash-messages'; import { cn, formatTimestamp } from '@/lib/utils'; import { destroy as fichaDestroy, edit as fichaEdit, submitReview as fichaSubmitReview, } from '@/routes/ficha'; import { show as fichasRegistroShow } from '@/routes/fichas-registro'; import { CodigoCatastral } from './components/CodigoCatastral'; import { ConfirmDialog } from './components/ConfirmDialog'; import { EstadoBadge } from './components/estado-badge'; import MainLayout from './layouts/main'; import { toInputValue } from './lib/codigoInventario'; import { type SeccionCodigo, seccionShowUrl } from './sections'; import { useCodigoCatastral } from './stores/useCodigoCatastral'; import type { FichaInventario } from './types'; type SeccionEstado = { codigo: SeccionCodigo; label: string; completa: boolean; }; type Props = { ficha: FichaInventario; secciones: SeccionEstado[]; }; export default function FichaInventarioShow({ ficha, secciones }: Props) { useFlashMessages(); const [dialog, setDialog] = useState<'delete' | 'review' | null>(null); const inicializar = useCodigoCatastral((s) => s.inicializar); const reset = useCodigoCatastral((s) => s.reset); useEffect(() => { inicializar({ zona: toInputValue(ficha.codigo_zona), manzano: toInputValue(ficha.codigo_manzano), lote: toInputValue(ficha.codigo_lote), sublote: toInputValue(ficha.codigo_sublote), }); return () => reset(); }, [ficha, inicializar, reset]); const completadas = secciones.filter((s) => s.completa).length; const total = secciones.length; const progresoPct = total > 0 ? Math.round((completadas / total) * 100) : 0; const todasCompletas = completadas === total; return ( <>
Volver a ficha de registro

Ficha de inventario

Datos generales Informacion cabecera de la ficha de inventario.
Codigo catastral
Secciones {completadas}/{total} ( {progresoPct}%)
{secciones.map((s) => ( {s.codigo.padStart( 2, '0', )} {s.label} {s.completa ? ( ) : null} ))}
Auditoria Creacion y ultima actualizacion del registro. {ficha.can_edit || ficha.can_submit_review ? (
{ficha.can_edit ? ( ) : null} {ficha.can_submit_review ? (
{!todasCompletas ? (

Completa todas las secciones ( {completadas}/{total}) para enviar a revisión.

) : null}
) : null}
) : null} {ficha.can_delete ? ( Zona sensible Acciones irreversibles sobre la ficha de inventario. ) : null}
!open && setDialog(null)} variant="destructive" title="Eliminar ficha de inventario" description="Esta accion no se puede deshacer." warningText={`Se eliminara permanentemente la ficha ${ficha.codigo_catastral ?? ''}.`} confirmButtonText="Eliminar ficha" actionUrl={fichaDestroy.url(ficha.id)} method="delete" /> !open && setDialog(null)} title="Enviar ficha a revision" description="La ficha dejara de ser editable una vez enviada." warningText="Solo podra ser modificada si resulta observada en el proceso de revision." confirmButtonText="Enviar a revision" actionUrl={fichaSubmitReview.url(ficha.id)} method="patch" /> ); } FichaInventarioShow.layout = MainLayout; function DataRow({ label, value, }: { label: string; value: string; }) { return (
{label} {value || '—'}
); } function AuditRow({ label, value, icon, }: { label: string; value: string; icon?: ReactNode; }) { return (
{label} {icon} {value}
); }