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