<template>
	<FormBuilder v-model="form" />
</template>

<script lang="ts">
import { defineComponent } from "vue";

import FormBuilder from "@/form-builder/FormBuilder";
import { Form } from "@/form-builder/FormBuilder/types";

export default defineComponent({
	components: {
		FormBuilder,
	},
	data() {
		return {
			form: {
				informations: {
					title: "Vos informations",
					questions: {
						nir: {
							type: "text",
							value: null,
							fieldOptions: {
								label: "Numéro de Sécurité Sociale",
								outlined: true,
							},
						},
						lastName: {
							type: "text",
							value: null,
							fieldOptions: {
								label: "Nom",
								outlined: true,
							},
						},
						firstName: {
							type: "text",
							value: null,
							fieldOptions: {
								label: "Prénom",
								outlined: true,
							},
						},
					},
				},
				health: {
					title: "Votre état de santé",
					questions: {
						symptoms: {
							type: "textarea",
							title: "Vos symptômes",
							description:
								"Décrivez les symptômes qui vous affectent et leur ordre d’apparition.",
							value: null,
							fieldOptions: {
								label: "Décrivez vos symptômes",
								outlined: true,
							},
						},
						symptomsDate: {
							type: "date",
							value: null,
							description: "Date d’apparition des symptômes",
							fieldOptions: {
								label: "Date d’apparition",
								outlined: true,
							},
						},
					},
				},
			} as Form,
		};
	},
});
</script>