import { RouterView } from "vue-router";
import { createRouter, createWebHashHistory } from "vue-router";
import Calendar from "./components/pages/Calendar.vue";
import Clients from "./components/pages/Clients.vue";
import Jobs from "./components/pages/Jobs.vue";
import Create from "./components/pages/Create.vue";
import Routes from "./components/pages/Routes.vue";
import TimeSheets from "./components/pages/TimeSheets.vue";
import Warranties from "./components/pages/Warranties.vue";
import Home from "./components/pages/Home.vue";
import TestDateForm from "./components/pages/TestDateForm.vue";
import Client from "./components/pages/Client.vue";

const routes = [
	{
		path: "/",
		component: Home,
	},
	{ path: "/calendar", component: Calendar },
	{ path: "/clients", component: Clients },
	{ path: "/clients/:clientName", component: Client, props: true },
	{ path: "/jobs", component: Jobs },
	{ path: "/routes", component: Routes },
	{ path: "/create", component: Create },
	{ path: "/timesheets", component: TimeSheets },
	{ path: "/warranties", component: Warranties },
	{ path: "/test-dates", component: TestDateForm },
];

const router = createRouter({
	history: createWebHashHistory(),
	routes,
});

export default router;