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

<div class="container">
	<div class="row align-items-center mt100">
		<div class="col-md-8 col-md-offset-2">
			<div class="well">
				<form id="register" 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>{REGISTER_EMAIL_TITLE}:</label>
						<input type="text" name="email" class="form-control reg" />
						<i class="fas fa-envelope" style="position: absolute;top: 55px;right: 50px; color:white!important;"></i>
					</div>
					<div class="form-group">
						<label>{REGISTER_USERNAME_TITLE}:</label>
						<input type="text" name="username" class="form-control reg" />
						<i class="fas fa-user" style="position: absolute;top: 130px;right: 50px; color:white!important;"></i>
					</div>
					<div class="form-group">
						<label>{REGISTER_PASSWORD_TITLE}:</label>
						<input type="password" name="password" class="form-control reg" />
						<i class="fas fa-key" style="position: absolute;top: 203px;right: 50px; color:white!important;"></i>
					</div>
					<div class="form-group">
						<label>{REGISTER_RE_PASSWORD_TITLE}:</label>
						<input type="password" name="re_password" class="form-control reg" />
						<i class="fas fa-key" style="position: absolute;top: 276px;right: 50px; color:white!important;"></i>
					</div>
					<div class="form-group">
						<label>{REGISTER_FIRST_NAME_TITLE}:</label>
						<input type="text" name="first_name" class="form-control reg" />
						<i class="fas fa-user" style="position: absolute;top: 349px;right: 50px; color:white!important;"></i>
					</div>
					<div class="form-group">
						<label>{REGISTER_LAST_NAME_TITLE}:</label>
						<input type="text" name="last_name" class="form-control reg" />
						<i class="fas fa-user" style="position: absolute;top: 422px;right: 50px; color:white!important;"></i>
					</div>
					<div class="form-group">
						<label>{REGISTER_SKYPE_TITLE}:</label>
						<input type="text" name="skype" class="form-control reg" id="phone" />
						<i class="fas fa-phone" style="position: absolute;top: 495px;right: 50px; color:white!important;"></i>
					</div>
					{reCAPTCHA}
					<div class="form-group">
					    <div class="form-text text-muted" style="margin-bottom:15px;color:white!important;"><a style="color:#000;" href="/terms" target="_blank">{REGISTER_SUBMIT_MESSAGE_TITLE}</a></div>
						<button class="btn btn-success"><i class="fas fa-sign-in-alt"></i> {REGISTER_SUBMIT}</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<?php require view('theme/footer'); ?>