{{template "header.html" . }}

<div id="profile_left_pane" class="colblock_left" style="max-width: 220px;">
	<div class="rowitem" style="padding: 0;">
		<img src="{{.ProfileOwner.Avatar}}" style="max-width: 100%;margin: 0;display: block;" />
	</div>
	<div class="rowitem">
	<span style="font-size: 18px;">{{.ProfileOwner.Name}}</span>{{if .ProfileOwner.Tag}}<span class="username" style="float: right;font-weight: normal;">{{.ProfileOwner.Tag}}</span>{{end}}
	</div>
	<div class="rowitem passive">
		<a class="profile_menu_item">Add Friend</a>
	</div>
	{{if (.CurrentUser.Is_Super_Mod) and not (.ProfileOwner.Is_Super_Mod) }}<div class="rowitem passive">
		{{if .ProfileOwner.Is_Banned }}<a href="/users/unban/{{.ProfileOwner.ID}}?session={{.CurrentUser.Session}}" class="profile_menu_item">Unban</a>
		{{else}}<a href="/users/ban/{{.ProfileOwner.ID}}?session={{.CurrentUser.Session}}" class="profile_menu_item">Ban</a>{{end}}
	</div>{{end}}
	<div class="rowitem passive">
		<a href="/report/submit/{{.ProfileOwner.ID}}?session={{.CurrentUser.Session}}&type=user" class="profile_menu_item report_item">Report</a>
	</div>
</div>

<div class="colblock_right" style="width: calc(95% - 210px);">
	<div class="rowitem rowhead"><a>Comments</a></div>
</div>
<div id="profile_comments" class="colblock_right" style="overflow: hidden;border-top: none;width:calc(95% - 210px);">{{range .ItemList}}
<div class="rowitem passive deletable_block editable_parent simple" style="{{if .Avatar}}background-image: url({{.Avatar}}), url(/static/white-dot.jpg);background-position: 0px {{if le .ContentLines 5}}-1{{end}}0px;background-repeat: no-repeat, repeat-y;background-size: 128px;padding-left: 136px;{{.Css}}{{end}}">
		<span class="editable_block user_content simple">{{.ContentHtml}}</span><br /><br />
		<a href="/user/{{.CreatedBy}}" class="real_username username">{{.CreatedByName}}</a>&nbsp;&nbsp;

		{{if $.CurrentUser.Is_Mod}}<a href="/profile/reply/edit/submit/{{.ID}}" class="mod_button" title="Edit Item"><button class="username edit_item edit_label"></button></a>

		<a href="/profile/reply/delete/submit/{{.ID}}" class="mod_button" title="Delete Item"><button class="username delete_item trash_label"></button></a>{{end}}

		<a class="mod_button" href="/report/submit/{{.ID}}?session={{$.CurrentUser.Session}}&type=user-reply"><button class="username report_item flag_label"></button></a>

		{{if .Tag}}<a class="username hide_on_mobile" style="float: right;">{{.Tag}}</a>{{end}}
	</div>
{{end}}</div>

<div class="colblock_right" style="border-top: none;width: calc(95% - 210px);">
{{if not .CurrentUser.Is_Banned}}
<form action="/profile/reply/create/" method="post">
	<input name="uid" value='{{.ProfileOwner.ID}}' type="hidden" />
	<div class="formrow">
		<div class="formitem"><textarea name="reply-content" placeholder="Insert reply here"></textarea></div>
	</div>
	<div class="formrow">
		<div class="formitem"><button name="reply-button" class="formbutton">Create Reply</button></div>
	</div>
</form>
{{end}}
</div>

{{template "footer.html" . }}