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

<div class="container">
<h2>Profile</h2>
{{template "alarm" .}}
<div class="row">
<div class="col-3">
<div class="card">
<div class="card-header">Info</div>
<div class="card-b">
<p><img src="/avatar/{{.User.Id}}" onerror="this.src='/static/default.jpg'; this.onerror=null;" width="128" height="128" alt="Avatar" class="mx-auto"></p>
<p><strong>Login:</strong> {{.User.Login}}</p>
<p><strong>Display name:</strong> {{.User.EffectiveDisplayName}}</p>
{{if .User.SuperUser}}<p><strong>Super User:</strong> Yes</p>{{end}}
</div>
</div>
</div>
<div class="col-3">
<div class="card">
<div class="card-header">Actions</div>
<div class="card-b">
<p><a href="/profile/edit">Edit Profile</a></p>
<p><a href="/profile/password">Change Password</a></p>
</div>
</div>
</div>
</div>
</div>

{{template "footer" .}}