<?php
	include('views/_header.tpl.php');

	if (isset($_GET['reg_ok'])) {
		$msg = 'Registration Successful';
	}

	if (isset($_GET['msg'])) {
		$msg = htmlentities(strip_tags($_GET['msg']));
	}

	if (isset($_GET['r'])) {
		$rmsg = "Login to accept the invite...";
		//$hideok = "display:none;";
	}
?>

<!--	<link rel="stylesheet" href="/static/css/responsive.css"/>
<link rel="stylesheet" href="/static/css/style.css"/>-->
<!--<?php
		if (!empty($website_options['mobile_background'])) : ?>url('/<?= $website_options['mobile_background'] ?>') no-repeat center center;<?php else : ?>url('/static/system/bgmount.jpg') no-repeat center center;<?php
		endif; ?>-->
<style type="text/css">
	div.spacer { padding-top:0; }
	body, html {
		/*		position: fixed;
		top: 0;
		bottom: -72px;
		background-attachment: fixed;*/
		/*background: url('/static/bgs/heart_hands.jpg') center center no-repeat;*/
		background: url('/static/bgmount.jpg') no-repeat center center fixed;
		/*background-color: #000;*/
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0;
		padding: 0;
		/*overflow-x: hidden;*/
		overflow-y: auto;
		font-family: Montserrat,'Open Sans',Helvetica,'Helvetica Neue', sans-serif;
		font-weight: 300;
		color: #fff;
		height: auto;
		min-height: 100vh;
		/* background-color: #000; */
	}
	body {
		height: 100%;
		overflow: auto;
	}
	/*input[type="text"], input[type="password"] { border:1px solid #333 !important; }
	input[type="text"], input[type="password"] {
        border:1px solid rgba(255,255,255,.3) !important;
    }	*/
	#errordiv a, #errordiv a:active, #errordiv a:visited, #errordiv a:link { 
	border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; 
	padding: 3px 20px; background:#fff; font-weight:800; }
	#errordiv a:hover { background:#00bb00; color:#fff; } 
	a, a:active, a:link, a:visited { color:#00A1FE; }
	a:hover { color:#4CA2E0; }
	input.btn-o {
		
	}
	input {
		font-size: 17px;
		background:#fff;
		padding:15px;
		border:0;
		border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; 
	}
	input[type="submit"] {
		background:#000 !important;
		color:#fff !important;
		padding:15px;
		-webkit-appearance: button;
		cursor: pointer;
		border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;
		border:1px solid #555;
	}
	input[type="submit"]:hover {
		background:#222 !important;
	}
/*	input[type="text"], input[type="password"] {
		width:100%;
		background: #eee !important; color:#000; font-size:17px;
		border:3px solid rgba(255,255,255,.3); border:3px solid #ececec;
		padding:15px; 
		border-radius: 6px; -moz-border-radius:6px; -webkit-border-radius:6px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	
	}*/
	
/* ////////////////////////////////////////////////////////// */
/*                        MOBILE STYLES                       */
/* ////////////////////////////////////////////////////////// */

	/* Portrait tablet to landscape and desktop */
	@media (min-width: 1024px) and (max-width: 1024px) {
	
	}		
	
	/* Portrait tablet to landscape and desktop */
	@media (min-width: 768px) and (max-width: 1023px) {

	}	

	@media (min-width: 586px) and (max-width: 767px) {

	}	
	
	@media (min-width: 481px) and (max-width: 585px) {

	}	
	
	@media (min-width: 100px) and (max-width: 480px) {
		.pagecontainer { margin-top:-50px}
		.container_12 { padding-top:20px; }
	}		
/*
height: env(safe-area-inset-top);
width: env(safe-area-inset-left);
margin: env(safe-area-inset-right);
padding: env(safe-area-inset-bottom, 20px);
*/	
</style>


<!--<img src="<?php if (!empty($website_options['mobile_background'])) : ?>/<?= $website_options['mobile_background'] ?><?php else : ?>/static/system/bgmount.jpg<?php endif; ?>" style="position:absolute; background:cover; object-fit:cover; top:0; left:0; bottom:0; right:0; min-height:100%; height:100vh; width: auto; min-width:100%; padding-top:0px !important; padding-bottom:0px !important; margin-bottom:0px !important; z-index:-999;" alt="BG" />-->

	<div class="home-feature-category" style="padding:50px 0 0; margin:0 auto; background:rgba(0,0,0,.4) !important; border:none; min-height:400px;">
	    <div class="container_12 clearfix" style="min-height:100vh;">
			<div class="titletext" style="line-height:50px; text-align:center; margin-top:30px;">
			<?php if (!empty($website_options['mobile_logo'])) : ?>
				<a href="/" style="color:#fff; text-shadow:2px -2px 2px rgba(0,0,0,.5)"><h1><img 
				src="/<?= $website_options['mobile_logo'] ?>"
				style="width: auto; max-width: 170px; height: 50px; 
				margin-top:0px;" alt="" /> Login
				</h1></a>
	        <?php endif; ?>
			</div>
			<?php
			if (isset($odm)) {
				echo "<div style='border:1px solid #00CE18; background:rgba(0,206,24,.5); 
				color:#fff; padding:20px;
				font-size:17px; font-weight:300; margin-bottom:5px;'>$msg</div>";
			}
			?>
			<?php
			if (isset($msg)) {
				echo "<div style='border:1px solid #ff0000; background:rgba(255,0,0,.5); 
				color:#fff; padding:20px; 
				font-size:17px; font-weight:300; margin-bottom:5px;'>$msg</div>";
			}
			?>

			<form method="post" style="color:#fff; text-align:center; max-width:375px; 
			margin:0 auto;">
				<span style="font-size:15px;">Login or 
				<a href="/auth/register" style='font-size:15px; 
				font-weight:600;'>Sign Up</a> 
				free!</span>
				<br />
				<input type="text" name="email" placeholder="Email" style="width:75%; margin-top:10px;" />
				<br /><br />
				<input type="password" name="password" type="password" placeholder="Password" 
				style="width:75%;" />
				<br /><br />
				<!--<table class="noborder login">
					<tr><td>Email</td><td><input name="email" /></td></tr>
					<tr><td>Password</td><td><input name="password" type="password" /></td></tr>
				</table>-->
				<input type="hidden" name="redirect_me" value="<?= $redirect_url ?>" />
				<center><input type="submit" class="btn-o" value="Login" 
				style="width:85%; padding-left:10px; padding-right:10px; 
				margin-bottom:10px; max-width:311px; background:none" />
				<!-- <a href='register'>Register</a> | -->
					
					<!--
					<br />
					<div style="display:inline-block; width:50px; border-top:1px solid #ccc; margin-bottom:5px;"></div>  
					<div style="display:inline-block; width:50px; font-size:13px;"> <i>or</i> </div>
					<div style="display:inline-block; width:50px; border-top:1px solid #ccc; margin-bottom:5px;"></div>
					-->
	                <br /><br />				
				
				<a href="/auth/forgot" style='color:#fff; font-size:14px'>
					<i class="fa fa-question-circle" aria-hidden="true"></i> Forgot Password?</a>
				</center>
				<br />
				<div style="display:inline-block; width:50px; border-top:1px solid #ccc;
					margin-bottom:5px;"></div>
				
				<br /><br />
				<span style="color:#bbb;">Not a member yet?</span>
				<br /><br />
				<a href="/" style='color:#fff; font-size:17px;'>&laquo; Back to Home</a> | 
				<a href="/auth/register" style='color:#fff; font-size:17px;'>Sign up &raquo;</a>
				<br /><br />
			</form>

		</div>
		<!-- CONTAINER 12 ENDS HERE -->
		<div class="clear"></div>
	</div>
	<!-- HOME FEATURE 12 ENDS HERE -->
	<div class="clear"></div>

<!-- PAGE CONTAINER ENDS -->

<?php include('views/_footer_m.tpl.php'); ?>