import { Head, Link, router } from '@inertiajs/react'; import { Eye, Pencil, Plus, Search, Trash2, Users } from 'lucide-react'; import { useState } from 'react'; import AppLayout from '@/layouts/app-layout'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'; type Customer = { id: number; code: string | null; name: string; phone: string | null; contact_person: string | null; type: string; status: string; category?: { name: string } | null; sales?: { name: string } | null; team?: { name: string } | null }; type Props = { customers: { data: Customer[]; links: Array<{ url: string | null; label: string; active: boolean }>; current_page: number; last_page: number; total: number }; filters: { search: string } }; export default function CustomersIndex({ customers, filters }: Props) { const [search, setSearch] = useState(filters.search ?? ''); const submit = (e: React.FormEvent) => { e.preventDefault(); router.get('/customers', { search }, { preserveState: true, replace: true }); }; const destroy = (id: number) => { if (window.confirm('Hapus customer ini?')) router.delete(`/customers/${id}`); }; return <>

CRM

Customers

Database Customer ({customers.total})

CustomerKategoriSalesTeleponStatusAksi {customers.data.map(c => {c.name}

{c.code || 'Tanpa kode'} · {c.type === 'company' ? 'Perusahaan' : 'Individu'}

{c.category?.name ?? '-'}{c.sales?.name ?? '-'}{c.phone ?? '-'}{c.status}

)} {customers.data.length === 0 && Customer tidak ditemukan.}

{customers.last_page > 1 &&

{customers.links.map((link, i) =>

}

; } CustomersIndex.layout = (page: React.ReactNode) => {page};