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

	<div class="row">
		<div class="col-md-12">
			<div class="card">
				<div class="card-body">
					<div class="form-group mb-3">
						<label><b>{USER_EMAIL_TITLE}</b></label>
						<input type="text" class="form-control " value="{USER_EMAIL}" /readonly>
					</div>
					<div class="form-group mb-3">
						<label><b>{USER_USERNAME_TITLE}</b></label>
						<input type="text" class="form-control " value="{USER_USERNAME}" /readonly>
					</div>
					<div class="form-group mb-3">
						<label><b>{USER_FIRST_NAME_TITLE}</b></label>
						<input type="text" class="form-control " value="{USER_FIRST_NAME}" /readonly>
					</div>
					<div class="form-group mb-3">
						<label><b>{USER_LAST_NAME_TITLE}</b></label>
						<input type="text" class="form-control " value="{USER_LAST_NAME}" /readonly>
					</div>
					<div class="form-group mb-3">
						<label><b>{USER_SKYPE_TITLE}</b></label>
						<input type="text" class="form-control " value="{USER_SKYPE}" /readonly>
					</div>
					<small class="form-text text-muted"><b>{ACCOUNT_UPDATE_INFORMATION}</b></small>
				</div>
			</div>
			<div class="card">
				<div class="card-body">
					<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 mb-3">
							<label><b>{USER_NEW_PASSWORD_TITLE}</b></label>
							<input type="password" name="new_password" class="form-control " />
						</div>
						<div class="form-group mb-3">
							<label><b>{USER_RE_NEW_PASSWORD_TITLE}</b></label>
							<input type="password" name="re_new_password" class="form-control " />
						</div>
						<div class="form-group mb-3">
							<label><b>{USER_PASSWORD_TITLE}</b></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>
			<div class="card">
				<div class="card-body">
					<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 mb-3">
							<label><b>API URL</b></label>
							<input type="text" class="form-control " value="{API_URL}" /readonly>
						</div>
						<div class="form-group mb-3">
							<label><b>{API_KEY_TITLE}</b></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'); ?>