import { DatabaseBackupIcon } from "lucide-react";
import { PaginatedTable } from "../../../_components/PaginatedTable";
import Link from "next/link";

const page = () => {
	return (
		<>
			<PaginatedTable
				showEditButton
				prismaModel="station"
				searchFields={["bosCallsign", "bosUse", "country", "operator"]}
				columns={[
					{
						header: "BOS Name",
						accessorKey: "bosCallsign",
					},
					{
						header: "Bos Use",
						accessorKey: "bosUse",
					},
					{
						header: "Country",
						accessorKey: "country",
					},
					{
						header: "operator",
						accessorKey: "operator",
					},
				]}
				leftOfSearch={
					<span className="flex items-center gap-2">
						<DatabaseBackupIcon className="w-5 h-5" /> Stationen
					</span>
				}
				rightOfSearch={
					<p className="text-2xl font-semibold text-left flex items-center gap-2 justify-between">
						<Link href={"/admin/station/new"}>
							<button className="btn btn-sm btn-outline btn-primary">
								Erstellen
							</button>
						</Link>
					</p>
				}
			/>
		</>
	);
};

export default page;
