import AppCalendar from '../components/app/Calendar.vue'

export default () => {
    const { t } = useI18n()
    return reactive({
        fields: {
            firstName: {
                is: "InputText",
                props: { placeholder: "", style: 'direction:rtl' },
            },
            lastName: {
                is: "InputText",
                props: { placeholder: "", style: 'direction:rtl' },
            },
            gender: {
                is: "Dropdown",
                props: {
                    placeholder: "",
                    optionLabel: "label",
                    optionValue: 'value',
                    dataKey: 'value',
                    options: [
                        { label: t('male'), value: 0 },
                        { label: t('female'), value: 1 },
                    ]
                },
            },
            dateOfBirth: {
                is: AppCalendar,
                props: { inputId: "dateOfBirth", placeholder: "", class: "isax isax-note5" },
            },
            phoneNumber: {
                is: "InputText",
                props: { placeholder: "", inputmode: "numeric", disabled: true },
            },
            email: {
                is: "InputText",
                props: { placeholder: "", type: "email" },
            },
            postCode: {
                is: "InputText",
                props: { placeholder: "" },
            },
            state: {
                is: "Dropdown",
                props: { placeholder: "", options: [], optionValue: 'name', optionLabel: 'name' },
            },
            city: {
                is: "Dropdown",
                props: { placeholder: '', options: []},
            },
            address: {
                is: "Textarea",
                props: { placeholder: "" },
            },
        },
        btn: {
            props: {
                label: t("next"),
            },
        }
    })
}