import { Head, Link, router } from '@inertiajs/react'; import { Pencil, Plus, Trash2 } from 'lucide-react'; import { useState } from 'react'; import Heading from '@/components/heading'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogTitle, } from '@/components/ui/dialog'; import { dashboard } from '@/routes/admin'; import { create, destroy, edit, index } from '@/routes/admin/routes'; type AdminRoute = { id: number; origin: string; destination: string; duration_minutes: number; distance_km: string; price: number; image: string | null; is_popular: boolean; is_high_demand: boolean; is_active: boolean; sort_order: number; }; export default function RoutesIndex({ routes }: { routes: AdminRoute[] }) { const [deleting, setDeleting] = useState(null); return ( <>
{routes.map((route) => ( ))} {routes.length === 0 && ( )}
Route Trip Price Shown in Order
{route.image && ( )}

{route.origin} →{' '} {route.destination}

{!route.is_active && ( Hidden )}
{route.duration_minutes} min ·{' '} {route.distance_km} km ${route.price.toFixed(2)}
{route.is_popular && ( Popular )} {route.is_high_demand && ( High demand )}
{route.sort_order}
No routes yet. Add your first one.
!open && setDeleting(null)} > Delete this route? {deleting?.origin} → {deleting?.destination} will be removed from the home page. This cannot be undone. ); } RoutesIndex.layout = { breadcrumbs: [ { title: 'Admin', href: dashboard() }, { title: 'Routes', href: index() }, ], };