<!DOCTYPE html>
<html>
<head>
	<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> -->
	<meta name="format-detection" content="telephone=no">
	<meta name="msapplication-tap-highlight" content="no">
	<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<meta name="viewport"
	      content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
	 <link href="css/ionicons.css" media="all" rel="stylesheet" type="text/css">
	<!-- <link rel="stylesheet" type="text/css" href="css/index.css"> -->
	<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
	<link rel="stylesheet" type="text/css" href="css/materialize.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">

	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/functions.js"></script>	
	<style>
	.cat-name{
		text-align: center;
		font-weight: bold;
		background: #000;
		color: #fff;
		padding: 5px;
		height: 50px;
	}
	.abc img{
		width: 100%;
		display: block;
		height: 125px;
	}
	body{
		background: url(img/bg2.jpg);
    background-size: auto;
    background-repeat: no-repeat;
	}
	label {
    font-size: 1.2rem;
    color: #fff;
}
	</style>

<script>
$(document).ready(function(){

if (localStorage.loginStatus == 'A' && localStorage.login == 'true'){
	window.location.href="index.html";
}


	if(localStorage.cc != '' && localStorage.cc != undefined && localStorage.cityName !='' && localStorage.cityName !=undefined){
		//window.location.href = 'facebook-login.html';		
		window.location.href = 'landing.html';		
	}

	
        var data_city ='';
	    $.ajax({
    url: 'https://updpnl.com/apps/mbauni/appcode/fetch_city.php',
    dataType: 'json',
    success: function(res){
    	console.log(res);

    	data_city +=`<option disabled selected>--choose your city--</option>`;

    	$.each(res,function(index1,item1){

    	   data_city +=`<option value="`+item1.city_name+`"`;
    	      if(item1.city_name == localStorage.cityName){
    	      	data_city +=`selected`;
    	      }
    	   data_city +=`>`+item1.city_name+`</option>`;

    	})

    	$('.city').empty().append(data_city);
      
    },   
 });

 });

 </script>

 <script type="text/javascript">
		$(document).ready(function(){
			
			$('.city').on('change',function(){
		    	var citynm = $('.city').val();
		    	localStorage.cityName = citynm;
		    	window.location.href="facebook-login.html";
		    	// console.log(localStorage.cityName);
            })
		
		});
	</script>

	<title>MBA Huntt</title>
</head>
<body>
	
<!-- 
	<header class="header pink-bg  ">
		<div class="navbar">
			  <img src="img/left-arrow.png" class="responsive-img" style="height:26px;   margin-left: 10px;" onclick="goBack()">
			<h5>Contact Us</h5>

		</div>
	</header> -->
	 <!-- <header class="header"> 
		<div class="navbar" style="background: transparent!important;">
			<button class="pink-bg navigation button-collapse" data-activates="slide-out">
				<i class="ion-android-arrow-back pink-bg white-text"></i>
			</button>
			<h5></h5>
			<img src="img/left-arrow.png" class="responsive-img" style="height:26px;   margin-left: 10px;" onclick="goBack()">
			<h5 class="center-align">Login</h5>
			<div></div>
		</div>
	</header> -->
	<div class="main-container" id="main-container" style="margin-top: 70px;">
		<div class="row">
			<div class="col s12" style="padding: 0 15px!important;">
				<label>Select your city</label>
				<select class="browser-default city">
				</select>
			</div>
		</div>
	</div>


	<script type="text/javascript" src="js/materialize.min.js"></script>
	<script type="text/javascript" src="js/myfunctions.js"></script>
	 <script>
            function goBack() {
      
              window.history.back();
            }
</script>
</body>

</html>