import { Head, router, useForm } from '@inertiajs/react'; import { useState } from 'react'; import AppLayout from '@/layouts/app-layout'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { CrmSelect } from '@/components/crm-select'; interface Company { id: number; nama: string; kode_perusahaan: string; email: string | null; telepon: string | null; alamat: string | null; subscription_status: string; subscription_expires_at: string | null; } interface Props { company: Company; settings: Record; } const steps = ['Perusahaan', 'Bisnis', 'Selesai']; export default function Onboarding({ company, settings }: Props) { const [step, setStep] = useState(0); const companyForm = useForm({ nama: company.nama ?? '', email: company.email ?? '', telepon: company.telepon ?? '', alamat: company.alamat ?? '', }); const businessForm = useForm({ business_type: settings.business_type ?? '', timezone: settings.timezone ?? 'Asia/Makassar', currency: settings.currency ?? 'IDR', }); const saveCompany = () => { companyForm.put('/onboarding/company', { preserveScroll: true, onSuccess: () => setStep(1), }); }; const saveBusiness = () => { businessForm.put('/onboarding/business', { preserveScroll: true, onSuccess: () => setStep(2), }); }; const finish = () => router.post('/onboarding/finish'); return (

Setup perusahaan

Lengkapi konfigurasi awal sebelum mulai menggunakan CRM.

{steps.map((label, index) => (
Langkah {index + 1}
{label}
))}
{step === 0 && ( <> Profil perusahaan
companyForm.setData('nama', e.target.value)} /> {companyForm.errors.nama &&

{companyForm.errors.nama}

}
companyForm.setData('email', e.target.value)} />
companyForm.setData('telepon', e.target.value)} />
companyForm.setData('alamat', e.target.value)} />
)} {step === 1 && ( <> Konfigurasi bisnis
businessForm.setData('business_type', e.target.value)} />
businessForm.setData('timezone', e.target.value)}>
businessForm.setData('currency', e.target.value.toUpperCase())} />
)} {step === 2 && ( <> Siap digunakan
{companyForm.data.nama}
Kode perusahaan: {company.kode_perusahaan}
Paket: {company.subscription_status}
{company.subscription_expires_at &&
Trial berakhir: {company.subscription_expires_at}
}

Anda sudah siap masuk ke dashboard. Data customer, produk, sales, order, invoice, dan laporan dapat mulai diisi dari menu CRM.

 )}
); }