Hi,
Yes I understand the use case, but I have directed you to the Discussion template which shows you an example of everything you are trying to achieve. This is not a forum to ask people to develop applications for you, it is to ask questions about controls, bugs, best practises. I would highly recommend reading the "Mastering XPages" book, and or the course material on TLCC.com and david leedy has a post on free learning resources here:
Here is a rough idea of what you need to do but you will need to code it and investigate / practise it.
1. Create a view for the list of documents.
2. Create a panel for the add / edit section with a document data source and text fields: (most of this is contained in the custom control "topicThread" in discussion)
<xp:panel id="detailsPanel">
<xp:this.data>
<xp:dominoDocument var="dominoDoc" action="openDocument">
</xp:dominoDocument>
<xp:label value="holiday date"></xp:label>
<xp:inputText>.....
</xp:this.data>
</xp:panel>
bind these fields to the underlying document
3. Either have a dataview (which won't look the same as the above picture) or a repeat and customize it to look as you need. - (dataview example is the "allDocumentsView" custom control, repeat in "topicThread" to display all the replies).
4. When an item in the list is clicked, refresh the panel and update the document its pointing to, this will change the details displayed in that panel. (examples of creating / modifying an entry in "mainTopic" custom control, )
5. When new item saved / edited refresh the dataview / repeat to show the new / updated entry.
It will be quite easy to do but will require you searching for examples and reading articles online.
Simon