import { DataTable } from '@/components/core/data-table'; import { RidingCompanyDeleteDialog } from '@/components/core/riding-company-delete-dialog'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card } from '@/components/ui/card'; import AppLayout from '@/layouts/app-layout'; import { Head, Link, router } from '@inertiajs/react'; import { useState, useMemo } from 'react'; interface Company { id: number; name: string; } interface RidingCompany { id: number; uuid: string; company_id?: number; company?: Company; name: string; slug: string; description?: string; country?: string; city?: string; logo_path?: string; logo_url?: string; contact_email?: string; contact_phone?: string; active: boolean; created_at: string; updated_at: string; } interface RidingCompaniesIndexProps { ridingCompanies: RidingCompany[]; availableRidingCompanies?: RidingCompany[]; usersCounts?: Record; } export default function RidingCompaniesIndex({ ridingCompanies, availableRidingCompanies = [], usersCounts = {} }: RidingCompaniesIndexProps) { const [deleteDialog, setDeleteDialog] = useState<{ open: boolean; company: RidingCompany | null }>({ open: false, company: null, }); const handleDelete = (company: RidingCompany) => { setDeleteDialog({ open: true, company }); }; // Get available riding companies for transfer (same company_id, exclude the one being deleted) const availableForTransfer = useMemo(() => { if (!deleteDialog.company) { return []; } return availableRidingCompanies.filter((rc) => rc.id !== deleteDialog.company?.id && rc.company_id === deleteDialog.company?.company_id); }, [availableRidingCompanies, deleteDialog.company]); const handleToggleStatus = (id: number) => { router.post(`/ridingcarcompanies/riding-companies/${id}/toggle-active`); }; return (

ReSellers

Manage resellers and their configurations

{ridingCompanies.length > 0 ? (
(
{row.logo_url && ( {`${row.name} )} {row.name}
), className: 'min-w-[150px]', }, { header: 'Main Company', accessor: (row) => row.company?.name || '-', className: 'min-w-[120px]', }, { header: 'Country', accessor: (row) => row.country || '-', }, { header: 'City', accessor: (row) => row.city || '-', }, { header: 'Contact Email', accessor: (row) => row.contact_email || '-', }, { header: 'Contact Phone', accessor: (row) => row.contact_phone || '-', }, { header: 'Status', accessor: (row) => ( {row.active ? 'Active' : 'Inactive'} ), }, { header: 'Created', accessor: (row) => new Date(row.created_at).toLocaleDateString(), }, ]} actions={(row) => ( <> )} />
) : (

No reseller companies found.

)} setDeleteDialog({ open, company: null })} ridingCompany={deleteDialog.company} availableRidingCompanies={availableForTransfer} usersCount={deleteDialog.company ? (usersCounts[deleteDialog.company.id] || 0) : 0} />
); }