1{{define "title"}}Password Protected Site{{end}}
 2
 3{{define "meta"}}
 4{{end}}
 5
 6{{define "attrs"}}class="container" style="height: 100vh;"{{end}}
 7
 8{{define "body"}}
 9<div class="container flex justify-center">
10	<div style="max-width: 450px;" class="mt-4 border py-4 px-4 flex flex-col gap">
11  	<h1 class="text-lg">Password protected site</h1>
12
13		<div>The site admin must share the password for this site in order to access it.  Access is then granted for 24 hours.</div>
14
15		{{if .Error}}
16  	<div style="color: tomato;">{{.Error}}</div>
17  	{{end}}
18
19  	<form method="POST" action="/pgs/login">
20  		<input type="hidden" name="project" value="{{.ProjectName}}">
21		<input type="hidden" name="redirect" value="{{.Redirect}}">
22  		<label for="password">Enter password:</label>
23      <div class="flex gap">
24    		<input type="password" id="password" name="password" placeholder="Password" required autofocus>
25    		<button type="submit">Access</button>
26      </div>
27  	</form>
28	</div>
29</div>
30{{end}}