<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Error {{.Data.Code}} — a·muse</title>
		<link rel="stylesheet" href="/static/style/style.css" />
		<link rel="icon" type="image/svg+xml" href="/static/img/logo.svg">
		<link rel="apple-touch-icon" type="image/svg+xml" href="/static/img/logo.svg">
	</head>
	<body>
		<header class="w12 padding-bottom-_25 flex flex-row flex-justify-space flex-align-centre">
			<a href="/" class="decoration-none">
				<h1 class="inline valign-mid text sans margin-lr-1">a·muse</h1>
			</a>
		</header>
		<main class="margin-lr-1">
			<div class="font-2 w12 flex flex-centre margin-top-10">
				<div>
					<div class="centre sans">
						<span class="font-3">{{.Strings.Error.error}} {{.Data.Code}}</span><br/>
						<span class="font-2 text-grey">{{.GetErrorData .Data.Code "name"}}</span>
					</div>
					<div class="margin-top-10">
						<p>{{.GetErrorData .Data.Code "quote"}}</p>
						<p class="indent-2 sans">—{{.GetErrorData .Data.Code "character"}} (<span class="italic sans">{{.GetErrorData .Data.Code "title"}}</span>)</p>
					</div>
					{{if eq .Data.Code 401}}
					<div>
						<a href="/login" class="sans">{{.Strings.Global.login}}</a>
						—
						<a href="/signup" class="sans">{{.Strings.Global.signup}}</a>
					</div>
					{{end}}
					{{if .Data.IsOnWantList}}
					<div class="centre">
						<form action="/users/{{.Data.User}}/watchlist/{{.Data.ItemType}}:{{.Data.ItemID}}" method="POST">
							<input type="hidden" name="method" value="DELETE" />
							<button type="submit" class="border-text sans margin-lr-1 hover-bg-grey padding-tb-_25 cursor-hand text"><span class="padding-lr-_5 material-icon">&#xe16c;</span><span class="sans padding-lr-_5">{{.Strings.Film.remove_want}}</span></button>
						</form>
					</div>
					{{end}}
				</div>
			</div>
		</main>
	</body>
</html>
