<?php 
	session_start();
	include 'function_inc.php';
	Setting::current_lang();

	$lang = Setting::switch_lang($_SESSION['bigorange_lang']);
?>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Big Orange Hotel | Contact Page</title>

		<!-- Bootstrap CSS -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
		<!-- plugins css -->
		<link rel="stylesheet" type="text/css" href="css/main.css">
		<link rel="stylesheet" type="text/css" href="plugins/cssmenu/styles.css">
		<link rel="stylesheet" type="text/css" href="plugins/bx-slider/jquery.bxslider.css">
		<link rel="stylesheet" type="text/css" href="plugins/colorbox/example1/colorbox.css">

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<div id="header">
			<div id="nav-background">
				<div class="container">
					<div id="cssmenu" class="pull-right col-md-12">
						<ul>
						   <li><a href="index.php"><?php echo $lang['Home'] ?></a></li>
						   <li><a href="room-type.php"><?php echo $lang['Room Type'] ?></a></li>
						   <li><a href="reservation-form.php"><?php echo $lang['Reservation'] ?></a></li>
						   <li><a href="hotel-facilities.php"><?php echo $lang['Facilities'] ?></a></li>
						   <li><a href="wifi-cafe.php"><?php echo $lang['WiFi Cafe'] ?></a></li>
						   <li><a href="local-tourist-attraction.php"><?php echo $lang['Tourist Attraction'] ?></a></li>
						   <li><a href="photo-gallery.php"><?php echo $lang['Gallery'] ?></a></li>
						   <li><a href="news-update.php"><?php echo $lang['News/Update'] ?></a></li>
						   <li><a href="about-us.php"><?php echo $lang['Profile'] ?></a></li>
						   <li class="active"><a href="javascript:void(0)"><?php echo $lang['Contact'] ?></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="container">
				<div id="language" class="pull-right">
					<a class="btn btn-warning btn-sm <?php echo Setting::current_lang_status('en') ? 'active':null; ?>" href="<?php echo Setting::base_url().'/contact-us.php?lang=en' ?>"><font class="text-uppercase"><?php echo $lang['En'] ?></font></a>
					<a class="btn btn-warning btn-sm <?php echo Setting::current_lang_status('ch') ? 'active':null; ?>" href="<?php echo Setting::base_url().'/contact-us.php?lang=ch' ?>"><font class="text-uppercase"><?php echo $lang['Ch'] ?></font></a>
					<a class="btn btn-warning btn-sm <?php echo Setting::current_lang_status('my') ? 'active':null; ?>" href="<?php echo Setting::base_url().'/contact-us.php?lang=my' ?>"><font class="text-uppercase"><?php echo $lang['My'] ?></font></a>
				</div>
				<div class="logo">
					<a href="index.php">
						<img src="img/logo.png">
						<span class="company-name">Big Orange <font class="hotel">Hotel</font></span>
					</a>
				</div>
				<div class="social-icon">
					<ul>
						<li><a href="javascript:void(0)"><img src="img/social-icon/twitter.png"></a></li>
						<li><a target="_blank" href="https://www.facebook.com/pages/Big-Orange-Hotel/302680716601321"><img src="img/social-icon/facebook.png"></a></li>
						<li><a href="javascript:void(0)"><img src="img/social-icon/google.png"></a></li>
					</ul>
				</div>
				<hr class="hidden-xs">
			</div>
		</div>
		<div id="content">
			<div class="container">
				<hr class="visible-xs">
				<h2 class="text-center text-uppercase"><?php echo $lang['Contact Us'] ?></h2>
				<hr>
				<div class="row">
					<div class="col-md-12">
						<a class="office-draw-map" href="img/office-draw-map.jpg">
							<img class="limit-height-300 width-100-percent" src="img/office-draw-map.jpg">
						</a>
					</div>
				</div>
				<hr>
				<div class="row">
					<div class="col-md-12">
						<div id="google-maps"></div>
					</div>
				</div>
				<hr>
				<div class="row">
					<div id="contact-form" class="col-md-9">
						<h3 class="text-uppercase"><?php echo $lang['Get In Touch'] ?></h3>
						<p><?php echo $lang['contact_desc'] ?></p>
						<form class="form-horizontal" role="form" data-toggle="validator" name="contact-form">
			              <div class="form-group">
			                  <div class="col-md-4">
			                      <input type="text" class="form-control" id="name" name="name" placeholder="<?php echo $lang['contact_name'] ?>" required="">
			                  </div>
			                  <div class="col-md-4">
			                      <input type="text" class="form-control" id="subject" name="subject" placeholder="<?php echo $lang['contact_subject'] ?>">
			                  </div>
			                  <div class="col-md-4">
			                    <div class="input-group">
			                        <span class="input-group-addon">@</span>
			                            <input type="email" class="form-control" id="email" name="email" onblur="validateEmail(this)" placeholder="<?php echo $lang['contact_email'] ?>" required="">
			                        </div>
			                    </div>
			              </div>
			              <div class="form-group">
			                  <div class="col-md-12">
			                      <textarea rows="6" class="form-control" id="comments" name="comments" placeholder="<?php echo $lang['contact_remark'] ?>" minlength="30" required=""></textarea>
			                  </div>
			              </div>
			              <div class="form-group">
			                  <div class="col-md-6">
			                      <button type="submit" name="submit" value="submit" class="btn btn-info pull-right">Send</button>
			                  </div>
			              </div>
		                </form>
					</div>
					<div id="contact-information" class="col-md-3">
						<h3 class="text-uppercase"><?php echo $lang['Find Us'] ?></h3>
						<address>
						  <strong>Big Orange Hotel<small> (Sg. Petani)</small></strong><br>
						  No. A31, Jalan 2,<br>
						  Cinta Sayang Resort Home,<br>
						  Sungai Petani, Kedah Darul Aman,<br>
						  Malaysia.<br>
						</address>

						<address>
						  <strong><?php echo $lang['Contact'] ?>:-</strong><br>
						  <abbr title="email">E:</abbr> <a href="mailto:info@bigorangehotel.com.my">
						  	info@bigorangehotel.com.my
						  </a><br>
						  <abbr title="phone">P:</abbr> (+604) 440-4620<br>
						</address>
					</div>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="container">
				<center>
					<h5>
						<?php echo $lang['footer_copyright'] ?>
					</h5>
				</center>
			</div>
		</div>

		<!-- jQuery -->
		<script type="text/javascript" src="js/jquery.js"></script>
		<!-- Bootstrap JavaScript -->
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<!-- init plugins -->
		<script type="text/javascript" src="js/main.js"></script>
		<script type="text/javascript" src="plugins/cssmenu/script.js"></script>
		<script type="text/javascript" src="plugins/bx-slider/jquery.bxslider.js"></script>
	    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
	    <script type="text/javascript" src="plugins/colorbox/jquery.colorbox.js"></script>
	    <script type="text/javascript" src="js/jquery.maskedinput.min.js"></script>
	    <!-- script running -->
		<script type="text/javascript">
			$(".office-draw-map").colorbox({width:"50%"});
	    	google.maps.event.addDomListener(window, 'load', init_map);
		</script>
	</body>
</html>
