{{with .Data}}
{{template "header.tmpl" (WithContext .HeaderData $.Ctx)}}
{{template "navigation.tmpl" (WithContext .NavbarData $.Ctx)}}
<div class="page-title"> User </div>

<div class="user-info-container">
<div>
	<div class="user-profile-img-container">
		<a class="img-link" href="{{.User.AvatarStatic}}" target="_blank">
			<img class="user-profile-img" src="{{.User.AvatarStatic}}" alt="profile-avatar" />
		</a>
	</div>
	<div class="user-profile-details-container">
		<div>
			<span class="status-dname"> {{EmojiFilter .User.DisplayName .User.Emojis}} </span>  
			<span class="status-uname"> {{.User.Acct}} </span>
			<a class="remote-link" href="{{.User.URL}}" target="_blank" title="remote profile">
				source
			</a>
		</div>
		<div>
			<span> {{if .User.Pleroma.Relationship.FollowedBy}} follows you - {{end}} </span>  
			{{if .User.Pleroma.Relationship.Following}} 
			<form class="d-inline" action="/unfollow/{{.User.ID}}" method="post">
				<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
				<input type="submit" value="unfollow" class="btn-link">
			</form>
			{{end}} 
			{{if .User.Pleroma.Relationship.Requested}} 
			<form class="d-inline" action="/unfollow/{{.User.ID}}" method="post">
				<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
				<input type="submit" value="cancel request" class="btn-link">
			</form>
			{{end}} 
			{{if not .User.Pleroma.Relationship.Following}} 
			<form class="d-inline" action="/follow/{{.User.ID}}" method="post">
				<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
				<input type="submit" value="{{if .User.Pleroma.Relationship.Requested}}resend request{{else}}follow{{end}}" class="btn-link">
			</form>
			{{end}} 
		</div>
		<div>
			{{.User.StatusesCount}} statuses - 
			<a href="/following/{{.User.ID}}"> {{.User.FollowingCount}} following </a> - 
			<a href="/followers/{{.User.ID}}"> {{.User.FollowersCount}} followers </a>
		</div>
		<div>
			<a href="/usersearch/{{.User.ID}}"> search statuses </a>
		</div>
	</div>
	<div class="user-profile-decription">
	{{.User.Note}}
	</div>
</div>
</div>

{{range .Statuses}}
{{template "status.tmpl" (WithContext . $.Ctx)}}
{{end}}

<div class="pagination">
	{{if .NextLink}}
		<a href="{{.NextLink}}">next</a>
	{{end}}
</div>

{{template "footer.tmpl"}}
{{end}}