main / internal/interface/web/templates/register.templ
1.5 KB · Templ Raw
1package templates
2
3import "gitgud/internal/domain"
4
5templ Register(user *domain.User, username, email, errMsg string) {
6 @Layout("Register · gitgud", user) {
7 <div class="mx-auto max-w-sm py-10">
8 <h1 class="mb-1 text-center text-2xl font-semibold tracking-tight">Create your account</h1>
9 <p class="mb-6 text-center text-sm text-muted">Start hosting repositories on gitgud</p>
10 <div class="card p-6">
11 if errMsg != "" {
12 <div class="mb-4 rounded-md border border-closed/30 bg-closed/10 px-3 py-2 text-sm text-closed">{ errMsg }</div>
13 }
14 <form method="post" action="/register" class="flex flex-col gap-4">
15 @csrfField()
16 <label class="flex flex-col gap-1.5">
17 <span class="text-xs font-medium text-muted">Username</span>
18 <input class="input" type="text" name="username" value={ username } autofocus/>
19 </label>
20 <label class="flex flex-col gap-1.5">
21 <span class="text-xs font-medium text-muted">Email</span>
22 <input class="input" type="email" name="email" value={ email }/>
23 </label>
24 <label class="flex flex-col gap-1.5">
25 <span class="text-xs font-medium text-muted">Password</span>
26 <input class="input" type="password" name="password"/>
27 </label>
28 <button class="btn btn-primary mt-1 justify-center" type="submit">Create account</button>
29 </form>
30 </div>
31 <p class="mt-4 text-center text-sm text-muted">Already have an account? <a class="text-accent hover:underline" href="/login">Sign in</a></p>
32 </div>
33 }
34}