import { Head, Link, router, useForm } from '@inertiajs/react'; import { Search } from 'lucide-react'; import { FormEventHandler } from 'react'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import AdminLayout from '@/layouts/admin-layout'; import { type Customer, type PaginatedData } from '@/types'; export default function AdminCustomersIndex({ customers, filters }: { customers: PaginatedData; filters: Record }) { const { data, setData, get } = useForm({ search: filters.search ?? '' }); const applyFilters: FormEventHandler = (e) => { e.preventDefault(); get(route('admin.customers.index'), { preserveState: true }); }; const toggleBlock = (customer: Customer) => { router.patch(route('admin.customers.toggleBlock', customer.id), {}, { preserveState: true }); }; return (
setData('search', e.target.value)} className="pl-9" />
{customers.data.map((c) => ( ))} {customers.data.length === 0 && }
Name Phone Orders Spent Last Order Status
{c.name} {c.phone} {c.total_orders} ৳{Number(c.total_spent).toLocaleString()} {c.last_order_at ? new Date(c.last_order_at).toLocaleDateString('en-BD') : '—'} View
No customers yet
{customers.last_page > 1 && (
Showing {customers.from}–{customers.to} of {customers.total}
{customers.links.map((link, i) => (
)} ); }