import { Head, Link, router } from "@inertiajs/react"; import { Pencil, PlusCircle, Trash2 } from "lucide-react"; import { Button } from "@/components/ui/button"; import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, } from "@/components/ui/table"; import AuthenticatedLayout from "@/layouts/AuthenticatedLayout"; import type { PageProps } from "@/types"; interface Branch { id: number; name: string; address: string; phone: string; email: string; lng: number; lat: number; } export default function BranchIndex({ auth, branches, }: PageProps<{ branches: Branch[] }>) { const handleDelete = (id: number) => { if (confirm("Are you sure you want to delete this branch?")) { router.delete(route("admin.branches.destroy", id)); } }; return ( Branches } >

{branches.length > 0 ? ( A list of your branches. Name Phone Email Actions {branches.map((branch) => ( {branch.name} {branch.phone} {branch.email} ))}

) : (

No branches found. Click "Create New Branch" to add one.

)}

); }