{/* LOGO PREVIEW */} {/* {(setting?.logo || setting?.favicon) && (

{setting?.logo &&

} {setting?.favicon &&

}

)} */}

{/* BASIC INFO */}

Site Title setData('title', e.target.value)} />

System Name setData('system_name', e.target.value)} />

Email setData('email', e.target.value)} />

Phone Number setData('number', e.target.value)} />

Address setData('address', e.target.value)} />

{/* DESCRIPTION */}

Description

setData('description', e.target.value)}
                                rows={3}
                                className="w-full rounded-md border p-2"
                            />
                            <InputError message={errors.description} />
                        </div>

{/* COPYRIGHT */}
                        <div>
                            <Label>Copyright</Label>
                            <Input value={data.copyright_text} onChange={(e) => setData('copyright_text', e.target.value)} />
                            <InputError message={errors.copyright_text} />
                        </div>

{/* FILES */}
                        <div className="grid gap-4 sm:grid-cols-2">
                            <div>
                                <ImageUpload
                                    label="Logo"
                                    value={data.logo}
                                    existingImageUrl={setting?.logo ? `/${setting.logo}` : null}
                                    onChange={(e) => setData('logo', e)}
                                />
                                {/* <Input type="file" onChange={(e) => setData('logo', e.target.files?.[0] ?? null)} /> */}
                                <InputError message={errors.logo} />
                            </div>

<div>
                                <ImageUpload
                                    label="Favicon"
                                    value={data.favicon}
                                    existingImageUrl={setting?.favicon ? `/${setting.favicon}` : null}
                                    onChange={(e) => setData('favicon', e)}
                                />
                                {/* <Input type="file" onChange={(e) => setData('favicon', e.target.files?.[0] ?? null)} /> */}
                                <InputError message={errors.favicon} />
                            </div>
                        </div>

{/* BUTTON */}
                        <div className="flex items-center gap-4">
                            <Button disabled={processing}>Save Settings</Button>

<Transition
                                show={recentlySuccessful}
                                enter="transition ease-in-out"
                                enterFrom="opacity-0"
                                leave="transition ease-in-out"
                                leaveTo="opacity-0"
                            >
                                <p className="text-sm text-neutral-600">Saved</p>
                            </Transition>
                        </div>
                    </form>
                </div>
            </SettingsLayout>
        </AppLayout>
    );
}