<div class="form">
	<div class="form__header">
		<h1 class="form__title">View profile</h1>
		<a href="/" class="form__btn icon-at-left"><span class="far fa-home"></span>Home</a>
	</div>
	<div class="usp">
		<div class="usp__columns d-flex jc-flex-start ai-center">
			<div class="usp__left">
				<div class="usp__img img-fit-cover"><img src="{foto}" alt=""/></div>
			</div>
			<div class="usp__middle stretch-free-width">
				<h2 class="usp__name">{usertitle}</h2>
				<div class="usp__group">Group: {status} [time_limit]&nbsp;In group until: {time_limit}[/time_limit]</div>
			</div>
			<div class="usp__right">
				<div class="usp__btn">{email}</div>
				[not-group=5]<div class="usp__btn">{pm}</div>[/not-group]
			</div>
		</div>
		<div class="usp__meta d-flex jc-space-between ai-center">
			[online]<div class="usp__status usp__status--online">Online</div>[/online]
			[offline]<div class="usp__status usp__status--offline">Offline</div>[/offline]
			<div class="usp__activity d-flex jc-flex-start stretch-free-width">
				<div>Posts<div>{news-num}</div></div>
				<div>Comments<div>{comm-num}</div></div>
			</div>	
			[not-logged]<div class="usp__btn"><a href="javascript:ShowOrHide('options')">edit</a></div>[/not-logged]
		</div>
		<ul class="usp__list d-flex jc-space-between">
			<li><span>Registered:</span> {registration}</li>
			<li><span>Last visit:</span> {lastdate}</li>
			[not-group=5]
			[fullname]<li><span>Full name:</span> {fullname}</li>[/fullname]
			[land]<li><span>Location:</span> {land}</li>[/land]
			<li><span>About:</span> {info}</li>
			[signature]<li><span>Signature:</span> {signature}</li>[/signature]
			[/not-group]
		</ul>
		<ul class="usp__list d-flex jc-space-between">
			[news-num]<li class="no-label">{news}[rss], RSS [/rss]</li>[/news-num]
			[comm-num]<li class="no-label">{comments}</li>[/comm-num]
		</ul>
	</div>
</div>

<div id="options" style="margin-top: 40px; display: none;">
	<div class="form__header">
		<h2 class="form__title">Edit profile:</h2>
	</div>
	<div class="form__row">
		<div class="form__caption">
			<label>Your name:</label>
		</div>
		<div class="form__content">
			<input type="text" name="fullname" value="{fullname}" placeholder="Your name" />
		</div>
	</div>
	<div class="form__row">
		<div class="form__caption">
			<label>Your email:</label>
		</div>
		<div class="form__content">
			<input type="text" name="email" value="{editmail}" placeholder="Your email: {editmail}" />
		</div>
	</div>
	<div class="form__row">
		<div class="form__caption">Subscriptions</div>
		<div class="form__content form__content--admintag form__content--usertag">
			<div class="checkbox">{hidemail}</div>
			<div class="checkbox"><input type="checkbox" id="subscribe" name="subscribe" value="1" /> 
			<label for="subscribe">Unsubscribe from subscribed news</label></div>
		</div>
	</div>
	<div class="form__row">
		<div class="form__caption">
			<label>Location:</label>
		</div>
		<div class="form__content">
			<input type="text" name="land" value="{land}" placeholder="Location" />
		</div>
	</div>
	<div class="form__row">
		<div class="form__caption">
			<label>Ignored users list:</label>
		</div>
		<div class="form__content">{ignore-list}</div>
	</div>
	<div class="form__row">
		<div class="form__caption">
			<label>Current password:</label>
		</div>
		<div class="form__content">
			<input type="password" name="altpass" placeholder="Current password" />
		</div>
	</div>
	<div class="form__row">
		<div class="form__caption">
			<label>New password:</label>
		</div>
		<div class="form__content">
			<input type="password" name="password1" placeholder="New password" />
		</div>
	</div>
	<div class="form__row">
		<div class="form__caption">
			<label>Confirm password:</label>
		</div>
		<div class="form__content">
			<input type="password" name="password2" placeholder="Confirm new password" />
		</div>
	</div>
	<div class="form__row">
		<div class="form__caption form__caption--above">
			<label>IP restriction (Your IP: {ip}):</label>
		</div>
		<div class="form__content">
			<textarea name="allowed_ip" style="height: 160px" rows="5" class="f_textarea" >{allowed-ip}</textarea>
			<div style="margin-top: 10px">
				<span style="color:red; font-size:12px;">
				* Warning! Be careful when changing this setting.
				Access to your account will only be allowed from the IP address or subnet you specify.
				You can specify multiple IP addresses, one per line.
				Example: 192.48.25.71 or 129.42.*.*</span>
			</div>
		</div>
	</div>
	<div class="form__row">
		<div class="form__caption">
			<label>Avatar:</label>
		</div>
		<div class="form__content">
			<input type="file" name="image" size="28" />
		</div>
	</div>
	<div class="form__row">
		<div class="form__caption">
			<label><a href="http://www.gravatar.com/" target="_blank">Gravatar</a> service:</label>
		</div>
		<div class="form__content">
			<input type="text" name="gravatar" value="{gravatar}" placeholder="Enter the email used for this service" />
		</div>
	</div>
	<div class="form__row">
		<div class="form__caption"></div>
		<div class="form__content checkbox">
			<label for="del_foto">
				<input type="checkbox" name="del_foto" id="del_foto" value="yes" /> 
				Remove avatar
			</label>
		</div>
	</div>
	<div class="form__row">
		<div class="form__caption">
			<label>Time zone:</label>
		</div>
		<div class="form__content">{timezones}</div>
	</div>
	<div class="form__row">
		<div class="form__caption form__caption--above">
			<label>About:</label>
		</div>
		<div class="form__content">
			<textarea name="info" rows="5" style="height: 80px">{editinfo}</textarea>
		</div>
	</div>
	<div class="form__row">
		<div class="form__caption form__caption--above">
			<label>Signature:</label>
		</div>
		<div class="form__content">
			<textarea name="signature" rows="5" style="height: 80px">{editsignature}</textarea>
		</div>
	</div>
	<div class="form__row form__row--without-label">
		<div class="form__content"><table class="form__table">{xfields}</table></div>
	</div>
	<div class="form__row form__row--without-label">
		<div class="form__content form__content--admintag form__content--usertag">
			<div class="checkbox">{twofactor-auth}</div>
			<div class="checkbox">{news-subscribe}</div>
			<div class="checkbox">{comments-reply-subscribe}</div>
			<div class="checkbox">{unsubscribe}</div>
		</div>
		<div class="delakk" style="color: #f53123;">[delete]Delete account[/delete]</div>
	</div>
	<div class="form__row form__row--without-label">
		<button class="form__btn form__btn--primary" name="submit" type="submit">Save</button>
		<input name="submit" type="hidden" id="submit" value="submit" />
	</div>
</div>