alice.pds.demo.boltless.dev
This repository has no description
1{{ define "timeline/fragments/newsletterForm" }}
2 {{ $id := .Id }}
3 {{ $variant := .Variant }}
4 {{ if eq $variant "hero" }}
5 <form
6 class="flex gap-2 items-stretch w-full md:max-w-md mx-auto p-2 border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 rounded shadow-sm"
7 hx-post="/newsletter/signup"
8 hx-target="#newsletter-msg-{{ $id }}"
9 hx-swap="outerHTML"
10 hx-vals='{"target":"{{ $id }}"}'>
11 <span id="newsletter-msg-{{ $id }}" class="flex gap-2 items-stretch flex-1 min-w-0">
12 <input
13 type="email"
14 name="email"
15 required
16 placeholder="Enter your email"
17 class="py-2 w-full text-lg md:text-base" />
18 <button class="btn-create flex items-center gap-2 text-base whitespace-nowrap" type="submit">
19 Subscribe
20 {{ i "arrow-right" "size-4" }}
21 </button>
22 </span>
23 </form>
24 {{ else }}
25 <form
26 hx-post="/newsletter/signup"
27 hx-target="#newsletter-msg-{{ $id }}"
28 hx-swap="outerHTML"
29 hx-vals='{"target":"{{ $id }}"}'>
30 <span id="newsletter-msg-{{ $id }}" class="flex items-stretch gap-2">
31 <input
32 type="email"
33 name="email"
34 placeholder="your@email.com"
35 required
36 class="flex-1 min-w-0 text-sm py-2" />
37 <button type="submit" class="btn whitespace-nowrap px-4 gap-2">
38 {{ i "mail-plus" "size-4 inline" }}
39 Subscribe
40 </button>
41 </span>
42 </form>
43 {{ end }}
44{{ end }}