import {
    Breadcrumb,
    BreadcrumbItem, BreadcrumbLink,
    BreadcrumbList,
    BreadcrumbPage,
    BreadcrumbSeparator,
} from "@/components/ui/breadcrumb"
import AdminPageContainer from "@/app/(admin)/_components/_admin_container";
import Link from "next/link";
import {ADMIN_DASHBOARD_URL} from "@/lib/constants";
import AddClientForm from "@/app/(admin)/admin/manage-clients/_components/add_client_form";


export default function AddNewClient() {

    return (
        <AdminPageContainer breadcrumbs={
            <Breadcrumb className="hidden md:flex">
                <BreadcrumbList>
                    <BreadcrumbItem>
                        <p>TheraChat</p>
                    </BreadcrumbItem>
                    <BreadcrumbSeparator/>
                    <BreadcrumbLink asChild>
                        <Link href={ADMIN_DASHBOARD_URL}>Manage Clients</Link>
                    </BreadcrumbLink>
                    <BreadcrumbSeparator/>
                    <BreadcrumbItem>
                        <BreadcrumbPage>Add New Client</BreadcrumbPage>
                    </BreadcrumbItem>
                </BreadcrumbList>
            </Breadcrumb>
        } className={"mx-auto grid w-full flex-1 auto-rows-max gap-4 mt-8"}>

            <AddClientForm />

        </AdminPageContainer>
    )
}