import homeIcon from "../assets/icons/home_icon.svg";
import contactIcon from "../assets/icons/contact_icon.svg";
import busIcon from "../assets/icons/bus_icon.svg";

type Route = {
    url: string;
    text: string;
    icon: string | null;
    target: string | null;
};

export class Routes {
    static home: Route = {
        url: "/",
        text: "Hjem",
        icon: homeIcon,
        target: null
    };

    static bus: Route = {
        url: "/bus",
        text: "Buss",
        icon: busIcon,
        target: null
    };

    static taxi: Route = {
        url: "/taxi",
        text: "Taxi",
        icon: null,
        target: null
    };

    static accessibility: Route = {
        url: "/accessibility",
        text: "Tilgjengelighetsfunksjoner",
        icon: null,
        target: null
    };

    static contact: Route = {
        url: "/contact",
        text: "Ta kontakt",
        icon: contactIcon,
        target: null
    };

    static facebook: Route = {
        url: "https://www.facebook.com/MinibusserviceSteneAS/",
        text: "Facebook",
        icon: null,
        target: "_blank"
    };

    static email: Route = {
        url: "mailto:minibusstur@hotmail.com",
        text: "E-post",
        icon: null,
        target: null
    };

    static phone: Route = {
        url: "tel:45256161",
        text: "Telefon",
        icon: null,
        target: null
    };

    static topbarRoutes: Route[] = [Routes.home, Routes.bus, Routes.contact];

    static sidebarRoutes: Route[] = [Routes.home, Routes.bus, Routes.taxi, Routes.accessibility, Routes.contact];

    static footerRoutes: { text: string; routes: Route[] }[] = [
        {
            text: "HJELP",
            routes: [Routes.contact]
        },
        {
            text: "SIDER",
            routes: [Routes.home, Routes.bus, Routes.taxi, Routes.accessibility, Routes.contact]
        },
        {
            text: "MINIBUSSERVICE",
            routes: [Routes.facebook, Routes.email, Routes.phone]
        }
    ];
}
