{{define "invoice_search_results"}} {{if .Error}}
<div class="not-found">
  {{.ErrorMsg}}
  <p>Search term: "{{.SearchTerm}}"</p>
</div>
{{else if .NotFound}}
<div class="not-found">
  {{.ErrorMsg}}
  <p>Search term: "{{.SearchTerm}}"</p>
</div>
{{else if .invoiceNumber}}
<h3>Invoice Details</h3>

{{range .buttons}}
<button
  hx-put="{{.Action}}"
  hx-confirm="{{.ConfirmText}}"
  hx-target="#invoice-search-results"
  class="{{.Class}}">
  {{.Label}}
</button>
{{end}}

<p><strong>Invoice Number:</strong> {{.invoiceNumber}}</p>
<p><strong>Total Price:</strong> ${{.totalPrice}}</p>
<p><strong>Status:</strong> {{.status}}</p>

{{with .customer}}
<p><strong>Customer:</strong> {{.name}}</p>
{{end}} {{with .job}}
<p><strong>Job:</strong> {{.name}}</p>
{{end}} {{with .location}}
<p><strong>Location:</strong> {{.name}}</p>
{{end}} {{if .items}}
<h4>Items:</h4>
<ul>
  {{range .items}}
  <li>{{.description}} - ${{.totalPrice}}</li>
  {{end}}
</ul>
{{end}} {{else}}
<p>Unexpected response. Please try again.</p>
{{end}} {{end}}