<template name="accountProfile">
	<section class="page-container page-home page-static">
		<header class="fixed-title border-component-color">
			{{> burger}}
			<h2>
				<span class="room-title">{{_ "Profile"}}</span>
			</h2>
		</header>
		<div class="content">
			<div class="rocket-form">
				<fieldset>
					<div class="input-line">
						<label for="realname">{{_ "Name"}}</label>
						<div>
							<input type="text" name="realname" id="realname" value="{{realname}}" />
						</div>
					</div>
					<div class="input-line">
						<label for="username">{{_ "Username"}}</label>
						<div>
						{{#if allowUsernameChange}}
							<input type="text" name="username" id="username" value="{{username}}" />
						{{else}}
							<input type="text" name="username" id="username" value="{{username}}" readonly="readonly" title="{{usernameChangeDisabled}}" />
						{{/if}}
						</div>
					</div>
					<div class="input-line">
						<label for="email">{{_ "Email"}}</label>
						<div>
						{{#if emailVerified}}
							<div class="right">
								<i class="icon-ok success-color" title="{{_ "Email_verified" }}"></i>
							</div>
						{{/if}}
						{{#if allowEmailChange}}
							<input type="email" name="email" id="email" value="{{email}}" />
						{{else}}
							<input type="email" name="email" id="email" value="{{email}}" readonly="readonly" title="{{emailChangeDisabled}}" />
						{{/if}}
						{{#unless emailVerified}}
							<div class="text-right">
								<button class="button" id="resend-verification-email">{{_ "Resend_verification_email"}}</button>
							</div>
						{{/unless}}
						</div>
					</div>
					<div class="input-line">
						<label for="password">{{_ "New_password"}}</label>
						<div>
						{{#if allowPasswordChange}}
							<input type="password" name="password" id="password" />
						{{else}}
							<input type="password" name="password" id="password" disabled readonly="readonly" title="{{passwordChangeDisabled}}" placeholder="{{passwordChangeDisabled}}"/>
						{{/if}}
						</div>
					</div>
				</fieldset>
				<fieldset>
					{{> customFieldsForm hideFromForm=false formData=customFields}}
				</fieldset>
				<div class="submit">
					<button class="button primary send"><i class="icon-send"></i><span>{{_ "Save_changes"}}</span></button>
				</div>
				<div class="logoutOthers">
					<button class="button logout">{{_ "Logout_Others"}}</button>
				</div>
				{{#if allowDeleteOwnAccount}}
				<div class="delete-account text-right">
					<button class="button danger delete"><i class="icon-trash"></i><span>{{_ "Delete_my_account"}}</span></button>
				</div>
				{{/if}}
			</div>
		</div>
	</section>
</template>
