<?php require view('theme/header'); ?>

<div class="container">
	<div class="row">
		<div class="col-md-8 col-md-offset-2">
			<div class="well">
				<div class="form-group">
					<label>{USER_EMAIL_TITLE}</label>
					<input type="text" class="form-control " value="{USER_EMAIL}" /readonly>
				</div>
				<div class="form-group">
					<label>{USER_USERNAME_TITLE}</label>
					<input type="text" class="form-control " value="{USER_USERNAME}" /readonly>
				</div>
				<div class="form-group">
					<label>{USER_FIRST_NAME_TITLE}</label>
					<input type="text" class="form-control " value="{USER_FIRST_NAME}" /readonly>
				</div>
				<div class="form-group">
					<label>{USER_LAST_NAME_TITLE}</label>
					<input type="text" class="form-control " value="{USER_LAST_NAME}" /readonly>
				</div>
				<div class="form-group">
					<label>{USER_SKYPE_TITLE}</label>
					<input type="text" class="form-control " value="{USER_SKYPE}" /readonly>
				</div>
				<small class="form-text text-muted">{ACCOUNT_UPDATE_INFORMATION}</small>
			</div>
			<div class="well">
				<form id="update_password" onsubmit="return false;">
					<div class="form-loader">
						<span class="intro-banner-vdo-play-btn pinkBg">
							<span class="ripple pinkBg"></span>
							<span class="ripple pinkBg"></span>
							<span class="ripple pinkBg"></span>
						</span>
					</div>
					<div class="form-group">
						<label>{USER_NEW_PASSWORD_TITLE}</label>
						<input type="password" name="new_password" class="form-control " />
					</div>
					<div class="form-group">
						<label>{USER_RE_NEW_PASSWORD_TITLE}</label>
						<input type="password" name="re_new_password" class="form-control " />
					</div>
					<div class="form-group">
						<label>{USER_PASSWORD_TITLE}</label>
						<input type="password" name="password" class="form-control " />
					</div>
					<div class="form-group text-right">
						<button type="submit" class="btn btn-primary">{UPDATE_PASSWORD_SUBMIT}</button>
					</div>
				</form>
			</div>
			<div class="well">
				<form id="new_key" onsubmit="return false;">
					<div class="form-loader">
						<span class="intro-banner-vdo-play-btn pinkBg">
							<span class="ripple pinkBg"></span>
							<span class="ripple pinkBg"></span>
							<span class="ripple pinkBg"></span>
						</span>
					</div>
					<div class="form-group">
						<label>API URL</label>
						<input type="text" class="form-control " value="{API_URL}" /readonly>
					</div>
					<div class="form-group">
						<label>{API_KEY_TITLE}</label>
						<input type="text" id="key" class="form-control " value="{USER_API_KEY}" /readonly>
					</div>
					<div class="form-group text-right">
						<button type="submit" class="btn btn-primary">{UPDATE_API_KEY_SUBMIT}</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<?php require view('theme/footer'); ?>