Profil Perusahaan

Kelola identitas utama bisnis, info kontak operasional, dan parameter langganan CRM Anda.

{/* Subscription & KPI Banner */}

{/* Form Settings Section */}

Informasi Legal & Kontak Perusahaan Perbarui rincian resmi yang akan ditampilkan pada faktur, penawaran, dan header laporan.

{/* Section 1: Basic Information */}

1. Identitas Utama

Nama Perusahaan{" "} *

form.setData( "nama", e.target.value, ) } />

{form.errors.nama && (

{form.errors.nama}

)}

Kode Perusahaan{" "} *

form.setData( "kode_perusahaan", e.target.value, ) } />

{form.errors.kode_perusahaan && (

{form.errors.kode_perusahaan}

)}

{/* Section 2: Contact Information */}

2. Saluran Komunikasi

Email Resmi Perusahaan

form.setData( "email", e.target.value, ) } />

{form.errors.email && (

{form.errors.email}

)}

Nomor Telepon Kantor

form.setData( "telepon", e.target.value, ) } />

{form.errors.telepon && (

{form.errors.telepon}

)}

{/* Section 3: Address */}

3. Alamat Domisili

Alamat Lengkap Perusahaan

form.setData(
                                                    "alamat",
                                                    e.target.value,
                                                )
                                            }
                                        />
                                    </div>
                                    {form.errors.alamat && (
                                        <p className="text-xs font-medium text-rose-500">
                                            {form.errors.alamat}
                                        </p>
                                    )}
                                </div>
                            </div>

{/* Section 4: Visit Rules */}
                            <div className="space-y-4 border-t border-slate-100 pt-6 dark:border-slate-800">
                                <div>
                                    <h3 className="text-xs font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500">
                                        4. Aturan Kunjungan Sales
                                    </h3>
                                    <p className="mt-1 text-xs text-slate-500 dark:text-slate-400">
                                        Menentukan jarak minimum kunjungan
                                        kembali ke outlet yang sama.
                                    </p>
                                </div>
                                <div className="grid gap-5 md:grid-cols-2">
                                    <div className="space-y-1.5">
                                        <Label className="text-xs font-semibold text-slate-700 dark:text-slate-300">
                                            Minimal Jarak Kunjungan (Hari)
                                        </Label>
                                        <Input
                                            type="number"
                                            min={3}
                                            max={365}
                                            className="rounded-xl border-slate-200 dark:border-slate-800 focus-visible:ring-indigo-500"
                                            value={
                                                form.data
                                                    .visit_min_interval_days
                                            }
                                            onChange={(e) =>
                                                form.setData(
                                                    "visit_min_interval_days",
                                                    e.target.value === ""
                                                        ? 3
                                                        : Math.max(
                                                              3,
                                                              Number(
                                                                  e.target
                                                                      .value,
                                                              ),
                                                          ),
                                                )
                                            }
                                        />
                                        <p className="text-[11px] text-slate-500 dark:text-slate-400">
                                            Minimum 3 hari. Contoh: kunjungan 20
                                            September dapat dijadwalkan kembali
                                            mulai 23 September.
                                        </p>
                                        {form.errors
                                            .visit_min_interval_days && (
                                            <p className="text-xs font-medium text-rose-500">
                                                {
                                                    form.errors
                                                        .visit_min_interval_days
                                                }
                                            </p>
                                        )}
                                    </div>
                                </div>
                            </div>

{/* Form Action Footer */}
                            <div className="flex flex-col gap-4 border-t border-slate-100 pt-5 sm:flex-row sm:items-center sm:justify-between dark:border-slate-800">
                                <div className="flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400">
                                    <Sparkles className="size-4 text-amber-500" />
                                    <span>
                                        Perubahan akan langsung terenkripsi dan
                                        diperbarui secara global.
                                    </span>
                                </div>

<Button
                                    type="submit"
                                    disabled={form.processing}
                                    className="cursor-pointer rounded-xl bg-indigo-600 font-semibold text-white shadow-md transition-all hover:bg-indigo-700 hover:shadow-indigo-500/20 disabled:opacity-50"
                                >
                                    {form.processing ? (
                                        <>
                                            <Loader2 className="mr-2 size-4 animate-spin" />{" "}
                                            Menyimpan...
                                        </>
                                    ) : (
                                        <>
                                            <Save className="mr-2 size-4" />{" "}
                                            Simpan Perubahan
                                        </>
                                    )}
                                </Button>
                            </div>
                        </form>
                    </CardContent>
                </Card>
            </div>
        </AppLayout>
    );
}