import type { BunextPageModuleMeta } from "@moduletrace/bunext/types";
import AdminHero from "@/src/components/general/admin-hero";
import { SiteData } from "@/src/data/site-data";
import Button from "@/src/components/twui/layout/Button";
import Divider from "@/src/components/twui/layout/Divider";
import Stack from "@/src/components/twui/layout/Stack";
import { ArrowLeft } from "lucide-react";
import AddHostFormSection from "./(sections)/add-host-form-section";

export default function AdminAddHostPage() {
    return (
        <>
            <AdminHero
                title="Add New Host"
                description="Create a new WireGuard host with a dedicated private subnet"
                buttons={
                    <Button
                        title="Back to Hosts"
                        variant="outlined"
                        beforeIcon={<ArrowLeft />}
                        href="/admin/hosts"
                    >
                        Back to Hosts
                    </Button>
                }
            />

            <Divider className="mb-6" />

            <Stack className="w-full px-6 pb-8 gap-5 items-stretch">
                <AddHostFormSection />
            </Stack>
        </>
    );
}

export const meta: BunextPageModuleMeta = {
    title: `Add New Host | ${SiteData["SiteName"]}`,
    description: `WireGuard add host page`,
};