import { Head, Link, router } from '@inertiajs/react'; import { Plus } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import AdminLayout from '@/layouts/admin-layout'; import { type Coupon, type PaginatedData } from '@/types'; export default function AdminCouponsIndex({ coupons }: { coupons: PaginatedData }) { const destroy = (id: number) => { if (confirm('Delete this coupon?')) router.delete(route('admin.coupons.destroy', id)); }; return (

{coupons.data.map((coupon) => ( ))} {coupons.data.length === 0 && }

Code	Type	Value	Min Order	Used	Expires	Status
{coupon.code}	{coupon.type}	{coupon.type === 'percent' ? `${coupon.value}%` : `৳${coupon.value}`}	৳{Number(coupon.min_order_amount).toLocaleString()}	{coupon.used_count}{coupon.usage_limit ? `/${coupon.usage_limit}` : ''}	{coupon.end_at ? new Date(coupon.end_at).toLocaleDateString('en-BD') : '—'}	{coupon.status ? 'Active' : 'Inactive'}	Edit
No coupons yet

); }