import React from 'react'; import { Head, useForm, usePage } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Badge } from '@/components/ui/badge'; interface ClientLicense { id: number; license_key: string; status: string; domain?: string | null; message?: string | null; activated_at?: string | null; last_verified_at?: string | null; } interface SetupProps { current?: ClientLicense | null; licenseError?: string | null; [key: string]: unknown; } const Index: React.FC = () => { const { current, licenseError } = usePage().props; return ( <>

Aktivasi Lisensi

Masukkan license key yang Anda dapatkan saat pembelian untuk mengaktifkan aplikasi.

{current && (
Status saat ini:
{current.message && (
{current.message}
)}
{current.domain && ( Domain terdaftar:{' '} {current.domain} )} {current.activated_at && ( Diaktivasi:{' '} {new Date(current.activated_at).toLocaleString('id-ID')} )} {current.last_verified_at && ( Terakhir dicek:{' '} {new Date(current.last_verified_at).toLocaleString('id-ID')} )}
)} {licenseError && (
{licenseError}
)}
setData('license_key', e.target.value)} placeholder="Contoh: WIOOS-XXXX-XXXX-XXXX" className="font-mono text-xs bg-slate-900/80 border-slate-700 text-slate-100 placeholder:text-slate-500" /> {errors.license_key && (

{errors.license_key}

)}

Lisensi ini hanya berlaku untuk satu instalasi. Jika terjadi masalah aktivasi, silakan hubungi support Anda.

); }; interface StatusBadgeProps { status?: string | null; } const StatusBadge: React.FC = ({ status }) => { const value = (status || 'inactive').toLowerCase(); let variantClass = ''; if (value === 'active') variantClass = 'bg-emerald-500/15 text-emerald-300 border border-emerald-500/40'; else if (value === 'disabled') variantClass = 'bg-slate-500/15 text-slate-200 border border-slate-500/40'; else if (value === 'expired') variantClass = 'bg-red-500/15 text-red-200 border border-red-500/40'; else variantClass = 'bg-amber-500/15 text-amber-200 border border-amber-500/40'; return ( {value.toUpperCase()} ); }; (Index as any).layout = (page: React.ReactNode) => page; export default Index;