How to add multiple Form Entries(textfield elements) into one document in a collection?

So basically I need this textfields e.g. time & menuquantity to be in one collection aka for time 1, time 2, etc will be in the time(list) field and so on and so forth. I also need that when i query the form entries it will also be displayed as a list(that only the entries of that user will be visible e.g. user ref thing) the problem is i dont know how to set up the backend to show the data in the order details page.

here's a yt video of what im trying to do with the order details page: https://youtu.be/_G4apUT9aXg?si=V1XNtgjXMyctCAoi

my "old" way of doing it was having multiple of fields in a collection e.g. time_1 time_2 etc.(which arent list fields) but the problem with that is i didnt know how to make it in such a way that only the user's inputs will only be shown and everytime i test it when i submit a form and then check the order details it shows, but when i login to another account the entry of that user shows as well and vice versa if that other account decides to submit an entry.

i just need the form entries that when a document is created they are all on their respected documents e.g. time_1,time_2 inside the time document and so on and so forth and then i plan to do backend query for the order details to display the user's entries

what im trying to do is make a cater app where customers add their input in form fields(textfields) and show their input in order details.

2
2 replies