Profile

{flash.message.message}

handleKeyDown(e)} label="nama lengkap" />

handleKeyDown(e)} label="nama panggilan" />

+62

} placeholder="whatsapp" name="phone" value={data.phone} onChange={handleOnChange} error={errors.phone} onKeyDownCapture={(e) => handleKeyDown(e)} formClassName={'pl-10'} label="whatsapp" />

handleKeyDown(e)}
                            label="alamat lengkap"
                        />
                    </div>
                    <div className="w-full">
                        <FormInput
                            placeholder="username"
                            name="username"
                            value={data.username}
                            onChange={handleOnChange}
                            error={errors.username}
                            onKeyDownCapture={(e) => handleKeyDown(e)}
                            label="username"
                        />
                    </div>
                    <div className="w-full">
                        <FormInput
                            type="password"
                            placeholder="password , leave blank if unchange"
                            name="password"
                            value={data.password}
                            onChange={handleOnChange}
                            error={errors.password}
                            onKeyDownCapture={(e) => handleKeyDown(e)}
                            label="password"
                        />
                    </div>
                    <div className="w-full">
                        <FormInput
                            type="password"
                            placeholder="retype password"
                            name="password_confirmation"
                            value={data.password_confirmation}
                            onChange={handleOnChange}
                            error={errors.password_confirmation}
                            onKeyDownCapture={(e) => handleKeyDown(e)}
                            label="password confirm"
                        />
                    </div>
                    <div className="w-full text-sm font-medium">
                        <div className="mb-2">email </div>
                        <div className="px-2 py-2.5 border rounded-md bg-gray-200">
                            {user.email}
                        </div>
                    </div>
                    <div className="w-full">
                        <FormFile
                            label={'Profile Image'}
                            onChange={(e) =>
                                setData('image', e.target.files[0])
                            }
                            error={errors.image}
                            preview={
                                <img
                                    src={`${data.image_url}`}
                                    className="w-20 h-20 mb-1 rounded-full"
                                    alt="profile image"
                                    loading="lazy"
                                />
                            }
                        />
                    </div>

<div className="w-full flex flex-row justify-between">
                        <Button processing={processing} onClick={handleSubmit}>
                            Simpan
                        </Button>
                        {/* <a href="#" className="text-sm underline text-blue-600">
                            forgot password
                        </a> */}
                    </div>
                </div>
            </div>
        </CustomerLayout>
    )
}