import { Head, Link, router } from '@inertiajs/react'; import { useState } from 'react'; import { SystemRecordActions } from '@/components/admin/system-record-actions'; import { ConfigurableTable } from '@/components/ui/configurable-table'; import { PaginationLinks } from '@/components/ui/pagination-links'; import { AdminLayout } from '@/layouts/admin-layout'; import type { PaginatedData } from '@/types'; type DriveTrainRow = { id: number; name: string; slug: string; is_active: boolean; is_system: boolean; sort_order: number; variants_count: number; updated_at: string | null; }; type DriveTrainIndexProps = { driveTrains: PaginatedData; filters: { search: string; }; }; export default function DriveTrainIndex({ driveTrains, filters, }: DriveTrainIndexProps) { const [search, setSearch] = useState(filters.search || ''); const submitSearch = (event: React.FormEvent) => { event.preventDefault(); router.get('/admin/drive-trains', search ? { search } : {}, { preserveState: true, replace: true, preserveScroll: true, }); }; const deleteDriveTrain = (id: number) => { if (!window.confirm('Delete this drive train?')) { return; } router.delete(`/admin/drive-trains/${id}`); }; return (

Drive Trains

Manage standardized drive train layouts for vehicle variant.

Add Drive Train
setSearch(event.target.value)} placeholder="Search by name or slug" className="w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm text-[#0a1530] outline-none focus:border-[#0b7285] dark:border-[#4a3a78] dark:bg-[#160f2d] dark:text-[#efe8ff] dark:focus:border-[#a78bfa]" />
{driveTrains.data.map((driveTrain) => ( ))}
Name Vehicles Active Sort Actions

{driveTrain.name}

{driveTrain.slug}

{driveTrain.variants_count} {driveTrain.is_active ? 'Yes' : 'No'} {driveTrain.sort_order}
Edit
{driveTrains.data.map((driveTrain) => (

{driveTrain.name}

{driveTrain.slug}

Vehicles: {driveTrain.variants_count}

Active: {driveTrain.is_active ? 'Yes' : 'No'}

Edit
))}

Showing {driveTrains.from || 0} to {driveTrains.to || 0}{' '} of {driveTrains.total} drive trains

); }