<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
		<meta name="keywords" content="Mie Djoetek by enambelasapp.my.id">
		<meta name="author" content="Suroto">
		<meta name="description" content="Mie Djoetek by enambelasapp.my.id">
		<meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes" />

		<title>Login</title>
		<link href="<?php echo base_url().'assets/img/logo.png'?>" rel="shortcut icon" type="image/x-icon">

		<link type="text/css" rel="stylesheet" href="<?php echo base_url().'mobile/css/jquery.mmenu.all.css'?>" />
		<link type="text/css" rel="stylesheet" href="<?php echo base_url().'mobile/css/style.css'?>" />

		<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
		<link rel="apple-touch-startup-image" href="img/apple-touch-startup-image.png">
		
		<script type="text/javascript" src="<?php echo base_url().'mobile/js/jquery.min.js'?>"></script>
		<script type="text/javascript" src="<?php echo base_url().'mobile/js/jquery.mmenu.min.all.js'?>"></script>
		<script type="text/javascript" src="<?php echo base_url().'mobile/js/gmap3.min.js'?>"></script>
		<script type="text/javascript" src="<?php echo base_url().'mobile/js/o-script.js'?>"></script>
		<script type="text/javascript" src="<?php echo base_url().'mobile/js/geo.js'?>"></script>
		<script type="text/javascript" src="<?php echo base_url().'mobile/js/geo_position_js_simulator.js'?>"></script>
		<script type="text/javascript" src="<?php echo base_url().'mobile/js/geo-min.js'?>"></script>
		<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAssH94kOodra9mncIoHPEWbySo4Np0V-w" type="text/javascript"></script>
		

	</head>
	<body class="o-page">
		<div id="page">
			<div id="header">
				<div class="header-content">
					<a href="#menu" class="p-link-home"><i class="fa fa-bars"></i></a>
					<a href="javascript:history.back();" class="p-link-back"><i class="fa fa-arrow-left"></i></a>
				</div>
			</div>
			<div class="bannerPane banner-bg">
				<div class="overlay"></div>
				<div class="s-banner-content">
					<i class="fa fa-user"></i> Login ke Akun Anda
				</div>
			</div>
			<!-- MAP -->
			
			<div id="content">
				
				<?php echo $this->session->flashdata('msg');?>
				
				<form class="contactForm" action="<?php echo base_url().'mobile/member/auth'?>" method="post">
					<input type="number" name="email" placeholder="No Hp / WA" required>
					<input type="text" name="pass" placeholder="Masukan nama" required>
					
					<button type="submit" class="o-buttons red" onclick="getLocation()"  style="border:none;height:38px;width:70px;">Simpan</button>
				</form>
					<p>Jika Anda belum memiliki akun. Daftarkan akun anda disini. <a href="<?php echo base_url().'mobile/member/register'?>">Mendaftar</a></p>
				
			</div>
			
			<!--<div class="subFooter">Copyright 2013. All rights reserved.</div>-->
			
			<!-- Menu navigation -->
			<nav id="menu">
				<ul>
					<li class="Selected">
						<a href="#close">
							<i class="fa fa-times-circle"></i>
						</a>
					</li>
					<li>
						<a href="<?php echo base_url().'mobile/home'?>">
							<i class="fa fa-home"></i>Home
						</a>
					</li>
					<li>
						<a href="<?php echo base_url().'mobile/menu/cart'?>">
							<i class="fa fa-shopping-cart"></i>Keranjang Belanja (<?=$this->cart->total_items();?>)
						</a>
					</li>
				
					
					<li>
						<a href="<?php echo base_url().'mobile/tracker'?>">
							<i class="fa fa-crosshairs"></i>Tracker
						</a>
					</li>
					<li>
						<a href="<?php echo base_url().'mobile/member/register'?>">
							<i class="fa fa-user"></i>Mendaftar
						</a>
					</li>
					<li>
						<a href="<?php echo base_url().'mobile/gallery'?>">
							<i class="fa fa-camera-retro"></i>Gallery
						</a>
					</li>
					
					
					<?php if($this->session->userdata('online') == TRUE):?>
					<li>
						<a href="<?php echo base_url().'mobile/konfirmasi'?>">
							<i class="fa fa-exchange"></i>Konfirmasi
						</a>
					</li>
					
					<li>
						<a href="<?php echo base_url().'mobile/myfood'?>">
							<i class="fa fa-cutlery"></i>My Food
						</a>
					</li>

					<li>
						<a href="<?php echo base_url().'mobile/member/logout'?>">
							<i class="fa fa-sign-out"></i>Logout
						</a>
					</li>
					<?php else:?>
					<li>
						<a href="<?php echo base_url().'mobile/member'?>">
							<i class="fa fa-sign-in"></i>Login
						</a>
					</li>
					<?php endif;?>
				</ul>
					
			</nav>

		</div>
		
<script>
function getLocation() {
 if (navigator.geolocation) {
            var location_timeout = setTimeout("geolocFail()", 10000);
            navigator.geolocation.getCurrentPosition(function(position) {
            clearTimeout(location_timeout);
            var lat = position.coords.latitude;
            var lng = position.coords.longitude;

            geocodeLatLng(lat, lng);
            }, function(error) {
            clearTimeout(location_timeout);
            geolocFail();
            });
        } else {
            // Fallback for no geolocation
        geolocFail();
        }
}   
</script>     
	
	</body>
</html>