creating invoice template

internal/handlers/dashboard.go

@@ -2,10 +2,29 @@ package handlers
 
 import (
 	"html/template"
+	"log"
 	"net/http"
 )
 
 func DashboardHandler(w http.ResponseWriter, r *http.Request) {
-	tmpl := template.Must(template.ParseFiles("templates/layout.html", "templates/dashboard.html"))
+	tmpl, err := template.ParseFiles(
-	tmpl.Execute(w, nil)
+		"templates/layout.html",
+		"templates/dashboard.html",
+		"templates/partials/invoice_search.html",
+		"templates/partials/invoice_search_results.html",
+	)
+	if err != nil {
+		log.Printf("Template parsing error: %v", err)
+		http.Error(w, "Internal Server Error", http.StatusInternalServerError)
+		return
+	}
+
+	data := struct{}{} // Empty struct as data
+
+	err = tmpl.ExecuteTemplate(w, "layout.html", data)
+	if err != nil {
+		log.Printf("Template execution error: %v", err)
+		http.Error(w, "Internal Server Error", http.StatusInternalServerError)
+		return
+	}
 }

internal/handlers/jobs.go

@@ -6,16 +6,18 @@ import (
 )
 
 func JobsHandler(w http.ResponseWriter, r *http.Request) {
-	if r.Header.Get("HX-Request") == "true" {
-		// This is an HTMX request, return only the jobs partial
-		tmpl := template.Must(template.ParseFiles("templates/partials/jobs.html"))
 	jobs := []string{"Job 1", "Job 2", "Job 3"} // Replace with actual data fetching
-		tmpl.Execute(w, jobs)
+
+	if r.Header.Get("HX-Request") == "true" {
+		// This is an HTMX request, return the jobs content wrapped in the content template
+		tmpl := template.Must(template.ParseFiles("templates/layout.html", "templates/partials/jobs.html"))
+		tmpl.ExecuteTemplate(w, "content", map[string]interface{}{
+			"Title": "Jobs",
+			"Jobs":  jobs,
+		})
 	} else {
 		// This is a full page request
 		tmpl := template.Must(template.ParseFiles("templates/layout.html", "templates/partials/jobs.html"))
-		jobs := []string{"Job 1", "Job 2", "Job 3"} // Replace with actual data fetching
-
 		tmpl.Execute(w, map[string]interface{}{
 			"Title": "Jobs",
 			"Jobs":  jobs,

templates/dashboard.html

@@ -4,12 +4,12 @@
 
 <div class="dashboard-grid">
   <div class="dashboard-item">
-    <h3>Manage Jobs</h3>
+    <h3>Invoices</h3>
-    <a href="/jobs" hx-get="/jobs" hx-target="#content">View Jobs</a>
+    {{template "invoice_search" .}}
   </div>
   <div class="dashboard-item">
-    <h3>Manage Assets</h3>
+    <h3>Manage Jobs</h3>
-    <a href="/assets" hx-get="/assets" hx-target="#content">View Assets</a>
+    <a href="/jobs" hx-get="/jobs" hx-target="#content">View Jobs</a>
   </div>
   <div class="dashboard-item">
     <h3>Manage Companies</h3>

templates/partials/invoice_search.html

@@ -0,0 +1,12 @@
+{{define "invoice_search"}}
+<div id="invoice-search"></div>
+<input
+  type="text"
+  name="search"
+  id="invoice-search-input"
+  hx-trigger="keyup changed delay:300ms"
+  hx-target="#invoice-search-results"
+  hx-indicator="#invoice-search-spinner" />
+<div id="invoice-search-spinner" class="htmx-indicator">Searching...</div>
+<div id="invoice-search-results"></div>
+{{end}}

templates/partials/invoice_search_results.html

@@ -0,0 +1,8 @@
+<ul>
+  {{range .}}
+  <li>
+    <!-- Customize this based on your invoice data structure -->
+    Invoice: {{.Number}} - Amount: {{.Amount}}
+  </li>
+  {{end}}
+</ul>

templates/partials/jobs.html

@@ -1,4 +1,3 @@
-{{define "content"}}
 <div class="submenu-container">
   <h2 class="submenu-header">Jobs</h2>
   <div class="submenu-grid">
@@ -25,4 +24,3 @@
     </div>
   </div>
 </div>
-{{end}}