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

		<title>Menu</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 type="text/css" rel="stylesheet" href="<?php echo base_url().'mobile/css/jquery.mobile-1.0rc2.min.css'?>" />

		<link rel="apple-touch-icon" href="<?php echo base_url().'mobile/img/apple-touch-icon.png'?>">
		<link rel="apple-touch-startup-image" href="<?php echo base_url().'mobile/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/jquery.easy-pie-chart.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>
		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
img {
  border-radius: 50%;
}
</style>
	</head>
	<body class="o-page p-blog">
		<div id="page">
			
			    <div id="gradient2" style="background-color: #e6e6fa; overflow:scroll; width:95%px; height:510px; padding:5px; "> 
				<?php 
				 
		         $url=base_url('assets/gambar/');
		         $menu=base_url('mobile/menu/jorder/');
		         $i=0;    
		
		    	echo '<table align="center"> <tr>';
			
				foreach ($data->result_array() as $a) {
					$id=$a['kd_toko'];
					$nama=$a['nm_toko'];	
					$deskripsi=$a['almt_toko'];
					$like=$a['gmap'];
					$kat_id=$a['nowa'];
					$gambar=$a['foto'];
					$logomap='logomap.png';


				if(date('H')>=8)  { 
				echo '
				    <div class="container"><td  align="center">
					<a href="'.$menu.'/'.$id. '">
						<td class="article-img-pane">
						    
							<img class="img-thumbnail" width="200px" style="border-radius: 20px; -moz-border-radius: 20px;" src="'.$url.'/'.$gambar.'" />
						</td>
						<span style="font-size:20px">'.$nama.'</span>
					
					</a>
					</td>
					<td>
					<a href="'.$like.'">
					</td>
					<td>
						<i><img width="30px"  src="'.$url.'/'.$logomap.'/></i><span style="font-size:12px">'.$deskripsi.'</span>
					</td>
					</a>
					
					
				</div>';
				 
				    
				} if(date('H')<8) {
				 echo '
				 <div class="container"><td  align="center">
					<a href="">
						<div class="article-img-pane">
							<img class="img-thumbnail" width="200px" style="border-radius: 100px; -moz-border-radius: 100px;" src="'.$url.'/'.$gambar.'" />
						</div>
						<span style="font-size:20px">'.$nama.'</span>
					</a>
						
					<a href="">
					<div>
						<span style="font-size:15px"><b>Tutup</b></span>
					</div>
					</a>
					
					<a href="">
					<div  >
						<span style="font-size:15px"><b>Buka : 10:00 s/d 21:00 WIB</b></span>
					</div>
					</a>
				</div>';
				
					if ($i == 2)	{
					  
			echo'</tr><tr>';        			
				$i=0;
			}
		}
		
		echo '</tr></table>';
				}
    ?>
				
	
			</div>
			
			
			<div class="subFooter">Copyright <?php echo date('Y');?>. 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>
				
					<?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>
var x = document.getElementById("demo");

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else { 
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}

function showPosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude;
}
</script>
		
		
	</body>

</html>