{{template "header" .}}
<form method=post action="/settings">
<section>
<h2>Profile</h2>
	<div class="row">
	<div class="form-element">
		<input name="name" id="name" type="text" value={{.Name}}>
		<label for="name">Name</label>
	</div>
		
	<div class="form-element">
		<input name="email" id="email" type="text" value={{.Email}}>
		<label for="email">Email</label>
	</div>
	</div>
</section>

<section>
<h2>Last.fm</h2>
	<div class="row">
	<div class="form-element">
		<input name="lfm_name" id="lfm_name" type="text" value={{.LfmName}}>
		<label for="lfm_name">Username</label>
	</div>
		
	<div class="form-element">
		<input autocomplete="new-password" name="lfm_password" id="lfm_password" type="password">
		<label for="lfm_password">Password</label>
	</div>
	</div>

	<p>
		{{if not .LastImport.IsZero}}
			{{.ImportCount}} listens imported from Last.fm (last import on {{.LastImport.Format "Mon, Jan 2 15:04"}}).
		{{end}}
		<input type="submit" name="import" value="IMPORT">
	</p>
</section>
<div class="row">
<input type="submit" name="save" value="SAVE">
</div>
</form>
{{template "footer"}}