Eingabemaske funktioniert soweit

main.go

@@ -1,6 +1,7 @@
 package main
 
 import (
+	"fmt"
 	"html/template"
 	"log"
 	"net/http"
@@ -14,6 +15,7 @@ type Person struct {
 type Instructor Person
 
 type Participant struct {
+	ID int64
 	Person
 	Company string
 }
@@ -28,14 +30,38 @@ type Briefing struct {
 }
 
 func main() {
+	var i, j int64
+	var b Briefing
+
 	mux := http.NewServeMux()
+	i = 1
 
 	mux.Handle("/static/", http.StripPrefix("/static/", http.FileServer(http.Dir("static/"))))
 	mux.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
-		template.Must(template.ParseFiles("templates/index.html")).Execute(w, nil)
+		template.Must(template.ParseFiles("templates/index.html")).Execute(w, i)
 	})
 	mux.HandleFunc("/add-participant/", func(w http.ResponseWriter, r *http.Request) {
-		template.Must(template.ParseFiles("templates/index.html", "templates/participant.html")).ExecuteTemplate(w, "participant", nil)
+		i++
+		template.Must(template.ParseFiles("templates/index.html", "templates/participant.html")).ExecuteTemplate(w, "participant", i)
+	})
+	mux.HandleFunc("/submit/", func(w http.ResponseWriter, r *http.Request) {
+		b.Instructor.FirstName = r.PostFormValue("instructor-first")
+		b.Instructor.LastName = r.PostFormValue("instructor-last")
+		b.Date = r.PostFormValue("date")
+		b.Time = r.PostFormValue("time")
+		b.State = r.PostFormValue("state")
+		b.Location = r.PostFormValue("location")
+		for j = 1; j <= i; j++ {
+			b.Participants = append(b.Participants, Participant{
+				ID: j,
+				Person: Person{
+					FirstName: r.PostFormValue("participant-first-" + fmt.Sprint(j)),
+					LastName:  r.PostFormValue(("participant-last-" + fmt.Sprint(j))),
+				},
+				Company: r.PostFormValue(("participant-company-" + fmt.Sprint(j))),
+			})
+		}
+		fmt.Println(b)
 	})
 
 	log.Fatalln(http.ListenAndServe(":8080", mux))

templates/index.html

@@ -12,6 +12,14 @@
   <h1>Sicherheitsunterweisung</h1>
 
   <form>
+    <div id="instructor">
+      <label for="instructor-first-input">Unterweiser Vorname</label>
+      <input type="text" name="instructor-first" id="instructor-first-input" />
+
+      <label for="instructor-last-input">Unterweiser Nachname</label>
+      <input type="text" name="instructor-last" id="instructor-last-input" />
+    </div>
+
     <div id="date">
       <label for="date-input">Datum</label>
       <input type="date" name="date" id="date-input" />
@@ -38,19 +46,21 @@
         +
       </button>
 
-      <div id="participant-{{ .ID }}">
+      <div id="participant-{{ . }}">
-        <label for="participant-first-input-{{ .ID }}">Vorname</label>
+        <label for="participant-first-input-{{ . }}">Vorname</label>
-        <input type="text" name="participant-first" id="participant-first-input-{{ .ID }}" />
+        <input type="text" name="participant-first-{{ . }}" id="participant-first-input-{{ . }}" />
 
-        <label for="participant-last-input-{{ .ID }}">Nachname</label>
+        <label for="participant-last-input-{{ . }}">Nachname</label>
-        <input type="text" name="participant-last" id="participant-last-input-{{ .ID }}" />
+        <input type="text" name="participant-last-{{ . }}" id="participant-last-input-{{ . }}" />
 
-        <label for="participant-company-input-{{ .ID }}">Firma</label>
+        <label for="participant-company-input-{{ . }}">Firma</label>
-        <input type="text" name="participant-company" id="participant-company-input-{{ .ID }}" />
+        <input type="text" name="participant-company-{{ . }}" id="participant-company-input-{{ . }}" />
       </div>
     </div>
 
-    <button type="submit">Senden</button>
+    <button type="submit" hx-post="/submit/">
+      Senden
+    </button>
   </form>
 
   <script src="/static/js/htmx.min.js" type="text/javascript"></script>

templates/participant.html

@@ -1,12 +1,12 @@
 {{ define "participant" }}
-<div id="participant-{{ .ID }}">
+<div id="participant-{{ . }}">
-  <label for="participant-first-input-{{ .ID }}">Vorname</label>
+  <label for="participant-first-input-{{ . }}">Vorname</label>
-  <input type="text" name="participant-first" id="participant-first-input-{{ .ID }}" />
+  <input type="text" name="participant-first-{{ . }}" id="participant-first-input-{{ . }}" />
 
-  <label for="participant-last-input-{{ .ID }}">Nachname</label>
+  <label for="participant-last-input-{{ . }}">Nachname</label>
-  <input type="text" name="participant-last" id="participant-last-input-{{ .ID }}" />
+  <input type="text" name="participant-last-{{ . }}" id="participant-last-input-{{ . }}" />
 
-  <label for="participant-company-input-{{ .ID }}">Firma</label>
+  <label for="participant-company-input-{{ . }}">Firma</label>
-  <input type="text" name="participant-company" id="participant-company-input-{{ .ID }}" />
+  <input type="text" name="participant-company-{{ . }}" id="participant-company-input-{{ . }}" />
 </div>
 {{ end }}