import { FormEvent, useState } from "react"; import { Head, Link, useForm } from "@inertiajs/react"; import { ArrowRight, Building2, CheckCircle2, Eye, EyeOff, Mail, MapPin, Phone, ShieldCheck, UserRound, } from "lucide-react"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import InputError from "@/components/input-error"; export default function RegisterCompany() { const [showPassword, setShowPassword] = useState(false); const [activeTab, setActiveTab] = useState("company"); const { data, setData, post, processing, errors } = useForm({ company_name: "", company_email: "", company_phone: "", company_address: "", name: "", email: "", password: "", password_confirmation: "", }); const submit = (event: FormEvent) => { event.preventDefault(); post("/register-company"); }; const inputClass = "h-11 rounded-xl border-slate-200 bg-slate-50/60 pl-10 shadow-none transition focus-visible:bg-white focus-visible:ring-2 focus-visible:ring-blue-500/20 dark:border-slate-700 dark:bg-slate-800/60"; return ( <>
Perusahaan Administrator
setData( "company_name", e.target.value, ) } required autoFocus placeholder="PT Nama Perusahaan" className={inputClass} /> setData( "company_email", e.target.value, ) } placeholder="info@perusahaan.com" className={inputClass} /> setData( "company_phone", e.target.value, ) } placeholder="08xxxxxxxxxx" className={inputClass} /> setData( "company_address", e.target.value, ) } placeholder="Alamat lengkap perusahaan" className={inputClass} />
setData("name", e.target.value) } required autoComplete="name" placeholder="Nama lengkap" className={inputClass} /> setData("email", e.target.value) } required autoComplete="email" placeholder="admin@perusahaan.com" className={inputClass} />
setData( "password", e.target.value, ) } required autoComplete="new-password" placeholder="Buat password" className={`${inputClass} pr-10`} />
setData( "password_confirmation", e.target.value, ) } required autoComplete="new-password" placeholder="Ulangi password" className={inputClass} />
Data sudah lengkap? Buat workspace di bawah.

Workspace trial 14 hari

Administrator dapat langsung masuk setelah pendaftaran berhasil.

SUDAH PUNYA AKUN?
Masuk ke akun
Data perusahaan dan administrator terlindungi.
); } RegisterCompany.layout = { title: "Buat workspace perusahaan", description: "Daftarkan perusahaan untuk mulai menggunakan CRM Anda.", }; function SectionHeading({ icon: Icon, eyebrow, title, description, }: { icon: React.ComponentType<{ className?: string }>; eyebrow: string; title: string; description: string; }) { return (

{eyebrow}

{title}

{description}

); } function Field({ label, error, icon: Icon, children, }: { label: string; error?: string; icon?: React.ComponentType<{ className?: string }>; children: React.ReactNode; }) { return (
{Icon && ( )}
input]:pl-9 [&>textarea]:pl-9" : ""}> {children}
); }