{{template "header" .}}
{{template "navbar" .}}

<div class="container">
<h2>Profile</h2>
{{template "alarm" .}}
<div class="row">
<div class="col-3 mx-auto">
<div class="card">
<div class="card-header">Change Password</div>
<div class="card-b">
<form method="post" action="/profile/password">
{{template "csrf" .}}
<div class="form-group"><label for="old_password">Current password</label><input type="password" class="w-100" id="old_password" name="old_password" required></div>
<div class="form-group"><label for="new_password">New password</label><input type="password" class="w-100" id="new_password" name="new_password" required minlength="6"></div>
<div class="form-group"><label for="confirm_password">Confirm new password</label><input type="password" class="w-100" id="confirm_password" name="confirm_password" required minlength="6"></div>
<div class="text-center"><button type="submit">Change Password</button></div>
</form>
<p class="text-center"><a href="/profile">Back to profile</a></p>
</div>
</div>
</div>
</div>
</div>

{{template "footer" .}}