import { Head, Link, useForm } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import { Label } from '@/components/ui/label'; import { Input } from '@/components/ui/input'; import { Button } from '@/components/ui/button'; import { InputError } from '@/components/ui/input-error'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { useTranslation } from 'react-i18next'; export default function Environment({ timezones }: { timezones: string[] }) { const { t } = useTranslation(); const { data, setData, post, processing, errors } = useForm({ app_name: 'ERPGo SaaS', app_url: window.location.origin, app_timezone: 'UTC', db_connection: 'mysql', db_host: '127.0.0.1', db_port: '3306', db_database: '', db_username: '', db_password: '', }); const submit: FormEventHandler = (e) => { e.preventDefault(); post(route('installer.environment.store'), { forceFormData: true, onSuccess: () => { console.log('Environment saved successfully'); window.location.href = route('installer.database'); }, onError: (errors) => { console.log('Validation errors:', errors); }, }); }; return ( <>
{t('Environment Configuration')}
{processing && (

{t('Configuring environment...')}

)} {Object.keys(errors).length > 0 && (

Validation Errors:

{Object.entries(errors).map(([key, message]) => (
{key}: {Array.isArray(message) ? message[0] : message}
))}
)}
setData('app_name', e.target.value)} className="h-11" required />
setData('app_url', e.target.value)} className="h-11" required />
{data.db_connection !== 'sqlite' && ( <>
setData('db_host', e.target.value)} className="h-11" required />
setData('db_port', e.target.value)} className="h-11" required />
setData('db_username', e.target.value)} className="h-11" required />
setData('db_password', e.target.value)} className="h-11" />
)}
setData('db_database', e.target.value)} className="h-11" required />
); }