import { Head, Link, router } from '@inertiajs/react'; import { useState } from 'react'; import { SystemRecordActions } from '@/components/admin/system-record-actions'; import { PaginationLinks } from '@/components/ui/pagination-links'; import { AdminLayout } from '@/layouts/admin-layout'; import type { PaginatedData } from '@/types'; type VariantRow = { id: number; make: string | null; model: string | null; generation: string | null; engine: string | null; fuel_type: string | null; body_type: string | null; year_from: number | null; year_to: number | null; is_active: boolean; is_system: boolean; fitments_count: number; label: string; updated_at: string | null; }; type VariantIndexProps = { variants: PaginatedData; filters: { search: string; }; }; export default function VehicleVariantIndex({ variants, filters, }: VariantIndexProps) { const [search, setSearch] = useState(filters.search || ''); const submitSearch = (event: React.FormEvent) => { event.preventDefault(); router.get('/admin/vehicle-variants', search ? { search } : {}, { preserveState: true, replace: true, preserveScroll: true, }); }; const deleteVariant = (id: number) => { if (!window.confirm('Delete this variant record?')) { return; } router.delete(`/admin/vehicle-variants/${id}`); }; return (

Vehicle Variant

Manage concrete variant records in the Brand / Generation / Model / Engine hierarchy.

Add Variant

{variants.data.map((variant) => (

{variant.label}

Assigned products: {variant.fitments_count}

Edit

))}

Showing {variants.from || 0} to {variants.to || 0} of{' '} {variants.total} variant records

); }