import React from 'react'; import AppLayout from '@/layouts/app-layout' import hasAnyPermission from '@/utils/has-permissions'; import PagePagination from '@/components/page-pagination'; import { type BreadcrumbItem } from '@/types'; import { Head, Link, useForm, usePage } from '@inertiajs/react'; import { Table, TableBody, TableCard, TableCell, TableEmpty, TableHead, TableHeader, TableRow, TableFilter } from '@/components/ui/table'; import { ActionButton } from '@/components/action-button'; import { Coupon, CouponLink } from '@/types/coupon'; import Heading from '@/components/heading'; import { Button } from '@/components/ui/button'; import { PlusCircle } from 'lucide-react'; import { ModalDelete } from '@/components/modal-delete'; import { Badge } from '@/components/ui/badge'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Diskon', href: route('apps.coupons.index'), }, ]; interface IndexProps { coupons: { data: Coupon[], links: CouponLink[], }; perPage: number; currentPage: number; [key: string]: unknown; } export default function Index() { const { coupons, perPage, currentPage } = usePage().props; const { data, setData } = useForm({ id: '', }) const [deleteModal, setDeleteModal] = React.useState(false); const handleModalDelete = (coupon: Coupon) => { setDeleteModal(true); setData(prevData => ({ ...prevData, id: coupon.id, })) } return (
{hasAnyPermission(['coupons-create']) && }
No Kode Diskon Jumlah Diskon Jenis Diskon Status Aksi {coupons.data.length === 0 ? : coupons.data.map((coupon, index) => ( {index + 1} {coupon.code} {coupon.type == 'rupiah' && Rp} {coupon.value}{coupon.type == 'percentage' && '%'} {coupon.type} {coupon.is_active == '1' ? Aktif : Tidak Aktif }
{(hasAnyPermission(['coupons-update']) || hasAnyPermission(['coupons-delete'])) && handleModalDelete(coupon)} /> }
)) }
) }