{{ define "admin-account-content" }}
{{ template "nav-sidebar" . }}
<div id="content">
{{ template "navbar-user" . }}
<section class="section dashboard-wrapper p-t-xxl">
	<div class="content is-medium">
		<h1>Account Settings</h1>
	</div>

	<div class="container box">
		<div class="columns">
			<div class="column is-12">
				<h2>Main Settings</h2>
				<p>This information will appear on your account.</p>
			</div>
		</div>
		<div class="columns">
			<div class="column is-12">
				<form method="POST" action="/admin/account">
					{{ if len (.Error "fullname") }}<div class="notification is-warning">{{ .Error "fullname" }}</div>{{ end }}
					<div class="field is-horizontal">
						<div class="field-label is-normal">
							<label class="label">Fullname</label>
						</div>
						<div class="field-body">
							<div class="field">
								<p class="control">
									<input class="input" type="text" name="fullname" placeholder="First and last name" value="{{ .User.Fullname }}">
								</p>
							</div>
						</div>
					</div>
					{{ if len (.Error "email") }}<div class="notification is-warning">{{ .Error "email" }}</div>{{ end }}
					<div class="field is-horizontal">
						<div class="field-label is-normal">
							<label class="label">Email</label>
						</div>
						<div class="field-body">
							<div class="field">
								<p class="control">
									<input class="input" type="text" name="email" placeholder="email@domain.com" value="{{ .User.Email }}">
								</p>
							</div>
						</div>
					</div>
					<div class="field is-horizontal">
						<div class="field-label is-normal">
							<label class="label">Cell Phone</label>
						</div>
						<div class="field-body">
							<div class="field">
								<p class="control">
									<input class="input" type="tel" name="mobile" placeholder="+1 201 555 1234" value="{{ .User.Phone }}">
								</p>
							</div>
						</div>
					</div>
					<br>
					<button class="button is-info" type="submit">Update</button>
				</form>
			</div>
		</div>
	</div>
	<div class="container box">
		<div class="columns">
			<div class="column is-12">
				<h2>Password</h2>
				<p>After a successful password update, you will be redirected to the login page where you can log in with your new password.</p>
			</div>
		</div>
		<div class="columns">
			<div class="column is-12">
				<form method="POST" action="/admin/account/password">
					{{ if len (.Error "currpassword") }}<div class="notification is-warning">{{ .Error "currpassword" }}</div>{{ end }}
					<div class="field is-horizontal">
						<div class="field-label is-normal">
							<label class="label">Current</label>
						</div>
						<div class="field-body">
							<div class="field">
								<p class="control">
									<input class="input" type="password" name="currpassword">
								</p>
							</div>
						</div>
					</div>
					
					<div class="field is-horizontal">
						<div class="field-label is-normal">
							<label class="label">New</label>
						</div>
						<div class="field-body">
							<div class="field">
								<p class="control">
									<input class="input" type="password" name="password">
								</p>
							</div>
						</div>
					</div>
					{{ if len (.Error "confirm") }}<div class="notification is-warning">{{ .Error "password" }}</div>{{ end }}
					<div class="field is-horizontal">
						<div class="field-label is-normal">
							<label class="label">Confirm</label>
						</div>
						<div class="field-body">
							<div class="field">
								<p class="control">
									<input class="input" type="password" name="confirm">
								</p>
							</div>
						</div>
					</div>
					<br>
					<button class="button is-info" type="submit">Update Password</button>
				</form>
			</div>
		</div>
	</div>
</section>
{{ template "menu-toggle" . }}
</div>
{{ end }}