{{define "content"}}
<div class="container">
<section class="hero is-info is-bold">
<div class="hero-body">
<h1 class="title">User Dashboard</h1>
<h2 class="subtitle">to your account</h2>
</div>
</section>
<div class="block p-4">
<div class="columns">
<div class="column">
<div class="card">
<header class="card-header has-background-link">
<p class="card-header-title has-text-light">My Account</p>
</header>
<div class="card-content">
<ul class="menu-list">
<li>
<a href="/u/{{.CurrentUser.Username}}">
<span class="icon"><i class="fa fa-user"></i></span>
My Profile
</a>
</li>
<a href="/photo/u/{{.CurrentUser.Username}}">
<span class="icon"><i class="fa fa-image"></i></span>
My Photos
<a href="/photo/upload">
<span class="icon"><i class="fa fa-upload"></i></span>
Upload Photos
<a href="/settings">
<span class="icon"><i class="fa fa-edit"></i></span>
Edit Profile & Settings
<a href="/logout">
<span class="icon"><i class="fa fa-arrow-right-from-bracket"></i></span>
Log out
<a href="/account/delete">
<span class="icon"><i class="fa fa-trash"></i></span>
Delete account
</ul>
<header class="card-header has-background-warning">
<p class="card-header-title">Notifications</p>
TBD.
{{end}}