Edit GL Account: {account.account_code}

{t('Update account details')}

{t('Account Details')}

Account Code * setData('account_code', e.target.value)} placeholder={t('e.g., 4000')} required /> {errors.account_code && (

{errors.account_code}

)}

Account Name * setData('account_name', e.target.value)} placeholder={t('e.g., Membership Dues Revenue')} required /> {errors.account_name && (

{errors.account_name}

)}

Account Type * {errors.account_type && (

{errors.account_type}

)}

{t('Sort Order')} setData('sort_order', Number.parseInt(e.target.value) || 0)} placeholder="0" /> {errors.sort_order && (

{errors.sort_order}

)}

{t('Description')}

setData('description', e.target.value)}
                                    placeholder={t('Brief description of this account...')}
                                    rows={3}
                                />
                                {errors.description && (
                                    <p className="text-sm text-red-600">{errors.description}</p>
                                )}
                            </div>

<div className="flex items-center space-x-2">
                                <Checkbox
                                    id="is_active"
                                    checked={data.is_active}
                                    onCheckedChange={(checked) => setData('is_active', checked === true)}
                                />
                                <Label htmlFor="is_active" className="cursor-pointer">
                                    Active (account can be used for transactions)
                                </Label>
                            </div>

<div className="flex gap-2 pt-4">
                                <Button type="submit" disabled={processing}>
                                    {processing ? 'Saving...' : 'Save Changes'}
                                </Button>
                                <Button
                                    type="button"
                                    variant="outline"
                                    onClick={() => globalThis.history.back()}
                                >
                                    {t('Cancel')}
                                </Button>
                            </div>
                        </form>
                    </CardContent>
                </Card>
            </div>
        </AppLayout>
    );
}