import { FormEvent, useState } from "react"; import { Head, Link, router, useForm } from "@inertiajs/react"; import { ArrowLeft, CheckCircle2, Eye, ShieldCheck, XCircle, } from "lucide-react"; import AppLayout from "@/layouts/app-layout"; import { Button } from "@/components/ui/button"; import { Label } from "@/components/ui/label"; import { Textarea } from "@/components/ui/textarea"; import { StatusBadge } from "@/components/crm-data-table"; import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from "@/components/ui/dialog"; type Order = { id: number; order_number: string; order_date: string; grand_total: string | number; status: string; customer?: { name: string }; sales?: { name: string; team?: { name: string } }; visit?: { id: number; status: string; checkin_at?: string; checkout_at?: string; schedule?: { scheduled_date: string; scheduled_time?: string; purpose: string; }; }; items?: Array<{ id: number; qty: number; product?: { name: string } }>; }; type Props = { orders: { data: Order[]; links: any[]; meta?: any }; }; export default function Approval({ orders }: Props) { const [selected, setSelected] = useState(null); const [rejectOpen, setRejectOpen] = useState(false); const reject = useForm({ remarks: "" }); const approve = (order: Order) => { router.post( `/crm/orders/${order.id}/approve`, {}, { preserveScroll: true }, ); }; const openReject = (order: Order) => { setSelected(order); reject.reset(); setRejectOpen(true); }; const submitReject = (event: FormEvent) => { event.preventDefault(); if (!selected) return; reject.post(`/crm/orders/${selected.id}/reject`, { preserveScroll: true, onSuccess: () => { setRejectOpen(false); setSelected(null); reject.reset(); }, }); }; return (

Approval Order

Order submitted yang menunggu keputusan Supervisor / Manager.

Menunggu Approval

Periksa konteks Visit sebelum menyetujui order.

{orders.data.length} order

{orders.data.map((order) => ( ))} {orders.data.length === 0 && ( )}

Order	Customer	Sales	Visit	Total	Aksi
{order.order_number} {new Date( order.order_date, ).toLocaleDateString("id-ID")}	{order.customer?.name ?? "-"}	{order.sales?.name ?? "-"} {order.sales?.team?.name ?? "-"}	{order.visit ? ( #{order.visit.id} {order.visit.status} ) : ( "Manual order" )}	Rp{" "} {Number( order.grand_total, ).toLocaleString("id-ID")}
Tidak ada order yang menunggu approval.

{selected && !rejectOpen && ( )}